The goal is to create a website that shows my current work, and displays it in a exciting manner. My current idea is to create a 3D museum that can be explored on mobile, computers, and in VR.
- React
- Three.js
- React Three Fiber - Connect Three to React
- React Three Drei - Helper libraries
- React Three XR - Hopefully make it VR
- Leva - Debug
- GLTFJSX - Compress GLTFs into JSX modules
- react-three-rapier - Physics
- Framer Motion 3D - Animations
- Ecctrl - Player controller/capsule collider
- Get animation working
- Framer Motion 3D
- Get FPS controls working
- Import old portfolio assets
- Organize Zustand Store into feature-specific components
- See this article
- Combine PortfolioVideo and PortfolioImage components
- create a prop that allows you to choose either image or video
- Create Loading screen
- Check current loading time with "Pretty Fast" profile and no caching (see network tab)
- Implement stats
- Run every texture through tiny png
- Create Text component
- import copy
- Find fonts
- Import fonts
- Design backdrop
- Adjust text sizes
- Finish getting all current portfolio items in the space
- Fix FPS controller bug == You move slower if the frame rate is lower
- Furniture
- Greybox furniture placement
- Rearrange wall art to fit around furniture
- Add 3D portfolio items ontop of furniture
- Art pass
- Hosting
- Netlify
- Mobile
- Implement this package https://www.npmjs.com/package/react-device-detect
- Try implementing ecctrl https://github.com/pmndrs/ecctrl?tab=readme-ov-file
- Splash Screen
- Design entry screen
- Add controls description
- Willems World
- a rotating fan that has a dial where you can adjust the speed of the fan. Attached to each end of the fan is a trail renderer "streamer", as you spin the fan the trail renderers will follow their origins, creating aa cool spiral effect
- bring back triangle people using Sprite Renderer
- Small "hide and seek" type game
- small objects are hidden around the portfolio, and you need to find and click on them
-ideas for objects
- suzanne
- triangle man
- labyrinth
- small objects are hidden around the portfolio, and you need to find and click on them
-ideas for objects
- Dekagon assets I want to import into my project:
- Urban Background Buildings - VOL.1
- used to add roofs to the skylight windows, will prob also have to build a rudimentary alley
- Suburbs vol1. - wall decor
- use the frames to frame photos
- Suburbs vol.11 - rugs
- Maybe I can mess with the texture and make my own rugs that have flowers on them?
- interior decor
- plants
- Suburbs VOL.20 - Vending and Service
- add a telephone! you can pick up the reciever to hear my voice saying something
- Buildings VOL.1 - Window Decor
- nuff said
- Buildings VOL. 3 - attachments
- vents and such to make things less flat
- Buildings VOL.5 - Doors
- I need doors!
- Buildings VOL.8 - Commercial Doors
- What can I say!
- Buildings VOL.9 - Modular Pipes and Gutters
- Hell yea
- Lighting VOL.1 - Interior
- need some lights
- Lighting VOL.3 - Industrial
- This feels closer to the mark
- Suburbs VOL. 19 - Retro Office
- good office chairs and such
- Urban Background Buildings - VOL.1