Comments (3)
The model works because for both joints the inverseBindMatrices
tanslate the model by -0.5 on the X axis and -1 on the Y axis.
This indicates that the model need to be translated by 1 on the Y axis to be correctly placed. If the parent joints move, the model will follow it without issue.
That said, I think it is more intuitive to place the translation
on the joint 1 and change the inverseBindMatrices
of the joint 0 to this:
1.0 0.0 0.0 -0.5
0.0 1.0 0.0 0.0
0.0 0.0 1.0 0.0
0.0 0.0 0.0 1.0
I also take this opportunity to raise another problem on these pages.
The inverseBindMatrices
on this page should be
1.0 0.0 0.0 -0.5
0.0 1.0 0.0 -1.0
0.0 0.0 1.0 0.0
0.0 0.0 0.0 1.0
In addition, the images 20b, 20c and 20d should be change to place the origin and the joints at the correct location. For exemple, the first image of 20c should be something like this:
But doing these changes will make the tutorial harder to understand, thus I think it is best to change the model.
The translation
on joint 0 should be moved to joint 1, the position of the vertices should be translated by -0.5 on the X axis (the actual position are from (0, 0, 0) to (1, 2, 0), the translated position are from (-0.5, 0, 0) to (0.5, 2, 0)) and the inverseBindMatrices
should be changed accordingly.
With these change, the model will truly reflect what we see on the images.
from gltf-tutorials.
There is a pending update for this model, c.f. #41 . This specific model causes a remarkable amount of issues - hope we get this ironed out at some point...
from gltf-tutorials.
@foxiler I think you're on the right track here. The original (un-edited) diagram shows how it should ideally work, and I think it was just a mistake that crept into an otherwise carefully hand-crafted sample, where the Y axis translation was applied to the wrong joint, but that joint never moves so it doesn't impact the resulting animation. Would you be willing to put together a PR?
from gltf-tutorials.
Related Issues (20)
- how to calculate the global inverse transform HOT 4
- implementing an algorithm for the simpleSkin model from this github HOT 7
- Update and simplify the skinning section HOT 6
- glTF/GLB model size - is there any tool for checking it? HOT 2
- Update links to point to the Khronos glTF registry
- Question about keyframe compression HOT 2
- Clarify component order for quaternions in scene/node page HOT 5
- Cannot replicate Skin glTF-Tutorial data contents HOT 2
- gltfTutorial_020_Skins.md typo HOT 3
- Minor readability issue - image 18b HOT 3
- Please rename default branch from 'master' to 'main' per Khronos policy HOT 10
- Hi, what is the right thing to do if JOINT_0 comes in a model in the format short 5123? HOT 2
- can Mesh be used in several different Skins? should I provide for this when loading glb? HOT 2
- Where should joint matrices be stored? HOT 2
- Some phones don't draw models if indicesComponentType=5125-GL_UNSIGNED_INT. But they draw fine if indicesComponentType=5123-GL_UNSIGNED_SHORT. I think it may be related to the support on the phone OpenGLES3+. Or are there other reasons? HOT 3
- Animation in model without skeleton and bones HOT 2
- does gltf support metadata, KV string map for example HOT 2
- Hi, is there an example for OpenGL ES 3 using a normal map in glsl shaders to render gltf models? Could you point out a good link to explore? HOT 2
- is it possible to somehow determine in which units of measurement the model is located? Millimeters, centimeters, meters or inches? HOT 1
- how to use schema.json in gltf2.0 HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gltf-tutorials.