Added more dice

src/components/map/dice/DiceControls.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { Flex, IconButton } from "theme-ui";
 
-import SunsetDice from "../../../dice/sunset/SunsetDice";
+import SunsetDice from "../../../dice/galaxy/GalaxyDice";
 
 import D20Icon from "../../../icons/D20Icon";
 import D12Icon from "../../../icons/D12Icon";

src/components/map/dice/DiceTray.js

@@ -161,8 +161,8 @@ function DiceTray({ isOpen }) {
   return (
     <Box
       sx={{
-        width: "275px",
-        height: "550px",
+        width: "300px",
+        height: "600px",
         borderRadius: "4px",
         display: isOpen ? "block" : "none",
         position: "relative",

src/dice/galaxy/GalaxyDice.js

@@ -0,0 +1,27 @@
+import Dice from "../Dice";
+
+import albedo from "./albedo.jpg";
+import metalRoughness from "./metalRoughness.jpg";
+import normal from "./normal.jpg";
+
+class GalaxyDice extends Dice {
+  static meshes;
+  static material;
+
+  static async createInstance(diceType, scene) {
+    if (!this.material) {
+      this.material = this.loadMaterial(
+        "galaxy_pbr",
+        { albedo, metalRoughness, normal },
+        scene
+      );
+    }
+    if (!this.meshes) {
+      this.meshes = await this.loadMeshes(this.material, scene);
+    }
+
+    return Dice.createInstance(this.meshes[diceType], scene);
+  }
+}
+
+export default GalaxyDice;

src/dice/iron/IronDice.js

@@ -0,0 +1,27 @@
+import Dice from "../Dice";
+
+import albedo from "./albedo.jpg";
+import metalRoughness from "./metalRoughness.jpg";
+import normal from "./normal.jpg";
+
+class IronDice extends Dice {
+  static meshes;
+  static material;
+
+  static async createInstance(diceType, scene) {
+    if (!this.material) {
+      this.material = this.loadMaterial(
+        "iron_pbr",
+        { albedo, metalRoughness, normal },
+        scene
+      );
+    }
+    if (!this.meshes) {
+      this.meshes = await this.loadMeshes(this.material, scene);
+    }
+
+    return Dice.createInstance(this.meshes[diceType], scene);
+  }
+}
+
+export default IronDice;

src/dice/nebula/NebulaDice.js

@@ -0,0 +1,27 @@
+import Dice from "../Dice";
+
+import albedo from "./albedo.jpg";
+import metalRoughness from "./metalRoughness.jpg";
+import normal from "./normal.jpg";
+
+class NebulaDice extends Dice {
+  static meshes;
+  static material;
+
+  static async createInstance(diceType, scene) {
+    if (!this.material) {
+      this.material = this.loadMaterial(
+        "nebula_pbr",
+        { albedo, metalRoughness, normal },
+        scene
+      );
+    }
+    if (!this.meshes) {
+      this.meshes = await this.loadMeshes(this.material, scene);
+    }
+
+    return Dice.createInstance(this.meshes[diceType], scene);
+  }
+}
+
+export default NebulaDice;

src/dice/sunrise/SunriseDice.js

@@ -0,0 +1,27 @@
+import Dice from "../Dice";
+
+import albedo from "./albedo.jpg";
+import metalRoughness from "./metalRoughness.jpg";
+import normal from "./normal.jpg";
+
+class SunriseDice extends Dice {
+  static meshes;
+  static material;
+
+  static async createInstance(diceType, scene) {
+    if (!this.material) {
+      this.material = this.loadMaterial(
+        "sunrise_pbr",
+        { albedo, metalRoughness, normal },
+        scene
+      );
+    }
+    if (!this.meshes) {
+      this.meshes = await this.loadMeshes(this.material, scene);
+    }
+
+    return Dice.createInstance(this.meshes[diceType], scene);
+  }
+}
+
+export default SunriseDice;

src/dice/walnut/WalnutDice.js

@@ -0,0 +1,27 @@
+import Dice from "../Dice";
+
+import albedo from "./albedo.jpg";
+import metalRoughness from "./metalRoughness.jpg";
+import normal from "./normal.jpg";
+
+class WalnutDice extends Dice {
+  static meshes;
+  static material;
+
+  static async createInstance(diceType, scene) {
+    if (!this.material) {
+      this.material = this.loadMaterial(
+        "walnut_pbr",
+        { albedo, metalRoughness, normal },
+        scene
+      );
+    }
+    if (!this.meshes) {
+      this.meshes = await this.loadMeshes(this.material, scene);
+    }
+
+    return Dice.createInstance(this.meshes[diceType], scene);
+  }
+}
+
+export default WalnutDice;