<p dir="auto"><strong>Describe the bug</strong></p>
<p dir="auto">hi<br>
my gltf contains a texture transformation for the normals chanel.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="  &quot;materials&quot;: [
    {
      &quot;name&quot;: &quot;Material_0&quot;,
      &quot;normalTexture&quot;: {
        &quot;extensions&quot;: {
          &quot;KHR_texture_transform&quot;: {
            &quot;scale&quot;: [
              0.1,
              0.1
            ]
          }
        },
        &quot;index&quot;: 1
      },"><pre class="notranslate"><code class="notranslate">  "materials": [
    {
      "name": "Material_0",
      "normalTexture": {
        "extensions": {
          "KHR_texture_transform": {
            "scale": [
              0.1,
              0.1
            ]
          }
        },
        "index": 1
      },
</code></pre></div>
<p dir="auto">the transformation is ignored by Three.js editor<br>
my normals map contains a white polygon.<br>
see snapshots from from Three.js (wrong) and khronos viewer (correct)<br>
normals polygon is marked with red<br>
after snapshot, I attached the gltf inside a zip file.<br>
please advise<br>
<strong>To Reproduce</strong></p>
<p dir="auto">Steps to reproduce the behavior:</p>
<ol dir="auto">
<li>open <a href="https://threejs.org/editor/" rel="nofollow">https://threejs.org/editor/</a></li>
<li>import attached rectangle.gltf (extracted from rectangle.zip)</li>
<li>in the scene dialog, double click rectangle.gltf</li>
<li>in the Environment, select MODELVIEWER</li>
<li>ERROR - The normal image should be much larger becase the KHR_texture_transform scale is 0.1</li>
</ol>
<p dir="auto"><em><strong>Code</strong></em></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="// code goes here"><pre class="notranslate"><span class="pl-c">// code goes here</span></pre></div>
<p dir="auto"><em><strong>Live example</strong></em></p>
<ul dir="auto">
<li><a href="https://jsfiddle.net/hyok6tvj/" rel="nofollow">jsfiddle-latest-release</a></li>
<li><a href="https://jsfiddle.net/c5m1kazu/" rel="nofollow">jsfiddle-dev</a></li>
</ul>
<p dir="auto"><strong>Expected behavior</strong><br>
Since i was using scale transformation for the normal chanel in the material, i was expecting the normal texture to be much bigger, as viewd in khronos viewer.<br>
ד</p>
<p dir="auto"><strong>Screenshots</strong><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/7829843/159364156-20ede746-7445-4e76-ae75-fb1a1a1a3e35.jpg"><img src="https://user-images.githubusercontent.com/7829843/159364156-20ede746-7445-4e76-ae75-fb1a1a1a3e35.jpg" alt="1" style="max-width: 100%;"></a></p>
<p dir="auto"><a href="https://github.com/mrdoob/three.js/files/8319203/Rectangle.zip">Rectangle.zip</a></p>
<p dir="auto"><strong>Platform:</strong></p>
<ul dir="auto">
<li>Device: [Desktop]</li>
<li>OS: [Windows]</li>
<li>Browser: [Chrome]</li>
<li>Three.js version: [dev, r138]</li>
</ul>
<p dir="auto"><a href="https://plnkr.co/edit/UT9rs0Q6TO0gBxwdxLVK?p=preview" rel="nofollow">plunker</a></p>
<p dir="auto">When setting the <code class="notranslate">map</code> to repeat the <code class="notranslate">alphaMap</code> is also affected.</p>
<p dir="auto">I'm expecting each face of the cube to have a giant whole in the middle with the edges of the taco time texture showing near the edges of the cube in a 3x4 pattern.</p>
<p dir="auto">I'm getting the 3x4 pattern of the taco time texture but the <code class="notranslate">alphaMap</code>, although it does not repeat it does scale down to the size of the other map. It also produces some nasty streaks.</p>
<p dir="auto">If you comment out line 35 <code class="notranslate">material.map.repeat.set(3,4);</code> you can see what I'm expecting from the <code class="notranslate">alphaMap</code>.</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" checked=""> Dev</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> r79</li>
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> ...</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"> 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>
<h5 dir="auto">Hardware Requirements (graphics card, VR Device, ...)</h5>