https://github.com/robinruf/threejs_portfolio
3D Portfolio where you can fly a plane around an island to navigate
https://github.com/robinruf/threejs_portfolio
3d free2use javascript portfolio portfolio-website tailwindcss template threejs typescript
Last synced: over 1 year ago
JSON representation
3D Portfolio where you can fly a plane around an island to navigate
- Host: GitHub
- URL: https://github.com/robinruf/threejs_portfolio
- Owner: RobinRuf
- Created: 2023-12-07T00:44:45.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-21T23:25:27.000Z (over 2 years ago)
- Last Synced: 2024-01-22T00:32:22.004Z (over 2 years ago)
- Topics: 3d, free2use, javascript, portfolio, portfolio-website, tailwindcss, template, threejs, typescript
- Language: TypeScript
- Homepage: https://three-js-portfolio-gilt.vercel.app
- Size: 2.52 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ReactJS/ThreeJS Portfolio/Website
I was loving to test a bit around with ThreeJS, so I decided to create a Portfolio "Template".\
Template, because I will not use it personally and not build out the whole site content - if someone wants to use this, feel free.
However, it does not need to bi a portfolio, it also could be any other cool website, where a similar ThreeJS structure would be nice. Be creative!
The used main model is an Island. _(if you do not like it, you can find other 3D models on sketchfab for free)_
This idea is, that you can fly with a plane around the island and at some checkpoints a popup will be shown, there you can switch to subpages like contact, projects and so on.\
You can fly with the mouse and also with arrow keys.
## Set up locally
Just clone the repo, don't forget to install the dependencies with `npm i` and then simply run the dev-server with `npm run dev`. Straight forward, isn't it?