<p dir="auto"><strong>Describe the bug</strong></p>
<p dir="auto">I am not sure if this a gltf bug or a three js bug but when exporting a skinned mesh with an armature with a specific scale the bounding box will not work correctly, for example, I have an object with an armature of scale 0.018 for all axes and a mesh child with a scale of 1; what happens when I import it to threejs/editor is the bounding box take the scale of the armature, as the image below:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/38951661/94632192-a7690f00-02d2-11eb-9328-e69233e4e8ec.png"><img src="https://user-images.githubusercontent.com/38951661/94632192-a7690f00-02d2-11eb-9328-e69233e4e8ec.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto">and, via coding, when I try to get the object size by:</p>
<p dir="auto"><code class="notranslate">let measurementBox = new THREE.Box3().setFromObject( this.threeJsObject ); measurementBox.getSize(this.objectSize);</code></p>
<p dir="auto">the result is the armature mesh child size (after scaling) multiplied by the armature scale again!<br>
This means if the x dimension of a mesh after being scaled by an armature is 100 with a scale of 0.5 in the armature (actual size of the mesh is 200 then), the bounding box x size will be 50 and not 100, it will scale too after the mesh!</p>
<p dir="auto"><strong>To Reproduce</strong><br>
here is the file that I am using, the armature scale is 0.018 and the bounding box is 0.018 of the actual size of the mesh rather than being 100% of the actual size of the mesh.</p>
<p dir="auto"><a href="https://drive.google.com/file/d/14Iq0pUmHt1uE3F0brMIVfFL5taV2MEZs/view?usp=sharing" rel="nofollow">https://drive.google.com/file/d/14Iq0pUmHt1uE3F0brMIVfFL5taV2MEZs/view?usp=sharing</a></p>
<p dir="auto">Steps to reproduce the behavior:</p>
<ol dir="auto">
<li>just import it in threejs/editor and check the bounding box!</li>
</ol>
<p dir="auto"><strong>Expected behavior</strong></p>
<p dir="auto">the bounding box surrounds all the mesh and not being multiplied with the armature scale, it should be like the image below:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/38951661/94633127-0f205980-02d5-11eb-82d6-d908310f841a.png"><img src="https://user-images.githubusercontent.com/38951661/94633127-0f205980-02d5-11eb-82d6-d908310f841a.png" alt="image" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>Platform:</strong></p>
<ul dir="auto">
<li>Device: Desktop</li>
<li>OS:  Linux, ubuntu</li>
<li>Browser: All</li>
<li>Three.js version: r120</li>
</ul>
<h5 dir="auto">Description of the problem</h5>
<p dir="auto">Hi,</p>
<p dir="auto">I've been playing around with a model for a while, and noticed that if I load it in three.js and zoom closely to the head, it disappears, along with the helmet.</p>
<p dir="auto">I'm sure it's not the clipping field, because they disappear suddenly, from one frame to another.</p>
<p dir="auto">I'm also sure this bug is not limited to <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/donmccurdy/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/donmccurdy">@donmccurdy</a> 's gltf viewer ( <a href="https://gltf-viewer.donmccurdy.com/" rel="nofollow">https://gltf-viewer.donmccurdy.com/</a> ), as I tested it in a project made from scratch recently, and the bug appears there, too.</p>
<p dir="auto">It works flawlessly in the babylon sandbox: <a href="http://sandbox.babylonjs.com/" rel="nofollow">http://sandbox.babylonjs.com/</a>, so I believe this has something to do with three.js.</p>
<p dir="auto">Also, I think it has something to do with the fact that the mesh is skinned. If I apply the armature pose in blender before exporting, then the model appears correctly in three.js as well.</p>
<p dir="auto">I attach a zip with 2 model files, one with skin, the other one with the applied pose:<br>
<a href="https://github.com/mrdoob/three.js/files/2205971/player.zip">player.zip</a></p>
<p dir="auto">Three.js:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/10392261/42885336-02355ef4-8aa1-11e8-897b-531b6a133272.PNG"><img src="https://user-images.githubusercontent.com/10392261/42885336-02355ef4-8aa1-11e8-897b-531b6a133272.PNG" alt="capture2" style="max-width: 100%;"></a></p>
<p dir="auto">Babylon.js:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/10392261/42885318-f717b404-8aa0-11e8-8611-1cd9f75d7a1c.PNG"><img src="https://user-images.githubusercontent.com/10392261/42885318-f717b404-8aa0-11e8-8611-1cd9f75d7a1c.PNG" alt="capture" style="max-width: 100%;"></a></p>
<h5 dir="auto">Three.js version</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Dev</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> r94</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> ...</li>
</ul>
<h5 dir="auto">Browser</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> All of them</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Chrome</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Firefox</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Internet Explorer</li>
</ul>
<h5 dir="auto">OS</h5>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> All of them</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Windows</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> macOS</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Linux</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Android</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> iOS</li>
</ul>