Jelajahi Sumber

✨ Add ColorPicker UIObject

Pedro Schneider 3 tahun lalu
induk
melakukan
dfaec34d1d
2 mengubah file dengan 18 tambahan dan 0 penghapusan
  1. 1 0
      index.html
  2. 17 0
      pandora/game_objects/ui_objects/ColorPicker.js

+ 1 - 0
index.html

@@ -39,6 +39,7 @@
       <script type="text/javascript" src="pandora/game_objects/ui_objects/CheckBox.js"></script>
       <script type="text/javascript" src="pandora/game_objects/ui_objects/Select.js"></script>
       <script type="text/javascript" src="pandora/game_objects/ui_objects/Radio.js"></script>
+      <script type="text/javascript" src="pandora/game_objects/ui_objects/ColorPicker.js"></script>
 
     <!-- Handlers -->
     <script type="text/javascript" src="pandora/handlers/GameHandler.js"></script>

+ 17 - 0
pandora/game_objects/ui_objects/ColorPicker.js

@@ -0,0 +1,17 @@
+class ColorPicker extends UIObject
+{
+    constructor(name, color = "#FFFFFF")
+    {
+        super(name);
+
+        this.P5Element = createColorPicker(color);
+        this.setPosition(0, 0);
+
+        this.connectCallbacks();
+    }
+
+    getColor()
+    {
+        return this.P5Element.color();
+    }
+}