A-Frame glTF Helper Components

Click on images below to see each test example.

Then press < ctrl + alt + i > to load the A-Frame inspector to validate test manually.

• 01 - Cube Model using normal A-Frame glTF Loader ("control" case)

  The entity #cube-gltf-model should have position 0, 0, 0. The object3d scene objects named Cube1, Cube2 and Cube3 shall have positions of: x: -0.4392278790473938 y: 0 z: 0.019128933548927307; x: -3.027634620666504 y: 3.6110496520996094 z: 0.4404485523700714; x: 2.6165430545806885 y: 2.0795676708221436 z: 0.3142514228820801

• 02 - Cube Model using gltf-part-plus component, translating cube positions from gltf to A-Frame scene graph

  There should be 3 A-Frame entities, one for each cube. The 3 entities should have the positions: 02-cube-gltf-part.html:40 i {x: -0.4392278790473938, y: 0, z: 0.019128933548927307} 02-cube-gltf-part.html:41 i {x: -3.027634620666504, y: 3.6110496520996094, z: 0.4404485523700714} 02-cube-gltf-part.html:42 i {x: 2.6165430545806885, y: 2.0795676708221436, z: 0.3142514228820801}

• 03 - glTF Model with draco compression loaded using built-in A-Frame glTF model loader (draco "control" case)

  There should be a small city block made up of 5 buildings, each of which has position 0 0 0 (see example script for details).

• 04 - glTF Model with draco compression loaded using gltf-part-plus component

• 05 - glTF Model with draco compression using both gltf-part-plus and model-center components.

  All buildings should be centered around 0 0 0.

• 06 - glTF Model with draco compression using both gltf-part-plus and model-center with bottomAlign = true and custom building positions

• 07 - glTF processed with meshopt gltfpack using normal A-Frame glTF Loader

• 08 - Not working - glTF processed with meshopt gltfpack option -c using normal A-Frame glTF Loader

• 09 - Not working - glTF processed with meshopt gltfpack using gltf-part loader

• 10 - glTF bus model comparing without (left) and with (right) anisotropy component

• 11 - plane with material comparing without (left) and with (right) anisotropy component

• 12 - incomplete - demo of instancing of a glTF part with a third party a-frame InstancedMesh component

• 13 - demo glTF part with 2 materials as children