Making a 3D website with React
I made my personal portfolio website using Blender, Three.js, and React.js. It has 3D models, lighting, physical based rendering (PBR), and 3D HTML elements, and I will show you how I was able to do this.
I'm aware the audio isn't great, so I made a written article version. https://yourwaifu.dev/posts/3d-website
#programming #blender #web #code #threejs #reactjs #javascript
0:00 - Introduction
0:15 - Overview
0:47 - Adding 3D stuff
2:00 - Making a 3D model
2:34 - The Camera
3:14 - Not a flat 3D Model
4:09 - HTML in 3D
5:02 - The Round One
6:04 - Different Surfaces One Material
7:25 - 99 Small Issues
10:43 - The Results
Credits:
Writing, editing, and website by Hao Qi Wu https://yourwaifu.dev/
Just a girl - https://sketchfab.com/3d-models/just-...
"Just a girl" (https://skfb.ly/6UCJW) by 腱鞘炎の人 is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/b....
https://gltf.pmnd.rs/
Damaged Helmet - https://sketchfab.com/models/b81008d5...
Battle Damaged Sci-fi Helmet - PBR by theblueturtle_, published under a Creative Commons Attribution-NonCommercial license
SheerChair Copyright 2020 Wayfair LLC, CC-BY 4.0 https://creativecommons.org/licenses/...
1984 Apple Macintosh 128k (Expanded) https://sketchfab.com/3d-models/1984-...