https://github.com/judahsan/drei-js

weekend tinkering. threejs playthrough
https://github.com/judahsan/drei-js

threejs

Last synced: 9 days ago
JSON representation

weekend tinkering. threejs playthrough

• Host: GitHub
• URL: https://github.com/judahsan/drei-js
• Owner: JudahSan
• Created: 2024-06-15T20:46:32.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2024-09-09T13:55:34.000Z (2 months ago)
• Last Synced: 2024-09-10T13:54:03.409Z (2 months ago)
• Topics: threejs
• Language: JavaScript
• Homepage:
• Size: 13.8 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# drei-js

weekend tinkering. threejs playthrough

## Notes

* **Scene Setup:** Creating a basic scene with an icosahedron (20-sided Platonic solid) mesh as the central object.

* **Camera and Controls:** It uses a perspective camera with `OrbitControls` for user interaction to navigate around the scene.

* **Materials:** The mesh uses a `MeshStandardMaterial` with a blue color and flat shading. An additional wireframe mesh is added for a subtle outline effect.

* **Lighting:** A `HemisphereLight` provides ambient lighting to the scene.

* **Animation:** The `animate` function continuously updates the scene. Currently, it only rotates the mesh on the Y-axis.

* **Spline:** Representation of a line in 3D space

Tubes geometry, edges geometry, glow effect

## Learning Resources:

* **Three.js Documentation:** The official Three.js website provides comprehensive documentation and tutorials to get you started: [https://threejs.org/docs/](https://threejs.org/docs/)

* **Three.js Examples:** Explore the extensive collection of examples showcasing various functionalities and applications: [https://threejs.org/examples/](https://threejs.org/examples/)

* **Three.js Fundamentals:** A well-structured learning path for beginners, covering core Three.js concepts: [https://threejsfundamentals.org/threejs/lessons/threejs-fundamentals.html](https://threejsfundamentals.org/threejs/lessons/threejs-fundamentals.html)

* **Additional Resources:** The Three.js documentation also provides a list of helpful resources including tutorials, tools, and discussions: [https://threejs.org/](https://threejs.org/)

Getting started: https://youtube.com/watch?v=UMqNHi1GDAE