feat: improved setting scene method, mouse motion & button example

examples/button.ts

@@ -0,0 +1,28 @@
+import { World, Scene, Image, Button} from '../mod.ts';
+
+
+class Game extends Scene {
+    public test = new Button(this, new Image(this, "assets/caviar.png", 200, 100, 414, 197));
+
+    public setup() {
+        this.addChild(this.test);
+        this.test.onClick = () => {
+            this.test.setX(Math.round(Math.random() * this.world.params.width));
+        }
+    }
+}
+
+const test = new World({
+    title: "test",
+    width: 800,
+    height: 600,
+    centered: true,
+    fullscreen: false,
+    hidden: false,
+    resizable: true,
+    minimized: false,
+    maximized: false,
+    flags: null,
+}, [Game]);
+
+await test.start();

mod.ts

@@ -30,6 +30,7 @@ export type {
   Frame,
   KeyEvent,
   MouseDownEvent,
+  MouseMotionEvent,
   PixelTexture,
   RGBA,
   spriteConfig,

src/Renderer.ts

@@ -16,8 +16,9 @@ import {
 import { hexToRGBA } from "./utils/mod.ts";
 
 export class Renderer {
-    constructor(public world: World) {}
 
+    constructor(public world: World) {}
+
     public render(entity: Entity) {
         if (entity instanceof Rectangle) {
             this.world.setDrawColor(

src/World.ts

@@ -1,9 +1,9 @@
 import { Canvas } from "../deps.ts";
-import { Scene, Renderer, Entity } from "../mod.ts"
-import type { KeyEvent, MouseDownEvent, WorldOptions } from "./types.ts";
+import { Scene, Renderer } from "../mod.ts"
+import type { KeyEvent, MouseDownEvent, MouseMotionEvent, WorldOptions } from "./types.ts";
 
 export class World extends Canvas {
-  public FPS = 100;
+  public FPS = 500;
   public params: WorldOptions;
   public scenes: Array<typeof Scene>;
   public currentScene: Scene;
@@ -20,6 +20,9 @@ export class World extends Canvas {
     this.setup();
     for await (const event of this) {
       switch (event.type) {
+        case "mouse_motion":
+          this._mouseMotion(event);
+        break;
         case "mouse_button_down":
           this._mouseDown(event);
           break;
@@ -70,13 +73,25 @@ export class World extends Canvas {
     this.currentScene.keyDown(e);
   }
 
-  public setScene(scene: number): void {
-    this.currentScene = new this.scenes[scene](this);
+  public setScene(scene: number | string): void {
+    if (typeof scene === 'string') {
+      for (const s of this.scenes) {
+        if (s.name === scene) {
+          this.currentScene = new s(this);
+          break;
+        }
+      }
+    } else {
+      this.currentScene = new this.scenes[scene](this);
+    }
     this.setup();
   }
   private _mouseDown(e: MouseDownEvent) {
     this.currentScene._mouseDown(e);
   }
+  private _mouseMotion(e: MouseMotionEvent) {
+    this.currentScene._mouseMotion(e);
+  }
   public setup(): void {
     this.currentScene.setup();
 

src/entities/containers/Button.ts

@@ -1,10 +1,10 @@
-import { Entity, Sprite, Scene } from '../../../mod.ts';
+import { Entity, Sprite, Rectangle, Image, Scene } from '../../../mod.ts';
 
 export class Button extends Entity {
-    public child: Sprite;
+    public child: Sprite | Image | Rectangle;
     public scene: Scene;
 
-    constructor(scene: Scene, child: Sprite) {
+    constructor(scene: Scene, child: Sprite | Image | Rectangle) {
         super(child.x,child.y);
         this.child = child;
         this.scene = scene;

src/scenes/Scene.ts

@@ -1,5 +1,5 @@
 import { Entity, World, Button } from "../../mod.ts";
-import type { MouseDownEvent, KeyEvent } from "../types.ts";
+import type { MouseDownEvent, MouseMotionEvent, KeyEvent } from "../types.ts";
 export class Scene {
     public entities: Array<Entity> = [];
 
@@ -32,7 +32,11 @@ export class Scene {
         }
         this.mouseDown(e);
       }
+    public _mouseMotion(e: MouseMotionEvent) {
+      this.mouseMotion(e)
+    }
     public mouseDown(_e: MouseDownEvent): void {}
+    public mouseMotion(_e: MouseMotionEvent): void {}
     public setup(): void {}
     public draw(): void {}
     public keyDown(_e: KeyEvent): void {}

src/types.ts

@@ -15,6 +15,8 @@ export interface WorldPhysicsOptions {
     gravity: number,
 }
 
+
+
 export type RGBA = [number, number, number, number];
 
 export interface KeyEvent {
@@ -32,6 +34,15 @@ export interface MouseDownEvent {
     button: number;
 }
 
+export interface MouseMotionEvent {
+    which: number;
+    x: number;
+    y: number;
+    xrel: number;
+    yrel: number;
+    state: number;
+}
+
 export interface Frame {
     x: number,
     y: number,