At basement we love to create amazing things, and we're excited to see what you can do with these tools. So get ready to give it your all and show off your skills! Are you ready for the challenge? Let's go!
- Tracks DOM elements and draws Three.js objects in their place using the correct scale and position (for images and models).
- Implement Lenis for smooth and accessible scrolling, so everyone can enjoy your website.
- Add a custom shader to make hover image interaction more engaging and immersive.
- Make sure the Awwwards model rotates during scroll movement, adding some excitement to your website.
- Pin the Caps section in place and have the caps appear with opacity, scale, and rotation during scroll movement. Also, ensure that each cap remains floating, and create this animation using a GSAP Timeline.
- Ensure your website is optimized for devices up to an iPad.
-
Install yarn:
npm install -g yarn
-
Install the dependencies with:
yarn
-
Start developing and watch for code changes:
yarn dev