This project explores scroll-based animation with 3D elements. It was created with Three.js.
It features a mock portfolio front page with floating 3D elements. The 3D elements will spin quickly in response to entering the viewport, and their position will adjust based on your mouse movement. In the upper-right corner is a GUI that allows users to dynamically adjust the color of the 3D elements.
The work was undertaken as one of many steps in acquiring my Three.js certification through Three.js Journey.
A running demo of the project can be viewed at https://dvdjrnx.github.io/scroll-based-animation
- Clone the repository.
- Install the required dependencies by running
npm install.
To start the project, run the following command:
npm run dev