✨ Add slider UIObject

index.html

@@ -33,6 +33,7 @@
     <script type="text/javascript" src="pandora/game_objects/ui_objects/UIObject.js"></script>
     <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>
 
     <!-- Handlers -->
     <script type="text/javascript" src="pandora/handlers/GameHandler.js"></script>

pandora/game_objects/ui_objects/Slider.js

@@ -0,0 +1,11 @@
+class Slider extends UIObject
+{
+    constructor(name, min = 0, max = 100, value = 0, step = 0)
+    {
+        super(name);
+        this.P5Element = createSlider(min, max, value, step);
+        this.setPosition(0, 0);
+        this.setSize(200, 25);
+        this.setStyle(DEFAULT_STYLE);
+    }
+}

pandora/handlers/GameHandler.js

@@ -61,10 +61,16 @@ const GameHandler = {
 
     draw: function()
     {
-        if (this.renderMode == RENDER_MODES.WEBGL) translate(-windowWidth / 2, -windowHeight / 2);
+        if (this.renderMode == RENDER_MODES.WEBGL)
+            translate(-windowWidth / 2, -windowHeight / 2);
 
         for (let i = 0; i < this.rootObjects.length; i++)
             this.rootObjects[i].draw(this.delta);
         this.prevMillis = millis();
     }
+}
+
+function windowResized()
+{
+    resizeCanvas(windowWidth, windowHeight);
 }