https://github.com/nadjascodejourney/portfolio-threejs

studyproject inspired by Three JS Journey by Bruno Simons
https://github.com/nadjascodejourney/portfolio-threejs

parallax-effect portfolio scrollevents threejs

Last synced: 15 days ago
JSON representation

studyproject inspired by Three JS Journey by Bruno Simons

• Host: GitHub
• URL: https://github.com/nadjascodejourney/portfolio-threejs
• Owner: nadjascodejourney
• Created: 2024-04-29T07:50:04.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-06-12T10:54:56.000Z (8 months ago)
• Last Synced: 2024-12-12T22:10:37.978Z (2 months ago)
• Topics: parallax-effect, portfolio, scrollevents, threejs
• Language: JavaScript
• Homepage: https://nadjascodejourney.github.io/portfolio-threejs/
• Size: 17.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Three.js Portfolio with scroll-based animation 

inspired by Three JS Journey by Bruno Simons

This is a mockup for a simple Portfolio. 

My goal was to learn how to implement scroll-based animation and parallax effect with Three.js, guided by the highly recommended course by Bruno Simons.  

## Setup

Clone the repo locally and run the following commands:

``` bash

# Install dependencies (only the first time)

npm install

# Run the local server at localhost:8080

npm run dev

# Build for production in the dist/ directory

npm run build

```