3D Viewer logo

3D Viewer

Published April 2024
   •    Updated this week

Plugin details

Load 3D models and display them on your page using ThreeJS
Demo Editor: https://bubble.io/page?name=index&id=3d-viewer-demo&tab=tabs-1

Demo Preview: https://3d-viewer-demo.bubbleapps.io/version-test

$50

One time  •  Or  $5/mo

stars   •   0 ratings
10 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Appolica logo
Appolica
Joined 2024   •   1 Plugin
View contributor profile

Instructions

The Canvas element is the only thing you need to add to your page to load and display 3D models
It comes with several settings to customise your 3D scene such as background (color and texture), ambient and directional lighting (color and intensity) as well as useful helpers like drawing a 3D grid or world direction axes.

To load a model you can:
- Use the Preload models urls field (urls of models as a list of texts) to add one or more models as soon as the elements loads

- Use the Load One Model (url of model as text) or Load Many Models (list of texts) element actions to load models using a workflow event

If you want to hide/show again 3D models you can use the Hide/Show model element actions (text). These actions use the url for loading the model as a key, so pass the same url used for loading the model to the action as a parameter.

Currently the supported formats for 3D models are:
OBJ, FBX, STL, PLY

Types

This plugin can be found under the following types:
Element   •   Action

Categories

This plugin can be found under the following categories:
Media   •   Containers   •   Technical   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble