Three.js-Model-Viewer
An application using the Three.js library to allow user to load model files and view them online with multiple viewing options.
Loading Models:
-
Choice of inputs, either load model or load model + textures
-
Models and textures can be dragged and dropped onto the viewer
-
Current formats supported: .obj or obj+mtl(and textures), .dae or dae (+textures), .stl, GLTF (+textures) and FBX (+textures)
-
If loading a model and textures, make sure the model file and texture files are in the same folder on your system
Features:
- View sample models from dropdown list
- View model information (name of model, number of vertices and faces)
- Add ambient light and alter the colour
- Alter the colour of the directional Ligt
- View model in wireframe model and model+wireframe mode
- Apply phong shading mode and increase/decrease the shininess level
- View model in x-ray
- Apply glow outline pass to the model and set the edge colour of the glow
- Set background colour of the renderer
- Auto-rotate the model and adjust the rotation speed
- Add transform controls (when selected, press S:scale, T:translate and R:rotate)
- Scale the model up and down
- Add view helpers such as bounding box, square/circular grid underneath model and an axis
Potential Features:
- Support morph targets
- ZIP file support