Page 1 of 1
Export your 3d models to the web using GLTF format
Posted: Sun Jul 04, 2021 12:26 pm
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 9939 times
- Sketchup2GLB_5.jpg (301.24 KiB) Viewed 9939 times
- Sketchup2GLB_4.jpg (184.4 KiB) Viewed 9939 times
- Sketchup2GLB_3.jpg (167.99 KiB) Viewed 9939 times
- Sketchup2GLB_2.jpg (145.22 KiB) Viewed 9939 times
- Sketchup2GLB_6.jpg (192.03 KiB) Viewed 9939 times
Re: Export your 3d models to the web using GLTF format
Posted: Sun Jul 04, 2021 12:29 pm
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:
https://babylonjs.medium.com/using-the- ... 1e6af46137
For those who have a WordPress site, there is a plugin that can integrate your 3D asset in your page:
https://forum.babylonjs.com/t/babylon-j ... N-dcseI9wg
Hope this help and will give you some great ideas!