Workshop: interactive 3D on landing

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?