✨ Add CheckBox UIObject

index.html

@@ -34,6 +34,7 @@
     <script type="text/javascript" src="pandora/game_objects/ui_objects/Button.js"></script>
     <script type="text/javascript" src="pandora/game_objects/ui_objects/Label.js"></script>
     <script type="text/javascript" src="pandora/game_objects/ui_objects/Slider.js"></script>
+    <script type="text/javascript" src="pandora/game_objects/ui_objects/CheckBox.js"></script>
 
     <!-- Handlers -->
     <script type="text/javascript" src="pandora/handlers/GameHandler.js"></script>

pandora/game_objects/ui_objects/CheckBox.js

@@ -0,0 +1,32 @@
+class CheckBox extends UIObject
+{
+    constructor(name, label = "checkbox", val = false)
+    {
+        super(name);
+
+        this.label = label;
+        this.P5Element = createCheckbox(label, val);
+        this.P5Element.position(0, 0);
+
+        this.setStyle(DEFAULT_STYLE);
+
+        this.connectCallbacks();
+        this.P5Element.changed(this.onChanged);
+    }
+
+    setLabel(label)
+    {
+        this.label = label;
+        this.P5Element.html(label);
+    }
+
+    _onChanged()
+    {
+        console.log(this.P5Element.checked());
+    }
+
+    onChanged()
+    {
+        this.pandoraObject._onChanged();
+    }
+}