How prmondal/threejsfun works
ThreejsFun is a small collection of independent browser-based Three.js graphics examples, not one integrated application. The user-facing workflow is to open an example and view its rendered scene; the sampled scripts show scene setup, animation, interaction, and rendering within each example. The tree also identifies plane- and sphere-animation examples, but their implementations were not sampled, so their internal behavior and connections are left unspecified.
Main entry points: SimpleScene/main.js Simple Scene · Instancing/main.js Instancing Demo · TexturedCube/main.js Textured Cube · SimpleShader/main.js Custom Shader
Components 9
Scene Examples
- Simple Scene
SimpleScene/main.js - Instancing Demo
Instancing/main.js
Visual Effects
- Textured Cube
TexturedCube/main.js - Custom Shader
SimpleShader/main.js
Animation Examples
- Plane Animation
animate-plane - Sphere Animation
animate-sphere
Other components
- Browser Viewer
- Three.js
- Rendered Scene
Connections 12
- Browser Viewer → Simple Scene: opens example
- Browser Viewer → Instancing Demo: opens example
- Browser Viewer → Textured Cube: opens example
- Browser Viewer → Custom Shader: opens example
- Simple Scene → Three.js: uses
SimpleScene/main.js - Instancing Demo → Three.js: uses
Instancing/main.js - Textured Cube → Three.js: uses
TexturedCube/main.js - Custom Shader → Three.js: uses
SimpleShader/main.js - Simple Scene → Rendered Scene: renders scene
SimpleScene/main.js - Instancing Demo → Rendered Scene: renders scene
Instancing/main.js - Textured Cube → Rendered Scene: renders scene
TexturedCube/main.js - Custom Shader → Rendered Scene: renders scene
SimpleShader/main.js