fix hat for 64x32

Author: InventivetalentDev

src/skin/index.js

@@ -441,17 +441,15 @@ function createPlayerModel(skinTexture, capeTexture, v, slim, capeType) {
     );
     head.translateOnAxis(new THREE.Vector3(0, 1, 0), 4);
     headGroup.add(head);
-    if (v >= 1) {
-        let hat = createCube(skinTexture,
-            8.504, 8.504, 8.504,
-            texturePositions.hat,
-            slim,
-            "hat",
-            true
-        );
-        hat.translateOnAxis(new THREE.Vector3(0, 1, 0), 4);
-        headGroup.add(hat);
-    }
+    let hat = createCube(skinTexture,
+        8.504, 8.504, 8.504,
+        texturePositions.hat[v],
+        slim,
+        "hat",
+        true
+    );
+    hat.translateOnAxis(new THREE.Vector3(0, 1, 0), 4);
+    headGroup.add(hat);
 
     let bodyGroup = new THREE.Object3D();
     bodyGroup.name = "bodyGroup";

src/skin/texturePositions.js

@@ -556,47 +556,90 @@ const texturePositions =  {
         }
     ],
 
-    hat: {
-        left: {
-            x: 32,
-            y: 48,
-            w: 8,
-            h: 8
-        },
-        front: {
-            x: 40,
-            y: 48,
-            w: 8,
-            h: 8
-        },
-        right: {
-            x: 48,
-            y: 48,
-            w: 8,
-            h: 8
-        },
-        back: {
-            x: 56,
-            y: 48,
-            w: 8,
-            h: 8
-        },
-        top: {
-            x: 40,
-            y: 56,
-            w: 8,
-            h: 8,
-            flipX: false
+    hat: [
+        { // 64x32
+            left: {
+                x: 32,
+                y: 16,
+                w: 8,
+                h: 8
+            },
+            front: {
+                x: 40,
+                y: 16,
+                w: 8,
+                h: 8
+            },
+            right: {
+                x: 48,
+                y: 16,
+                w: 8,
+                h: 8
+            },
+            back: {
+                x: 56,
+                y: 16,
+                w: 8,
+                h: 8
+            },
+            top: {
+                x: 40,
+                y: 24,
+                w: 8,
+                h: 8,
+                flipX: false
+            },
+            bottom: {
+                x: 48,
+                y: 24,
+                w: 8,
+                h: 8,
+                flipY: true,
+                flipX: true
+            }
         },
-        bottom: {
-            x: 48,
-            y: 56,
-            w: 8,
-            h: 8,
-            flipY: true,
-            flipX: true
+        { // 64x64
+            left: {
+                x: 32,
+                y: 48,
+                w: 8,
+                h: 8
+            },
+            front: {
+                x: 40,
+                y: 48,
+                w: 8,
+                h: 8
+            },
+            right: {
+                x: 48,
+                y: 48,
+                w: 8,
+                h: 8
+            },
+            back: {
+                x: 56,
+                y: 48,
+                w: 8,
+                h: 8
+            },
+            top: {
+                x: 40,
+                y: 56,
+                w: 8,
+                h: 8,
+                flipX: false
+            },
+            bottom: {
+                x: 48,
+                y: 56,
+                w: 8,
+                h: 8,
+                flipY: true,
+                flipX: true
+            }
         }
-    },
+    ],
     jacket: {
         left: {
             x: 16,