Workshop: interactive 3D on landing
Mentor - Yuriy Artyukh, founder of Riverco.de frontend agency, html/css coder with a passion for animation and WebGL
During the workshop you will create an animated interactive landing page.
Each participant will receive an implemented, prepared code that he can use for animations in his design. And also a set of tools for optimization and work with 3D.
-
You will learn how to:
- start scrolling animations
- interact with the 3D object and its animations
- integrate the WebGL and HTML worlds.
You will understand basic work with 3D assets, optimization, compression, and editing.
Program:
- modern approaches to the symbiosis of WebGL and HTML on landing pages
- scroll animation, work with ScrollTrigger
- preparation and optimization of 3D models for production
- Working with React Three Fiber and how it differs from regular three.js
- basic work with shaders and effective animations of many objects
- advanced animation capabilities for sites in React Three Fiber
Format:
Date and time: June 29, 10:00 - 14:00, (Kyiv time, GMT+3).
Platform: Zoom
Language of the event and presentation: Ukrainian
Requirements for participants: For participation at the workshop, you need to have some terminal knowledge (clone git repository, pipe two commands, etc.) and basic js/react skills. During the workshop, you will need these tools:
your favorite IDE
Who will be interested?
Frontend developers from Junior+ level
Mentor: Yuriy Artyukh, frontend evangelist and founder of Riverco.de frontend agency.
— For 15 years, he has been actively engaged in front-end, and more recently in browser and WebGL animations. He teaches people on his YouTube channel, where he creates animations during streams.
— Fwdays permanent speaker