WP 3D Thingviewer Lite

Description

This plugin provide a 3D model files viewer to embed your 3d models on your WordPress pages or posts.
You can load models into WordPress media into multiple format (STL, OBJ, FBX, GLB) and then, by using the plugin shortcode generator, you can embed the thingviewer into you pages or posts.
In the thingviewer you can move, rotate and zoom the camera (with mouse or with keyboard). A set of option buttons are provided to let you access some useful information.
– Help window button to display the mouse and keyboard commands to operate the thingviewer.
– Info window button display some useful information about the loaded model, like surface are, volume, bounding box.
– Fullscreen button let you switch to fullscreen mode. You can go back to the “windowed” mode by clicking on the “close” button.
– Bounding box button display around the loaded model a wireframe bounding box.

Theese are the features of the plugin:

  1. Ease of use via shortcode button generator
  2. Support multiple 3d model file types (STL, FBX, OBJ, GLB)
  3. Multiple thingviewers per page or post
  4. Info window information visilibity
    • model filename
    • model size in KBytes
    • model triangles number
    • model surface area in cm2
    • model volume in cm3
    • model bounding box size in cm
  5. Fully translatable via .PO files
  6. Built on WordPress Plugin Boilerplate by Tom McFarlin.
  7. Uses Three.js library to render the viewer.

There is available a paid version of the plugin that have more customization options here:

https://codecanyon.net/item/wp-3d-thingviewer/23631168

Screenshots

  • This is a shortcode example.
  • The thingviewer in action.
  • The the help window.
  • The bounding box.
  • The information window.

Installation

This section describes how to install the plugin and get it working.

  1. Upload wp-3d-thingviewer-lite folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress

FAQ

How can I display the thingviewer?

Before all you have to load into the media of your WordPress the STL file of the 3D model you want to display.
After that you can use the shortcode to display the thingviewer into your pages or posts.

The plugin provide a shortcode generator button into Classic Editor.

This is the shortcode manual use:

[wp-3dtvl model_file="http://www.mywebsite.com/wp-content/uploads/2019/01/case.stl"][/wp-3dtvl]

The parameters are the following

  • model_file: specify the model file URL to display.

The plugin display a thingviewer that load the selected STL file and let you interact with this.
The thingviewer is always resized at the width of the parent element.
The height will be calculated to display the thingviewer in a 16:9 ratio.

What can I do in the thingviewer?

You can move and rotate the camera with mouse or with keyboard.
You can display an help window which display the available commands list.
You can display the bounding box of the model.
You can display an information window with some informations abount the loaded model (size, volume, surface area,…)

Why the model I loaded is completely black?

Probably because there are some problems with your model: holes, flipped normals.

Can I insert multiple thingviewers in the same page?

Yes, it is possible to embed multiple thingviewers in the same page.

Can I change the colors of the model, grid and fog?

The plugin does not have a configuration page that allow you to do this, howerver you can customize the colors by modify the thingviewer javascripts.
A configuration page will be available in the full version, available here https://codecanyon.net/item/wp-3d-thingviewer/23631168

Can I decide what button display into the thingviewer?

No. The button bar cannot be customized.
This feature will be available in the full version.

Where I can find the full version of this plugin?

The full version of this plugin is available here:

https://codecanyon.net/item/wp-3d-thingviewer/23631168

Reviews

June 11, 2021
Gave it a try. When you install, there are no configuration screens or anything. After a bit of reading, discovered that the use is based on embedding a shortcode like this: [wp-3dtvl model_file="your_file_name"][/wp-3dtvl] Tried that with multiple models, and all I got was an on-screen error saying "An error occurred loading model". Dug around some more and found the author's demo model from the Envato based paid version of this plugin. Tried substituting the path for that model. Same result. In summary: Gave this an honest try. Could not get it to work at all.
Read all 2 reviews

Contributors & Developers

“WP 3D Thingviewer Lite” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

2.0

  • Added FBX, OBJ and GLB 3d model file support
  • Added multiple thingviewer in the same page

1.2.5

  • Bug fix

1.2.4

  • Bug fix

1.2.3

  • Bug fix

1.2.2

  • Bug fix

1.2.1

  • Bug fix

1.2

  • Bug fix

1.1

  • Bug fix

1.0

  • First release.