View 3D

GLB 3D image viewer

See your GLB files come alive in 3D in your application screens by using the “ViewBlock3D” block from the “View3D” module of the component View3D.

Follow the demo “3D Viewer Demo”

Do not forget to also include the block “ThreeJSLoader” (see screenshot above) and let it load along with the screen. This block loads the ThreeJS on the browser which is the backbone of this 3D viewer.

You can also configure the 3D viewer using below parameters available in the structure from the “View3D” module.

See the detailed implementation in the OnReady event of the “ViewBlock3D” block in the component module “View3D”.

You can also set the background color of your 3D viewer in the ‘CallThreeJS’ javascript element in the OnReady event of the ‘ViewBlock3D’ block.

Feel free to play around with the component block “View3D” and add your customizations. You can further customize the look and feel of your 3D viewer by manipulating the function “load3DModel” in the “main.js”

Feel free to play around with the component block “View3D” and add your customizations. You can further customize the look and feel of your 3D viewer by manipulating the function “load3DModel” in the “main.js”

We have included ‘PerspectiveCamera’, ‘CameraPosition’ and ‘Background Color’ customizations in this version. In the future versions we will expand this and will add more customization options from ThreeJS.