kaplay-ui 0.11.0 → 0.13.0

package/buttons/index.js

@@ -1,65 +1,45 @@
 import "kaplay/global";
 
 /**
- * Adds a clickable button with custom text
+ * Makes button with centered text
  * @param {string} txt - Button text to display
- * @param {number} x - The x postion to set (default is center().x).
- * @param {number} y - The x postion to set (default is center().y)
- * @param {number} w - Width of button (default is 120)
- * @param {number} h - Height of button (default is 50)
+ * @param {number} x - The x postion to set (default is 0).
+ * @param {number} y - The x postion to set (default is 0)
+ * @param {number} width - Width of button (default is 100)
+ * @param {number} height - Height of button (default is 50)
+ * @param {number} btnRadius - Border radius of button (default is 8)
  * @param {number} txtSize - Text size of button (default is 15)
- * @param {boolean} [hoverFx] - Add hover effect (default is true)
  * @returns {GameObj}
  */
-export const addTextButton = (
+export const makeTextButton = (
   txt,
-  x = center().x,
-  y = center().y,
-  w = 120,
-  h = 50,
-  txtSize = 15,
-  hoverFx = true
+  x = 0,
+  y = 0,
+  width = 100,
+  height = 50,
+  btnRadius = 8,
+  txtSize = 15
 ) => {
-  // Shadow effect
-  const shadow = add([
-    rect(w, h, { radius: 8 }),
-    pos(x + 2, y + 2),
-    area(),
-    scale(1),
-    anchor("center"),
-    outline(1),
-    color(128, 128, 128),
-  ]);
-
-  // Button
-  const btn = add([
-    rect(w, h, { radius: 8 }),
+  // Make button
+  const btn = make([
+    rect(width, height, { radius: btnRadius }),
     pos(x, y),
     area(),
     scale(1),
-    anchor("center"),
     outline(1),
     color(255, 255, 255),
   ]);
 
-  // Button text
-  btn.add([text(txt, { size: txtSize }), anchor("center"), color(0, 0, 0)]);
-
-  btn.onHover(() => {
-    setCursor("pointer");
-    if (hoverFx) {
-      btn.scale = vec2(1.03);
-      shadow.scale = vec2(1.03);
-    }
-  });
+  // Make button text
+  const btnText = make([
+    text(txt, { size: txtSize }),
+    pos(width / 2, height / 2),
+    anchor("center"),
+    color(0, 0, 0),
+  ]);
 
-  btn.onHoverEnd(() => {
-    setCursor("default");
-    if (hoverFx) {
-      btn.scale = vec2(1);
-      shadow.scale = vec2(1);
-    }
-  });
+  // Add text to button
+  btn.add(btnText);
 
   return btn;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kaplay-ui",
-  "version": "0.11.0",
+  "version": "0.13.0",
   "description": "UI components for KAPLAY",
   "main": "index.js",
   "repository": {