You are browsing as a guest. Sign up (or log in) to start making projects!

3D Portfolio

  • 6 Devlogs
  • 11 Total hours

Personal website

Ship #1

I built an interactive 3D portfolio with Next.js, React Three Fiber, and Three.js.

I’m most proud of the 3d models in my engineering page. I took my 3d models from fusion and took them to blender, where I decimated them. I then exported them as glbs and was able to add them to the website as components that the user can interact with from their browser.

There were also lots of other fun aspects that I added, including a custom cursor, lots of gsap scroll triggers and animations, and background particles. I also have a live github contribution calendar in my programming portfolio.

You can see it at: www.jameshou28.com

  • 6 devlogs
  • 11h
Try project → See source code →
Open comments for this post

6h 25m 45s logged

redid gallery for portfolios! + seo stuff, fixed some styling issues, more mobile optimization

redid gallery for portfolios! + seo stuff, fixed some styling issues, more mobile optimization

Replying to @kingjamesh

0
2
Open comments for this post

1h 11m 38s logged

built loading screen, added lots of animation stuff, small fixes and information fill in

built loading screen, added lots of animation stuff, small fixes and information fill in

Replying to @kingjamesh

0
3
Open comments for this post

41m 25s logged

added background particles to home page; filled in home page information and added detail to portfolio projects

added background particles to home page; filled in home page information and added detail to portfolio projects

Replying to @kingjamesh

0
7
Open comments for this post

1h 4m 33s logged

implemented interactive 3d models into engineering portfolio of personal website

exported pre-existing 3d models from fusion360 as an fbx
took the fbx files to blender and decimated them, then exported as glb
used react-three with useGLTF to load models into website

implemented interactive 3d models into engineering portfolio of personal website

exported pre-existing 3d models from fusion360 as an fbx
took the fbx files to blender and decimated them, then exported as glb
used react-three with useGLTF to load models into website

Replying to @kingjamesh

0
16

Followers

Loading…