Three.js - Import Models

Wie importiert man Models in Three.js und welche Dateiformate sind sinnvoll?

Links

Others

• <a target="_blank" href="https://en.wikipedia.org/wiki/List_of_file_formats#3D_graphics">Formats (wiki)</a>
• <a target="_blank" href="https://threejs.org/editor/">Three.js editor</a>

GLTF sample models

• <a target="_blank" href="https://github.com/KhronosGroup/glTF-Sample-Models">Repository</a>
• <a target="_blank" href="https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/Duck">Duck</a>
• <a target="_blank" href="https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/Fox">Fox</a>

Draco

• <a target="_blank" href="https://github.com/google/draco">Repository</a>
• <a target="_blank" href="https://google.github.io/draco/">Website</a>

Three.js documentation

• <a target="_blank" href="https://threejs.org/docs/#api/en/objects/Mesh">Mesh</a>
• <a target="_blank" href="https://threejs.org/docs/#api/en/materials/MeshStandardMaterial">MeshStandardMaterial</a>
• <a target="_blank" href="https://threejs.org/docs/#api/en/lights/AmbientLight">AmbientLight</a>
• <a target="_blank" href="https://threejs.org/docs/#api/en/lights/DirectionalLight">DirectionalLight</a>
• <a target="_blank" href="https://threejs.org/docs/#examples/en/loaders/GLTFLoader">GLTFLoader</a>
• <a target="_blank" href="https://threejs.org/docs/index.html#api/en/loaders/TextureLoader">TextureLoader</a>
• <a target="_blank" href="https://threejs.org/docs/#api/en/loaders/managers/LoadingManager">LoadingManager</a>
• <a target="_blank" href="https://threejs.org/docs/#api/en/objects/Group">Group</a>
• <a target="_blank" href="https://threejs.org/docs/#api/en/core/Object3D">Object3D</a>
• <a target="_blank" href="https://threejs.org/docs/#api/en/cameras/PerspectiveCamera">PerspectiveCamera</a>
• <a target="_blank" href="https://threejs.org/docs/#examples/en/loaders/DRACOLoader">DracoLoader</a>
• <a target="_blank" href="https://threejs.org/docs/#api/en/objects/Bone">Bone</a>
• <a target="_blank" href="https://threejs.org/docs/#api/en/objects/SkinnedMesh">SkinnedMesh</a>
• <a target="_blank" href="https://threejs.org/docs/#api/en/animation/AnimationClip">AnimationClip</a>
• <a target="_blank" href="https://threejs.org/docs/#api/en/animation/AnimationMixer">AnimationMixer</a>
• <a target="_blank" href="https://threejs.org/docs/#api/en/animation/AnimationAction">AnimationAction</a>

Dateiformate

GLTF

• Von der Khronos Group (OpenGL, WebGL...) erfüllt viele Zwecke gerade wenn man im Web unterwegs ist.
• Kann einen Scene Graph mit übernehmen
• Kann JSON, binary, embeded textures mit einbinden
• Stand 2021 quasi Standard - funktioniert auch mit Unity, Blender etc.

andere können aber auch sinnvoll sein: obj, effizient - ply klein schnelle dekompression....