Follow for free plugins, new theme releases and theme news
Plugin Description
This plugin uses the renowned javascript library: three.js (https://threejs.org/). This provides a 3D model viewer for a real-time rendering of various kinds of 3D model files. It will be continuously upgraded for faster file loading and rendering, and more features will continue to be inserted for further analysis.
Main Features
- Supported file formats: STL, PLY, DAE, GLB, GLTF, AMF, 3MF, FBX
- Underlying technologies: WebGL(three.js), Physically-based rendering, GLSL Shaders using ray-marching technique
- Background: Two different textures are used as a background. They are wallpaper textures and animated textures.
- Base Floor: It is a circular glass plate that mirrors the model from below, adding to the visual representation of the loaded model.
- Lights: Hemisphere light & directional light
- Shadow: Shadow maps using the percentage-closer soft shadows technique
- Perspective Camera: Fitting the camera to the size of the loaded models
- We will build a paid version of the plugin that has more customization options. It will be available soon.
Simple UI
- Keyboard
- The key ‘1’ allows us to change the background so we can see six different backgrounds.
- The key ‘p’ allows us to play the animation of loaded models if available, and ‘o’ pauses the animation action. Pressing the key ‘o’ again will resume the paused action.
- Mouse
You can control a camera to take a closer look at the loaded models by:
- pressing left button & moving mouse for camera ‘rotating’,
- pressing right button & moving mouse for camera ‘panning’, and
- scrolling mouse wheel for camera ‘zooming’ (in/out).
Demo
Click on the link https://www.youtube.com/watch?v=J85_ZMJszNM to watch a promotional video.
Click on the link https://sangkunine.github.io/viewWorks/ to evaluate a rendering performance.
Click on the link https://github.com/sangkunine/viewWorks to check the source files.
Screenshots
It is shown in screenshot-1.jpg that the ‘GLB’ file is successfully loaded.
It is shown in screenshot-2.jpg that the ‘GLTF’ file and its texture files are successfully loaded.
It is shown in screenshot-3.jpg that the ‘OBJ’, ‘MTL’, and their texture files are successfully loaded.
