Page 1 of 1

Export your 3d models to the web using GLTF format

Posted: Sun Jul 04, 2021 12:26 pm
by mootools
This tutorial explains how to integrate your to content in a web page.

It shows the way to convert some Sketchup file to GLB format.
Sketchup format is interesting because it allows a different material for front and back face, which is not supported by GTLF.

3DBrowser provide some options to handle this case correctly.

Here is the way to proceed :

Sketchup2GLB_1.jpg (406.71 KiB) Viewed 39958 times
Sketchup2GLB_5.jpg (301.24 KiB) Viewed 39958 times
Sketchup2GLB_4.jpg (184.4 KiB) Viewed 39958 times
Sketchup2GLB_3.jpg (167.99 KiB) Viewed 39958 times
Sketchup2GLB_2.jpg (145.22 KiB) Viewed 39958 times
Sketchup2GLB_6.jpg (192.03 KiB) Viewed 39958 times

Re: Export your 3d models to the web using GLTF format

Posted: Sun Jul 04, 2021 12:29 pm
by mootools
Some of you asked: "but finally how can I integrate the exported asset to my web site?"
Here are some piece of code to proceed in a simple way.
This is the entry point... Then GLTF is a sea and you can dive in it very deeply.

So, here is a link to the most simple HTML page that display a file content:

You find some equivalent HTML code here:

and some more advanced sample in this tutorial: ... 1e6af46137

For those who have a WordPress site, there is a plugin that can integrate your 3D asset in your page: ... N-dcseI9wg

Hope this help and will give you some great ideas!