(React Three Fiber ScrollControls with Gsap tutorial)

React Three Fiber/Three.js Tutorial for Beginners | Awwwards Style Website | Gsap, ScrollControls

This is repositry contains the files that we created in my youtube tutorial here: https://www.youtube.com/watch?v=52sTNIJs78A

Getting Started with this project

• Download the repository,
• Unzip it,
• Rename the folder to be what you want your project to be called
• Open the folder in your VS Code
• Open a new integrated terminal within the folder
• Run 'npm i' to install the node modules
• Run npm start once the modules have installed

Notes

This is a basic project to get you up and running. Here are some suggestions on how you can improve:

• Add custom fonts
• Make responsive
• Add better shadows (play around with lighting and element positions, what can cast/receive shadows etc...)
• Make the canvas background change colour on scroll
• Make multi page using Routers (play with animating things in and out)