@jiant/canvable 0.0.3 → 0.0.5

package/README.md

@@ -1,85 +1,85 @@
-# Canvable
-
-Canvable é uma biblioteca para criação de cenas em canvas com um sistema de nós, permitindo a construção de elementos e interações de forma intuitiva, similar a uma engine de jogos 2D. A biblioteca oferece suporte para objetos gráficos, entrada de usuário, câmera, e muito mais, permitindo criar experiências interativas de maneira modular e flexível.
-
-## Instalação
-
-### Usando NPM
-
-Se você está utilizando o NPM, pode instalar a biblioteca com:
-
-```bash
-npm install @jiant/canvable
-```
-
-### Usando Yarn
-
-Se você está utilizando o Yarn, pode instalar com:
-
-```bash
-yarn add @jiant/canvable
-```
-
-## Exemplos de Uso
-
-### Criando uma Cena
-
-A seguir está um exemplo básico de como criar uma cena e adicionar um objeto nela:
-
-```typescript
-import { Circle, getCanvas, Scene } from "@jiant/canvable";
-import "./style.css";
-
-// Obtendo o canvas
-const canvas = getCanvas("app")!;
-const ctx = canvas.getContext("2d")!;
-
-// Criando a cena
-const scene = new Scene(ctx);
-
-// Criando um círculo
-const circle = new Circle();
-
-// Adicionando o círculo à cena
-scene.addObject(circle);
-```
-
-### Loop de Jogo
-
-Você pode adicionar um loop de jogo para atualizar e mover os objetos da cena:
-
-```typescript
-scene.gameLoop((deltaTime, total) => {
-  circle.pos.x = Math.sin(total) * 100 + 200;
-});
-```
-
----
-
-## Funcionalidades
-
-### Cenas e Objetos
-
-- **Cena**: Contém e gerencia objetos, como círculos, retângulos, entre outros. Permite manipulação de câmera e desenhos.
-- **Objetos**: Elementos gráficos que podem ser adicionados à cena, como `Circle`, `Rectangle`, etc.
-
-### Funções de Entrada
-
-- **isPressed**: Verifica se uma tecla ou botão está pressionado continuamente.
-- **justPressed**: Detecta o momento exato em que uma tecla ou botão é pressionado pela primeira vez.
-
-### Câmera
-
-- Suporte para uma câmera 2D que pode ser movida e ampliada (zoom).
-
----
-
-## Contribuições
-
-Contribuições são bem-vindas! Se você deseja melhorar ou adicionar novos recursos à biblioteca, sinta-se à vontade para abrir um **Pull Request**.
-
----
-
-## Licença
-
-Este projeto está licenciado sob a [MIT License](LICENSE).
+# Canvable
+
+Canvable é uma biblioteca para criação de cenas em canvas com um sistema de nós, permitindo a construção de elementos e interações de forma intuitiva, similar a uma engine de jogos 2D. A biblioteca oferece suporte para objetos gráficos, entrada de usuário, câmera, e muito mais, permitindo criar experiências interativas de maneira modular e flexível.
+
+## Instalação
+
+### Usando NPM
+
+Se você está utilizando o NPM, pode instalar a biblioteca com:
+
+```bash
+npm install @jiant/canvable
+```
+
+### Usando Yarn
+
+Se você está utilizando o Yarn, pode instalar com:
+
+```bash
+yarn add @jiant/canvable
+```
+
+## Exemplos de Uso
+
+### Criando uma Cena
+
+A seguir está um exemplo básico de como criar uma cena e adicionar um objeto nela:
+
+```typescript
+import { Circle, getCanvas, Scene } from "@jiant/canvable";
+import "./style.css";
+
+// Obtendo o canvas
+const canvas = getCanvas("app")!;
+const ctx = canvas.getContext("2d")!;
+
+// Criando a cena
+const scene = new Scene(ctx);
+
+// Criando um círculo
+const circle = new Circle();
+
+// Adicionando o círculo à cena
+scene.addObject(circle);
+```
+
+### Loop de Jogo
+
+Você pode adicionar um loop de jogo para atualizar e mover os objetos da cena:
+
+```typescript
+scene.gameLoop((deltaTime, total) => {
+  circle.pos.x = Math.sin(total) * 100 + 200;
+});
+```
+
+---
+
+## Funcionalidades
+
+### Cenas e Objetos
+
+- **Cena**: Contém e gerencia objetos, como círculos, retângulos, entre outros. Permite manipulação de câmera e desenhos.
+- **Objetos**: Elementos gráficos que podem ser adicionados à cena, como `Circle`, `Rectangle`, etc.
+
+### Funções de Entrada
+
+- **isPressed**: Verifica se uma tecla ou botão está pressionado continuamente.
+- **justPressed**: Detecta o momento exato em que uma tecla ou botão é pressionado pela primeira vez.
+
+### Câmera
+
+- Suporte para uma câmera 2D que pode ser movida e ampliada (zoom).
+
+---
+
+## Contribuições
+
+Contribuições são bem-vindas! Se você deseja melhorar ou adicionar novos recursos à biblioteca, sinta-se à vontade para abrir um **Pull Request**.
+
+---
+
+## Licença
+
+Este projeto está licenciado sob a [MIT License](LICENSE).

package/dist/main.d.mts

@@ -204,15 +204,18 @@ declare class Scene extends Node {
     camera: Camera;
     inputManager: InputManager;
     ctx: CanvasRenderingContext2D;
+    private animationFrameId;
+    private running;
     private lastTime;
     private totalTime;
     constructor(ctx: CanvasRenderingContext2D, opts?: SceneOptions);
     addObject(object: Node): void;
     setup(): void;
     resizeCanvas(): void;
-    update(deltaTime: number): void;
-    draw(ctx: CanvasRenderingContext2D): void;
-    gameLoop(callback?: (deltaTime: number, totalTime: number) => void, targetFPS?: number): void;
+    updateFrame(deltaTime: number): void;
+    drawFrame(ctx: CanvasRenderingContext2D): void;
+    run(callback?: (deltaTime: number, totalTime: number) => void, targetFPS?: number): void;
+    stop(): void;
 }
 
 interface NodeConfig {
@@ -225,39 +228,114 @@ declare class Node {
     id: string;
     children: Node[];
     scene?: Scene;
+    boundingBox?: BoundingBox;
+    update?(dt: number): void;
+    draw?(ctx: CanvasRenderingContext2D, selected?: boolean): void;
     constructor(scene?: Scene, config?: NodeConfig);
     addObject(object: Node): void;
     removeObject(object: Node): void;
     private generateID;
 }
 
+interface CollisionResult {
+    isColliding: boolean;
+    mtv?: Vector2D;
+}
 declare abstract class BoundingBox extends Node {
-    abstract checkCollision(other: BoundingBox): boolean;
+    abstract checkCollision(other: BoundingBox): CollisionResult;
     abstract isPointInside(_point: Vector2D): boolean;
 }
 
+declare class CircleBoundingBox extends BoundingBox {
+    radius: number;
+    constructor(scene?: Scene, radius?: number);
+    checkCollision(other: BoundingBox): CollisionResult;
+    isPointInside(_point: Vector2D): boolean;
+}
+
+declare class SquareBoundingBox extends BoundingBox {
+    size: Vector2D;
+    constructor(scene?: Scene, size?: Vector2D);
+    checkCollision(other: BoundingBox): CollisionResult;
+    isPointInside(_point: Vector2D): boolean;
+}
+
+interface KinematicBodyConfig {
+    speed?: number;
+    friction?: number;
+    maxSpeed?: number;
+}
+declare class KinematicBody extends Node {
+    shape: Node;
+    velocity: Vector2D;
+    speed: number;
+    friction: number;
+    maxSpeed: number;
+    isColliding: boolean;
+    constructor(scene: Scene, shape: Node, config?: KinematicBodyConfig);
+    applyForce(x: number, y: number, dt: number): void;
+    update(dt: number): void;
+    private resolveCollisions;
+    draw(ctx: CanvasRenderingContext2D, selected?: boolean): void;
+}
+
+declare class StaticBody extends Node {
+    shape: Node;
+    constructor(scene: Scene, shape: Node);
+    update(_dt: number): void;
+    draw(ctx: CanvasRenderingContext2D, selected?: boolean): void;
+}
+
 interface CircleConfig {
     vel?: Vector2D;
     size?: number;
     friction?: number;
     startsWithBoundingBox?: boolean;
+    style?: {
+        fillStyle?: string;
+        strokeStyle?: string;
+        lineWidth?: number;
+    };
 }
 declare class Circle extends Node {
     vel: Vector2D;
     size: number;
     friction: number;
-    boundingBox: BoundingBox;
+    style: {
+        fillStyle?: string;
+        strokeStyle?: string;
+        lineWidth?: number;
+    };
     constructor(scene?: Scene, config?: CircleConfig);
+    update(_deltaTime: number): void;
     draw(ctx: CanvasRenderingContext2D, selected?: boolean): void;
 }
 
-declare class CircleBoundingBox extends BoundingBox {
-    radius: number;
-    constructor(scene?: Scene, radius?: number);
-    checkCollision(other: BoundingBox): boolean;
-    isPointInside(_point: Vector2D): boolean;
+interface SquareConfig {
+    vel?: Vector2D;
+    size?: Vector2D;
+    friction?: number;
+    startsWithBoundingBox?: boolean;
+    style?: {
+        fillStyle?: string;
+        strokeStyle?: string;
+        lineWidth?: number;
+    };
+}
+declare class Square extends Node {
+    vel: Vector2D;
+    size: Vector2D;
+    friction: number;
+    style: {
+        fillStyle?: string;
+        strokeStyle?: string;
+        lineWidth?: number;
+    };
+    constructor(scene?: Scene, config?: SquareConfig);
+    update(_deltaTime: number): void;
+    draw(ctx: CanvasRenderingContext2D, selected?: boolean): void;
 }
 
 declare function getCanvas(id: string): HTMLCanvasElement;
 
-export { BoundingBox, Camera, Circle, CircleBoundingBox, type CircleConfig, type Drawable, Node, type NodeConfig, Scene, type SceneOptions, TWO_PI, type Updatable, Vector2D, getCanvas };
+export { BoundingBox, Camera, Circle, CircleBoundingBox, type CircleConfig, type CollisionResult, type Drawable, KinematicBody, type KinematicBodyConfig, Node, type NodeConfig, Scene, type SceneOptions, Square, SquareBoundingBox, type SquareConfig, StaticBody, TWO_PI, type Updatable, Vector2D, getCanvas };

package/dist/main.d.ts

@@ -204,15 +204,18 @@ declare class Scene extends Node {
     camera: Camera;
     inputManager: InputManager;
     ctx: CanvasRenderingContext2D;
+    private animationFrameId;
+    private running;
     private lastTime;
     private totalTime;
     constructor(ctx: CanvasRenderingContext2D, opts?: SceneOptions);
     addObject(object: Node): void;
     setup(): void;
     resizeCanvas(): void;
-    update(deltaTime: number): void;
-    draw(ctx: CanvasRenderingContext2D): void;
-    gameLoop(callback?: (deltaTime: number, totalTime: number) => void, targetFPS?: number): void;
+    updateFrame(deltaTime: number): void;
+    drawFrame(ctx: CanvasRenderingContext2D): void;
+    run(callback?: (deltaTime: number, totalTime: number) => void, targetFPS?: number): void;
+    stop(): void;
 }
 
 interface NodeConfig {
@@ -225,39 +228,114 @@ declare class Node {
     id: string;
     children: Node[];
     scene?: Scene;
+    boundingBox?: BoundingBox;
+    update?(dt: number): void;
+    draw?(ctx: CanvasRenderingContext2D, selected?: boolean): void;
     constructor(scene?: Scene, config?: NodeConfig);
     addObject(object: Node): void;
     removeObject(object: Node): void;
     private generateID;
 }
 
+interface CollisionResult {
+    isColliding: boolean;
+    mtv?: Vector2D;
+}
 declare abstract class BoundingBox extends Node {
-    abstract checkCollision(other: BoundingBox): boolean;
+    abstract checkCollision(other: BoundingBox): CollisionResult;
     abstract isPointInside(_point: Vector2D): boolean;
 }
 
+declare class CircleBoundingBox extends BoundingBox {
+    radius: number;
+    constructor(scene?: Scene, radius?: number);
+    checkCollision(other: BoundingBox): CollisionResult;
+    isPointInside(_point: Vector2D): boolean;
+}
+
+declare class SquareBoundingBox extends BoundingBox {
+    size: Vector2D;
+    constructor(scene?: Scene, size?: Vector2D);
+    checkCollision(other: BoundingBox): CollisionResult;
+    isPointInside(_point: Vector2D): boolean;
+}
+
+interface KinematicBodyConfig {
+    speed?: number;
+    friction?: number;
+    maxSpeed?: number;
+}
+declare class KinematicBody extends Node {
+    shape: Node;
+    velocity: Vector2D;
+    speed: number;
+    friction: number;
+    maxSpeed: number;
+    isColliding: boolean;
+    constructor(scene: Scene, shape: Node, config?: KinematicBodyConfig);
+    applyForce(x: number, y: number, dt: number): void;
+    update(dt: number): void;
+    private resolveCollisions;
+    draw(ctx: CanvasRenderingContext2D, selected?: boolean): void;
+}
+
+declare class StaticBody extends Node {
+    shape: Node;
+    constructor(scene: Scene, shape: Node);
+    update(_dt: number): void;
+    draw(ctx: CanvasRenderingContext2D, selected?: boolean): void;
+}
+
 interface CircleConfig {
     vel?: Vector2D;
     size?: number;
     friction?: number;
     startsWithBoundingBox?: boolean;
+    style?: {
+        fillStyle?: string;
+        strokeStyle?: string;
+        lineWidth?: number;
+    };
 }
 declare class Circle extends Node {
     vel: Vector2D;
     size: number;
     friction: number;
-    boundingBox: BoundingBox;
+    style: {
+        fillStyle?: string;
+        strokeStyle?: string;
+        lineWidth?: number;
+    };
     constructor(scene?: Scene, config?: CircleConfig);
+    update(_deltaTime: number): void;
     draw(ctx: CanvasRenderingContext2D, selected?: boolean): void;
 }
 
-declare class CircleBoundingBox extends BoundingBox {
-    radius: number;
-    constructor(scene?: Scene, radius?: number);
-    checkCollision(other: BoundingBox): boolean;
-    isPointInside(_point: Vector2D): boolean;
+interface SquareConfig {
+    vel?: Vector2D;
+    size?: Vector2D;
+    friction?: number;
+    startsWithBoundingBox?: boolean;
+    style?: {
+        fillStyle?: string;
+        strokeStyle?: string;
+        lineWidth?: number;
+    };
+}
+declare class Square extends Node {
+    vel: Vector2D;
+    size: Vector2D;
+    friction: number;
+    style: {
+        fillStyle?: string;
+        strokeStyle?: string;
+        lineWidth?: number;
+    };
+    constructor(scene?: Scene, config?: SquareConfig);
+    update(_deltaTime: number): void;
+    draw(ctx: CanvasRenderingContext2D, selected?: boolean): void;
 }
 
 declare function getCanvas(id: string): HTMLCanvasElement;
 
-export { BoundingBox, Camera, Circle, CircleBoundingBox, type CircleConfig, type Drawable, Node, type NodeConfig, Scene, type SceneOptions, TWO_PI, type Updatable, Vector2D, getCanvas };
+export { BoundingBox, Camera, Circle, CircleBoundingBox, type CircleConfig, type CollisionResult, type Drawable, KinematicBody, type KinematicBodyConfig, Node, type NodeConfig, Scene, type SceneOptions, Square, SquareBoundingBox, type SquareConfig, StaticBody, TWO_PI, type Updatable, Vector2D, getCanvas };