説明
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 an point it at any point of the scene.
スクリーンショット
Dashboard menu 
Backend preview 
Visual helper on the preview 
Product image replacement
ブロック
このプラグインは1個のブロックを提供します。
- 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
FAQ
-
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.1
- Updated Three.js version to r180
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 r174
- 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
