Questions tagged [gltf]

The GL Transmission Format (glTF) is a runtime asset delivery format for GL APIs: WebGL, OpenGL ES, and OpenGL. glTF bridges the gap between 3D content creation tools and modern GL applications by providing an efficient, extensible, interoperable format for the transmission and loading of 3D content.

The GL Transmission Format (glTF) is a runtime asset delivery format for GL APIs: , , and . glTF bridges the gap between 3D content creation tools and modern GL applications by providing an efficient, extensible, interoperable format for the transmission and loading of 3D content.

The need for a network-enabled 3D content delivery format such as glTF has been compared to the need for JPEG for images, and MP3 for audio.

Specification

The glTF specification is maintained by the Khronos Group. This standards organization is also responsible for OpenGL, WebGL, COLLADA, and others.

Sample Models

A collection of Sample models are available for learning glTF, and testing runtime engines and content pipeline tools.

Converters and Exporters

glTF files can be created by converting from other popular formats such as , OBJ, , and others. View the list of converters.

As support for glTF grows, 3D authoring packages may gain the ability to export to glTF directly. For example, a exporter is in early stages of development.

Loaders and Viewers

Support for glTF is available for , , , , and others. Khronos maintains a list of glTF loaders and viewers.

File Structure

A structural overview diagram (by Marco Hutter) shows an at-a-glance view of the structure of a glTF file and its contents.

880 questions
0
votes
1 answer

Need help on imported GLTF model with changing texture of it

I am implementing 3d model with Three.js on my web application. The problem is that updating texture image on imported gltf model is not working correctly. I first exported the model from 3ds max using gltf-export plug-in. And i get 3 files which…
강신욱
  • 1
  • 1
  • 1
0
votes
2 answers

Aframe-React gltf2 model loaded but empty

i'm loading a gltf2 model in Aframe-react app, in inspector the model looks loaded but shows empty. This happens for .gltf 1.0, .gltf 2.0, and .glb format. They look good in online model viewers but empty in Aframe React app. loading model
LouFoo
  • 3
  • 6
0
votes
0 answers

Aframe : Animation not working on the collada model from mixamo

The animation for the model is not playing. Here are the steps I followed: I first downloaded a 'Walking.dae' collada file from mixamo I then converted the collada format to .gltf 2.0 using the KhronosGroup/glTF online converter. Then I used the…
Rishab Parmar
  • 369
  • 3
  • 16
0
votes
0 answers

How to replace and load a GLTF model into a ready made html document

I have copied code from https://threejs.org/examples/#webgl_loader_gltf and pasted it into an html document. I relinked all of the models, textures and .js files locally from MrDoob's JavaScript 3D library https://github.com/mrdoob/three.js/. When I…
0
votes
0 answers

THREE.js - GLTF morph anims with skeletal anims playback problems

I've recently converted a bunch of JSON models to GLTF for playback in Three.js (exported from Blender 2.79b). The models consist of multiple bone anims (idle, walk, run, attack, etc.) which I can access, playback, and fade between without…
aoedipus
  • 51
  • 1
  • 7
0
votes
1 answer

A-Frame gltf 2.0 can't set opacity

I import a animated gltf 2.0 model in a A-Frame scene. I want to set its opacity to 0.5. But it doen't work, even I try to modify the value with object3D class. Hier is the demo project on…
L3 Zhang
  • 95
  • 1
  • 13
0
votes
0 answers

Reflection between objects ( three.js & gltf2 )

Good evening. I am export two models from Blender 2.79 to three.js. Scene: link Shadows work. Objects reflect the world around them but do not reflect among themselves. Scene code: function init() { camera = new…
0
votes
0 answers

blender export gltf for use in three.js - doesn't show smoke and particles

i'm trying to export a model to use it in three.js, it's important for me that after import on threejs i can see the smoke effect and the particles, but unfortunately this doesn't happen. i don't know if is an issue or i'm doing something wrong in…
Toni D'Angelo
  • 69
  • 1
  • 8
0
votes
1 answer

Unable to load GLTF file in ASP.NET View implementing A-FRAME

One of the views (.cshtml file) of my ASP.NET MVC application is using A-Frame. I am trying to load a 3-D model using GLTF file inside the tag.
0
votes
1 answer

A-Frame / THREE.js, no textures simplified gltf[glb] models

After simplifying glb successfully with the answer in this post. The textures in are not being applied to the model any more (it appears completely black and unreflective(no material) How would I programmatically get the textures to work with this…
8195mike
  • 90
  • 8
0
votes
1 answer

Aframe Load lightmap after loading GLTF - lightmap not showing

I'm trying to add a lightmap to some mesh after loading them from a GLTF file. All my objects have 2UV channel. I'm waiting 'object3dset' and here is my code : const mesh = this.el.getObject3D('mesh'); var textureLoader = new…
Mano
  • 11
  • 1
  • 5
0
votes
0 answers

.gltf object black on loading in three.js

Here is my scene and apply light. scene = new THREE.Scene(); defaultCamera = new THREE.PerspectiveCamera( 45, container.offsetWidth / container.offsetHeight, 0.01, 100 ); // defaultCamera.up = new THREE.Vector3( 0, 1, 0 ); scene.add( defaultCamera…
user3587692
  • 183
  • 1
  • 10
0
votes
1 answer

How to protect my 3d model file(gltf)?

I used a threejs to write a game and used a lot of gltf files. I don't want to expose these gltf files directly.
王治明
  • 1
  • 2
0
votes
0 answers

Aframe raycaster not hitting object

I'm trying to add a click handler to a 3d model in aframe. Only a few small regions in the model trigger the click event. Can someone help me figure out why the raycaster is not hitting the object most of the time? I've added a snippet of my…
0
votes
0 answers

Raw buffer returned by fs.readFile not converting certain characters to decimal values properly

I have some data in a .glb file that starts off like this: glTF ¤Ö @ JSON I read the file using this code: fs.readFile(file, (err, data) => { if (err) console.log(err); var message = { "Message": "glb_string", "Item":…