src

Typestring | string[] | null

Defaultnull

Source URL to fetch 3D model. glb / glTF models are supported.
If an array is given, it will load and display the models in the given order.

Example

Single

• JSON
• JavaScript
• React
• Angular
• Vue@2
• Vue@3
• Svelte

{
    src: "/egjs-view3d/model/draco/alarm.glb"
}

LOD(Level of Detail) applied

View3D will load and display all 3D models given in the src array sequentially.
You can use this behavior to load 3D model with smaller size, which can decrease time to interactive.

info

Test this example with the network throttling applied.

Load 3D model

• JSON
• JavaScript
• React
• Angular
• Vue@2
• Vue@3
• Svelte

{
    src: [
        "/egjs-view3d/model/lod/plant/simplified.gltf",
        "/egjs-view3d/model/draco/plant.glb"
    ],
    poster: "/egjs-view3d/poster/plant.png"
}

Assets Used

▪Alarm Clock 01 by Poly Haven licensed under CC0

▪Potted Plant 04 by Poly Haven licensed under CC0