描述
3D scene viewer allows you to create a 3D scene from 3D model files. You can replace a product image with an interactive 3D scene on the product page, or just display a 3D model in a post or page. 3D scene viewer gives you total control on allowed camera movements and endless lighting conditions possibilities.
Supported file types
glTFv2:.gltf/.glb.FBXASCII version 7.0 and newer, or binary version 6400 and newer.STL.OBJwith support for material file (.mtl).
Scene customization
You can add as many models as you want into a single scene and each model can be scaled and positioned individually into the scene to fit your goals.
Animated models are supported (.glb, .gltf and.fbx).
Infinite light possibilities
You can add as many light sources to simulate any desired lighting condition for your scene.
Camera
Camera position and movement are configurable. You can restrict the viewer from moving the camera beyond certain angles, restrict the zooming capability, place the camera wherever you want and point it at any point of the scene.
螢幕截圖
Dashboard menu 
Backend preview 
Visual helper on the preview 
Product image replacement
Blocks
This plugin provides 1 block.
- Scene D Scene
安裝
Uploading in WordPress Dashboard
- Navigate to the ‘Add New’ in the plugins dashboard
- Navigate to the ‘Upload’ area
- Select
3d-scene-viewer.zipfrom your computer - Click ‘Install Now’
- Activate 3D Scene Viewer in the Plugin dashboard
Using FTP
- Download
3d-scene-viewer.zip - Extract the
3d-scene-viewerdirectory to your computer - Upload the
3d-scene-viewerdirectory to the/wp-content/plugins/directory - Activate 3D Scene Viewer in the Plugin dashboard
常見問題
-
What data will be imported from a file
-
All data supported by the file format (glTF or FBX) specification will be imported, except for cameras. There will be only one camera on the scene, and it’s the one created by the plugin.
Multiple animated objects can be imported all at once in one single file, but this might lead to problems when there are animations with different lengths.
-
I imported a FBX file but I don’t see it on the preview and there is no error message
-
Most of the FBX files available on the web (or at least a lot of them) need to be scaled down to a factor of 0.01 to fit the scale of three.js. After adding your FBX model to the scene, apply a scale of 0.01 on all the axes.
評價
貢獻者及開發者
修改日誌
1.1
- Add support for OBJ/MTL files
- Add support for STL files
- Add model size information in the backend
- Fix some bugs with 3d model shadow settings
- Fix spotlights custom target position not working
- Fix directional light custom shadow camera not working
- Add more visual indication about the scene axes on the backend preview
- Updated Three.js version to v174
- Updated .pot template
1.0.2
- Add a clearer notification when copying into clipboard
- Improve code readability
1.0.1
- Added WooCommerce image/gallery replacement.
- Fix a bug making FBX models never cast nor receive shadows on the frontend
1.0
Initial release