3D Portfolio with ThreeJS
3D portfolios stand out from the crowd of documents and flat pages. Together, we may review the features built to support this demonstration 3D portfolio.
Tools:
Blender default download: https://www.blender.org/download/
Blender 3.4 download: https://download.blender.org/release/...
Visual Studio Code: https://code.visualstudio.com/download
-ThreeJS online editor: https://threejs.org/editor/
Vertices to JSON Blender Add-on: https://github.com/ClassOutside/Expor...
Project Code:
https://github.com/ClassOutside/3D-Po...
Other Tutorials:
Export Blender to ThreeJS: • Import Blender Scene To Three JS - Using T...
Bundle with Webpack: • Serve Only The Files You Need With Webpack...
Water in Threejs: • Water Texture in ThreeJS
JPEG as SkySphere: • Set JPEG as SkySphere in ThreeJS
360 Media Player: • 360 Media Player - Installation
Outline Object in ThreeJS: • Outline object in ThreeJS
Turn Cursor into Pointer: • Turn Cursor Into A Pointer With Javascript
Click on objects in 3D: • Trigger Action When Clicking an Object in ...
Raycasting: • Hover Over Objects in ThreeJS - Raycast
Euler vs Quaternions: • Euler vs Quaternion - What's the difference?
Scroll along curve: • Scroll Along Spline Path in ThreeJS
Install Blender Add-on: • Create and Install Blender Add-ons
Blender to ThreeJS: • Import Blender Scene To Three JS - Using T...
Camera follow cursor: • Create A Three.JS Camera That Follows A Mo...
Non-linear Animation: • Add Multiple Animations To Your 3D Model -...
Media:
"Yang" (https://skfb.ly/6XtAw) by Phillip Stephens is licensed under Creative Commons Attribution (http://creativecommons.org/licenses/b....
environmentMap.JPG: https://polyhaven.com/a/rosendal_moun...
sunflowers_puresky.jpg: https://polyhaven.com/a/sunflowers_pu...
https://polyhaven.com/a/aerial_beach_01
https://polyhaven.com/a/wood_table_001
https://polyhaven.com/a/wood_floor_deck
If this was helpful, consider leaving a comment or supporting me on Ko-fi: https://ko-fi.com/classoutside