3d model gallery uploader and viewer powered by three.js
| Author: | kerryoco (profile at wordpress.org) |
| WordPress version required: | 4.0 |
| WordPress version tested: | 6.4.4 |
| Plugin version: | 1.7.0 |
| Added to WordPress repository: | 20-05-2021 |
| Last updated: | 20-03-2024 |
| Rating, %: | 96 |
| Rated by: | 5 |
| Plugin URI: | https://threepress.shop |
| Total downloads: | 5 624 |
| Active installs: | 200+ |
 Click to start download |
|
Easily embed three.js in WordPress
What you can do:
Create three.js galleries anywhere
Create galleries using the shortcode generator in the Threepress admin, and then paste the shortcode wherever you want – the javascript that renders the shortcodes is loaded on all public pages.
A gallery renders one three.js Scene.
To customize the layout or dimensions of your gallery, use CSS. An id tag of form #threepress-gallery- is put on the wrapper of the <canvas> element, or use class .threepress-gallery / .threepress-gallery canvas to target all galleries.
The gallery renderer (three.js object) should adjust to match your given dimensions automatically to prevent skewing or blurring.
If you want to custom code your own gallery, scroll down to ‘javascript devs’.
Notes
All models must be in “.glb” format – most 3d programs can export to this.
They are stored in the Media Library like everything else, but can be found easily through the Threepress library, which simply filters for “.glb” extensions.
For javascript devs:
All the galleries on a given page will be available in the global variable THREEPRESS, in the galleries property. See the Gallery class (static/js/ThreepressGallery.js) for insight on interacting with these.
Screenshots
ChangeLog
