Three.js - Import Models: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
Zeile 1: Zeile 1:
 
Wie importiert man Models in Three.js und welche Dateiformate sind sinnvoll?
 
Wie importiert man Models in Three.js und welche Dateiformate sind sinnvoll?
 
== Links ==
 
== Links ==
<div class="js-scroll-mover scroll-mover text">
 
                <p>Others</p>
 
<ul>
 
<li><a target="_blank" href="https://en.wikipedia.org/wiki/List_of_file_formats#3D_graphics">Formats (wiki)</a></li>
 
<li><a target="_blank" href="https://threejs.org/editor/">Three.js editor</a></li>
 
</ul>
 
<p>GLTF sample models</p>
 
<ul>
 
<li><a target="_blank" href="https://github.com/KhronosGroup/glTF-Sample-Models">Repository</a></li>
 
<li><a target="_blank" href="https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/Duck">Duck</a></li>
 
<li><a target="_blank" href="https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/Fox">Fox</a></li>
 
</ul>
 
<p>Draco</p>
 
<ul>
 
<li><a target="_blank" href="https://github.com/google/draco">Repository</a></li>
 
<li><a target="_blank" href="https://google.github.io/draco/">Website</a></li>
 
</ul>
 
<p>Three.js documentation</p>
 
<ul>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/objects/Mesh">Mesh</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/materials/MeshStandardMaterial">MeshStandardMaterial</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/lights/AmbientLight">AmbientLight</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/lights/DirectionalLight">DirectionalLight</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#examples/en/loaders/GLTFLoader">GLTFLoader</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/index.html#api/en/loaders/TextureLoader">TextureLoader</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/loaders/managers/LoadingManager">LoadingManager</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/objects/Group">Group</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/core/Object3D">Object3D</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/cameras/PerspectiveCamera">PerspectiveCamera</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#examples/en/loaders/DRACOLoader">DracoLoader</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/objects/Bone">Bone</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/objects/SkinnedMesh">SkinnedMesh</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/animation/AnimationClip">AnimationClip</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/animation/AnimationMixer">AnimationMixer</a></li>
 
<li><a target="_blank" href="https://threejs.org/docs/#api/en/animation/AnimationAction">AnimationAction</a></li>
 
</ul>
 
  
            </div>
+
Others
 +
 
 +
https://en.wikipedia.org/wiki/List_of_file_formats#3D_graphics Formats (wiki)
 +
https://threejs.org/editor/ Three.js editor
 +
 
 +
GLTF sample models
 +
 
 +
https://github.com/KhronosGroup/glTF-Sample-Models Repository
 +
https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/Duck Duck
 +
https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/Fox Fox
 +
 
 +
Draco
 +
 
 +
https://github.com/google/draco Repository
 +
https://google.github.io/draco/ Website
 +
 
 +
Three.js documentation
 +
 
 +
https://threejs.org/docs/#api/en/objects/Mesh Mesh
 +
https://threejs.org/docs/#api/en/materials/MeshStandardMaterial MeshStandardMaterial
 +
https://threejs.org/docs/#api/en/lights/AmbientLight AmbientLight
 +
https://threejs.org/docs/#api/en/lights/DirectionalLight DirectionalLight
 +
https://threejs.org/docs/#examples/en/loaders/GLTFLoader GLTFLoader
 +
https://threejs.org/docs/index.html#api/en/loaders/TextureLoader TextureLoader
 +
https://threejs.org/docs/#api/en/loaders/managers/LoadingManager LoadingManager
 +
https://threejs.org/docs/#api/en/objects/Group Group
 +
https://threejs.org/docs/#api/en/core/Object3D Object3D
 +
https://threejs.org/docs/#api/en/cameras/PerspectiveCamera PerspectiveCamera
 +
https://threejs.org/docs/#examples/en/loaders/DRACOLoader DracoLoader
 +
https://threejs.org/docs/#api/en/objects/Bone Bone
 +
https://threejs.org/docs/#api/en/objects/SkinnedMesh SkinnedMesh
 +
https://threejs.org/docs/#api/en/animation/AnimationClip AnimationClip
 +
https://threejs.org/docs/#api/en/animation/AnimationMixer AnimationMixer
 +
https://threejs.org/docs/#api/en/animation/AnimationAction AnimationAction
  
 
== Dateiformate ==
 
== Dateiformate ==

Version vom 5. Januar 2022, 10:32 Uhr

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

Links

Others

https://en.wikipedia.org/wiki/List_of_file_formats#3D_graphics Formats (wiki) https://threejs.org/editor/ Three.js editor

GLTF sample models

https://github.com/KhronosGroup/glTF-Sample-Models Repository https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/Duck Duck https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/Fox Fox

Draco

https://github.com/google/draco Repository https://google.github.io/draco/ Website

Three.js documentation

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

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....