This repository contains code for a production-ready portfolio website that showcases a scrollable 3D animation using the Three.js library. The website features WebGL, CSS Grid, and a unique scrolling animation. The avatar image is a 3D cube that rotates as the user scrolls down, along with a large 3D ring that rotates continuously. Additionally, the website includes a rotating moon animation and stars throughout.
-
Three.js Docs https://threejs.org/
-
WebGL Overview https://youtu.be/f-9LEoYYvE4
-
Scrollable Three.js Animation Snippet
A demo of the portfolio website is available at [link to website].
The website was developed using the following technologies:
- Three.js
- WebGL
- CSS Grid
To set up the website, follow these steps:
- Clone this repository:
git clone <this-repo> - Install dependencies:
npm install - Run the development server:
npm run dev
Contributions to the website are welcome. To contribute, please follow these steps:
- Fork this repository
- Create a new branch for your changes:
git checkout -b <branch-name> - Make your changes and commit them:
git commit -am 'Add some feature' - Push to the branch: `git push origin
- Submit a pull request
This project is licensed under the MIT License.