tscratch 0.1.2 → 0.1.3

package/README.md

@@ -1,17 +1,17 @@
 # 🐱 tscratch
 
-A **Scratch-inspired 2D game engine** for **TypeScript**.  
+A **Scratch-inspired 2D game engine** for **TypeScript**.
 Type-safe, lightweight, and fun — bring the simplicity of Scratch into real code.
 
 ---
 
 ## ✨ Features
 
-- 🎮 **Scratch-style API** — `goTo`, `setX`, `moveSteps`, etc.  
-- ⚡ **TypeScript first** — full type safety & IntelliSense.  
-- 🖼️ **Canvas rendering** — built on the HTML5 canvas.  
-- 🧩 **Sprites system** — extend `Sprite` to create your own shapes.  
-- 🛠️ **Lightweight** — no heavy dependencies, works in any TypeScript project.  
+- 🎮 **Scratch-style API** — `goTo`, `setX`, `move`, etc.
+- ⚡ **TypeScript first** — full type safety & IntelliSense.
+- 🖼️ **Canvas rendering** — built on the HTML5 canvas.
+- 🧩 **Sprites system** — extend `Sprite` to create your own shapes.
+- 🛠️ **Lightweight** — no heavy dependencies, works in any TypeScript project.
 
 ---
 
@@ -31,14 +31,15 @@ const engine = Engine.init();
 
 // Create a rectangle sprite
 const rect = new Rectangle();
-rect.goTo(0, 0);
-
 // Add it to the engine
-engine.addSprite(rect);
+engine.addSprites(rect);
+
+// Move it to the center
+rect.goTo(0, 0);
 
 // Animate in the game loop
 engine.loop = () => {
-  rect.setX(rect.x + 2); // move right every frame
+  rect.changeX(2); // move right every frame
 };
 ```
 ## 🎨 Example: Multiple Sprites
@@ -49,19 +50,20 @@ import { Engine, Rectangle } from 'tscratch';
 const engine = Engine.init();
 
 const redBox = new Rectangle();
-redBox.color = 'red';
+engine.addSprite(redBox);
+
+redBox.setColor('red');
 redBox.goTo(-100, 0);
 
 const blueBox = new Rectangle();
-blueBox.color = 'blue';
-blueBox.goTo(100, 0);
-
-engine.addSprite(redBox);
 engine.addSprite(blueBox);
 
+blueBox.setColor('blue');
+blueBox.goTo(100, 0);
+
 engine.loop = () => {
-  redBox.setX(redBox.x + 1);
-  blueBox.setX(blueBox.x - 1);
+  redBox.changeX(1);
+  blueBox.changeX(-1);
 };
 ```
 
@@ -69,23 +71,31 @@ engine.loop = () => {
 
 ### Engine
 
-- `Engine.init()` → get the singleton instance  
-- `engine.addSprite(sprite)` → add a sprite to the stage  
-- `engine.loop = () => { ... }` → game loop logic  
-- `engine.refreshAll()` → redraw all sprites  
+- `Engine.init()` → get the singleton instance
+- `engine.addSprites(...sprites)` → add sprites to the stage
+- `engine.removeSprites(...sprites)` → removes sprites from the stage
+- `engine.setFramesPerSecond(FPS)`→ sets the update time
+- `engine.loop = () => { ... }` → game loop logic
+- `engine.refresh()` → redraw all sprites
 
 ### Sprite (abstract)
 
-- `goTo(x, y)` → move to coordinates  
-- `setX(x)` / `setY(y)` → set position  
-- `changeXBy(dx)` / `changeYBy(dy)` → relative movement  
-- `show()` / `hide()` → toggle visibility  
+- `goTo(x, y)` → move to coordinates
+- `setX(x)` / `setY(y)` → set position
+- `changeX(x)` / `changeY(y)` → change position
+- `turn(deg)` / `point(deg)` → change / set direction
+- `changeX(dX)` / `changeY(dY)` → relative movement
 
 ### Rectangle (example sprite)
 
-- Has `width`, `height`, and `color` properties  
+- Has `width`, `height`, and `color` properties
 - Draws a rectangle centered on `(x, y)`
 
+### Canvas
+
+- `setScale` → sets the scale of the stage
+- `setAspectRatio` → sets the aspect ratio of the stage
+
 ## License
 
 MIT © 2025 sebastian-goat, see [LICENSE](./LICENSE)

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";var b=Object.defineProperty;var y=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var R=(e,t)=>{for(var o in t)b(e,o,{get:t[o],enumerable:!0})},M=(e,t,o,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of v(t))!O.call(e,n)&&n!==o&&b(e,n,{get:()=>t[n],enumerable:!(u=y(t,n))||u.enumerable});return e};var P=e=>M(b({},"__esModule",{value:!0}),e);var B={};R(B,{Engine:()=>h,Oval:()=>a,Rectangle:()=>c,RegularShape:()=>p,Sprite:()=>s,canvas:()=>r,ctx:()=>i,default:()=>A,setAspectRatio:()=>x,setScale:()=>m});module.exports=P(B);var r=document.getElementById("game-window"),i=r.getContext("2d"),f=16/9,l;function m(e){l=e,r.width=f*l,r.height=l}function x(e){f=e,r.width=f*l,r.height=l}m(500);var s=class{x;y;dir;refresh(){h.init().refresh()}constructor(t){this.x=t?.x??0,this.y=t?.y??0,this.dir=t?.dir??90}toRadians(t){return t*Math.PI/180}toDegrees(t){return t*180/Math.PI}move(t){this.x+=t*Math.sin(this.toRadians(this.dir)),this.y-=t*Math.cos(this.toRadians(this.dir)),this.refresh()}turn(t){this.dir+=t,this.refresh()}pointInDirection(t){this.dir=t,this.refresh()}setX(t){this.x=t,this.refresh()}setY(t){this.y=t,this.refresh()}goTo(t,o){this.x=t,this.y=o,this.refresh()}changeX(t){this.x+=t,this.refresh()}changeY(t){this.y-=t,this.refresh()}async wait(t){return new Promise(o=>setTimeout(o,t))}};var h=class e{static instance;loop=()=>{};sprites=[];static init(){return this.instance||(this.instance=new e),this.instance}constructor(){setInterval(()=>this.loop(),1e3/8)}addSprite(t){this.sprites.push(t)}refresh(){i.fillStyle="white",i.fillRect(0,0,r.width,r.height),this.sprites.forEach(t=>t.draw())}};var c=class extends s{width;height;color;draw(){i.fillStyle=this.color,i.fillRect(this.x-this.width/2+r.width/2,this.y-this.height/2+r.height/2,this.width,this.height)}constructor(t){super(t),this.width=t?.width??50,this.height=t?.height??50,this.color=t?.color??"black",this.draw()}};var a=class extends s{radA;radB;color;draw(){i.fillStyle=this.color,i.beginPath(),i.ellipse(this.x,this.y,this.radA,this.radB,0,0,Math.PI*2),i.fill()}constructor(t){super(t),this.radA=t?.radA??25,this.radB=t?.radB??25,this.color=t?.color??"black",this.draw()}};var p=class extends s{sides;radius;color;draw(){let t=this.radius,o=Math.PI*2/this.sides,u=r.width/2,n=r.height/2;i.beginPath();for(let d=0;d<this.sides;d++){let g=d*o-Math.PI/2,w=u+this.x+t*Math.cos(g),S=n+this.y+t*Math.sin(g);d===0?i.moveTo(w,S):i.lineTo(w,S)}i.closePath(),i.fillStyle=this.color,i.fill()}constructor(t){super(t),this.sides=t?.sides??5,this.radius=t?.radius??5,this.color=t?.color??"black",this.draw()}};var I={Engine:h,Sprite:s,Rectangle:c,Oval:a,RegularShape:p,setScale:m,setAspectRatio:x,canvas:r,ctx:i},A=I;0&&(module.exports={Engine,Oval,Rectangle,RegularShape,Sprite,canvas,ctx,setAspectRatio,setScale});
+"use strict";var m=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var O=Object.prototype.hasOwnProperty;var P=(i,t)=>{for(var s in t)m(i,s,{get:t[s],enumerable:!0})},R=(i,t,s,u)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of y(t))!O.call(i,o)&&o!==s&&m(i,o,{get:()=>t[o],enumerable:!(u=w(t,o))||u.enumerable});return i};var I=i=>R(m({},"__esModule",{value:!0}),i);var B={};P(B,{Engine:()=>n,Oval:()=>a,Rectangle:()=>c,RegularShape:()=>l,Sprite:()=>h,canvas:()=>r,ctx:()=>e,default:()=>A,setAspectRatio:()=>x,setScale:()=>b});module.exports=I(B);var r=document.getElementById("game-window"),e=r.getContext("2d"),f=16/9,p;function b(i){p=i,r.width=f*p,r.height=p}function x(i){f=i,r.width=f*p,r.height=p}b(500);var h=class{x;y;dir;refresh(){n.init().refresh()}constructor(t){this.x=t?.x??0,this.y=t?.y??0,this.dir=t?.dir??90}toRadians(t){return t*Math.PI/180}toDegrees(t){return t*180/Math.PI}move(t){this.x+=t*Math.sin(this.toRadians(this.dir)),this.y-=t*Math.cos(this.toRadians(this.dir)),this.refresh()}turn(t){this.dir+=t,this.refresh()}point(t){this.dir=t,this.refresh()}setX(t){this.x=t,this.refresh()}setY(t){this.y=t,this.refresh()}goTo(t,s){this.x=t,this.y=s,this.refresh()}changeX(t){this.x+=t,this.refresh()}changeY(t){this.y-=t,this.refresh()}async wait(t){return new Promise(s=>setTimeout(s,t))}};var n=class i{static instance;updateInterval;FPS=24;loop=()=>{};sprites=[];static init(){return this.instance||(this.instance=new i),this.instance}addSprites(...t){this.sprites.push(...t)}removeSprites(...t){this.sprites=this.sprites.filter(s=>!t.includes(s))}setFramesPerSecond(t){this.FPS=t,clearInterval(this.updateInterval),this.updateInterval=setInterval(()=>this.loop(),1e3/this.FPS)}refresh(){e.fillStyle="white",e.fillRect(0,0,r.width,r.height),this.sprites.forEach(t=>t.draw())}constructor(){this.setFramesPerSecond(24)}};var c=class extends h{width;height;color;draw(){e.fillStyle=this.color,e.fillRect(this.x-this.width/2+r.width/2,this.y-this.height/2+r.height/2,this.width,this.height)}setWidth(t){this.width=t,this.refresh()}setHeight(t){this.height=t,this.refresh()}setColor(t){this.color=t,this.refresh()}constructor(t){super(t),this.width=t?.width??50,this.height=t?.height??50,this.color=t?.color??"black",this.draw()}};var a=class extends h{radA;radB;color;draw(){e.fillStyle=this.color,e.beginPath(),e.ellipse(this.x,this.y,this.radA,this.radB,0,0,Math.PI*2),e.fill()}setRadA(t){this.radA=t,this.refresh()}setRadB(t){this.radB=t,this.refresh()}setColor(t){this.color=t,this.refresh()}constructor(t){super(t),this.radA=t?.radA??25,this.radB=t?.radB??25,this.color=t?.color??"black",this.draw()}};var l=class extends h{sides;radius;color;draw(){let t=this.radius,s=Math.PI*2/this.sides,u=r.width/2,o=r.height/2;e.beginPath();for(let d=0;d<this.sides;d++){let g=d*s-Math.PI/2,S=u+this.x+t*Math.cos(g),v=o+this.y+t*Math.sin(g);d===0?e.moveTo(S,v):e.lineTo(S,v)}e.closePath(),e.fillStyle=this.color,e.fill()}setRadius(t){this.radius=t,this.refresh()}setColor(t){this.color=t,this.refresh()}constructor(t){super(t),this.sides=t?.sides??5,this.radius=t?.radius??50,this.color=t?.color??"black",this.draw()}};var M={Engine:n,Sprite:h,Rectangle:c,Oval:a,RegularShape:l,setScale:b,setAspectRatio:x,canvas:r,ctx:e},A=M;0&&(module.exports={Engine,Oval,Rectangle,RegularShape,Sprite,canvas,ctx,setAspectRatio,setScale});
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/canvas.ts","../src/Sprite.ts","../src/Engine.ts","../src/Rectangle.ts","../src/Oval.ts","../src/RegularShape.ts"],"sourcesContent":["import Engine from './Engine.ts';\r\nimport Sprite from './Sprite.ts';\r\nimport Rectangle from './Rectangle.ts';\r\nimport Oval from './Oval.ts';\r\nimport RegularShape from './RegularShape.ts';\r\nimport { setScale, setAspectRatio, canvas, ctx } from './canvas.ts';\r\n\r\nconst TScratch = {\r\n    // Main\r\n    Engine,\r\n    Sprite,\r\n\r\n    // Sprites\r\n    Rectangle,\r\n    Oval,\r\n    RegularShape,\r\n\r\n    // Canvas\r\n    setScale,\r\n    setAspectRatio,\r\n    canvas,\r\n    ctx\r\n};\r\n\r\nexport default TScratch;\r\nexport {\r\n    // Main\r\n    Engine,\r\n    Sprite,\r\n\r\n    // Sprites\r\n    Rectangle,\r\n    Oval,\r\n    RegularShape,\r\n    \r\n    // Canvas\r\n    setScale,\r\n    setAspectRatio,\r\n    canvas,\r\n    ctx\r\n};","export const canvas = document.getElementById('game-window') as HTMLCanvasElement;\r\nexport const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\r\n\r\nlet ratio: number = 16 / 9;\r\nlet scale: number;\r\n\r\nexport function setScale(newScale: number) {\r\n    scale = newScale;\r\n    canvas.width = ratio * scale;\r\n    canvas.height = scale;\r\n}\r\n\r\nexport function setAspectRatio(newAspectRatio: number) {\r\n    ratio = newAspectRatio;\r\n    canvas.width = ratio * scale;\r\n    canvas.height = scale;\r\n}\r\n\r\nsetScale(500);","import Engine from './Engine.ts';\r\n\r\nexport interface SpriteOptions {\r\n    x?: number;\r\n    y?: number;\r\n    dir?: number;\r\n};\r\n\r\nexport default abstract class Sprite {\r\n\r\n    public x: number;\r\n    public y: number;\r\n    public dir: number;\r\n\r\n    // Rendering\r\n\r\n    public abstract draw(): void;\r\n\r\n    protected refresh() {\r\n        Engine.init().refresh();\r\n    }\r\n\r\n    constructor(options?: SpriteOptions) {\r\n        this.x = options?.x ?? 0;\r\n        this.y = options?.y ?? 0;\r\n        this.dir = options?.dir ?? 90;\r\n    }\r\n\r\n    // Helpers\r\n\r\n    protected toRadians(deg: number) {\r\n        return deg * Math.PI / 180;\r\n    }\r\n\r\n    protected toDegrees(rad: number) {\r\n        return rad * 180 / Math.PI;\r\n    }\r\n\r\n    // Methods\r\n\r\n    // Motion\r\n    public move(steps: number) {\r\n        this.x += steps * Math.sin(this.toRadians(this.dir));\r\n        this.y -= steps * Math.cos(this.toRadians(this.dir));\r\n        this.refresh();\r\n    }\r\n\r\n    public turn(deg: number) {\r\n        this.dir += deg;\r\n        this.refresh();\r\n    }\r\n\r\n    public pointInDirection(dir: number) {\r\n        this.dir = dir;\r\n        this.refresh();\r\n    }\r\n\r\n    public setX(x: number) {\r\n        this.x = x;\r\n        this.refresh();\r\n    }\r\n\r\n    public setY(y: number) {\r\n        this.y = y;\r\n        this.refresh();\r\n    }\r\n\r\n    public goTo(x: number, y: number) {\r\n        this.x = x;\r\n        this.y = y;\r\n        this.refresh();\r\n    }\r\n\r\n    public changeX(dX: number) {\r\n        this.x += dX;\r\n        this.refresh();\r\n    }\r\n\r\n    public changeY(dY: number) {\r\n        this.y -= dY;\r\n        this.refresh();\r\n    }\r\n\r\n    // Control\r\n    public async wait(ms: number): Promise<void> {\r\n        return new Promise(resolve => setTimeout(resolve, ms));\r\n    }\r\n\r\n}","import { canvas, ctx } from './canvas.ts';\r\nimport Sprite from './Sprite.ts';\r\n\r\nexport default class Engine {\r\n\r\n    private static instance: Engine;\r\n    public loop: () => void = () => {};\r\n    public sprites: Sprite[] = [];\r\n\r\n    public static init() {\r\n        if (!this.instance) {\r\n            this.instance = new Engine();\r\n        }\r\n        return this.instance;\r\n    }\r\n\r\n    private constructor() {\r\n        setInterval(() => this.loop(), 1000 / 8);\r\n    }\r\n\r\n    public addSprite(sprite: Sprite) {\r\n        this.sprites.push(sprite);\r\n    }\r\n\r\n    public refresh() {\r\n        ctx.fillStyle = 'white';\r\n        ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n\r\n        this.sprites.forEach(sprite => sprite.draw());\r\n    }\r\n\r\n}","import Sprite, { type SpriteOptions } from './Sprite.ts';\r\nimport { ctx, canvas } from './canvas.ts';\r\n\r\nexport interface RectangleOptions extends SpriteOptions {\r\n    width?: number;\r\n    height?: number;\r\n    color?: string;\r\n};\r\n\r\nexport default class Rectangle extends Sprite {\r\n\r\n    public width: number;\r\n    public height: number;\r\n    public color: string;\r\n\r\n    public draw(): void {\r\n        ctx.fillStyle = this.color;\r\n        ctx.fillRect(\r\n            this.x - this.width / 2 + canvas.width / 2,\r\n            this.y - this.height / 2 + canvas.height / 2,\r\n            this.width,\r\n            this.height\r\n        );\r\n    }\r\n\r\n    constructor(options?: RectangleOptions) {\r\n        super(options);\r\n        this.width = options?.width ?? 50;\r\n        this.height = options?.height ?? 50;\r\n        this.color = options?.color ?? 'black';\r\n        this.draw();\r\n    }\r\n\r\n}","import Sprite, { type SpriteOptions } from './Sprite.ts';\r\nimport { ctx, canvas } from './canvas.ts';\r\n\r\nexport interface OvalOptions extends SpriteOptions {\r\n    radA?: number;\r\n    radB?: number;\r\n    color?: string;\r\n};\r\n\r\nexport default class Oval extends Sprite {\r\n\r\n    public radA: number;\r\n    public radB: number;\r\n    public color: string;\r\n\r\n    public draw(): void {\r\n        ctx.fillStyle = this.color;\r\n        ctx.beginPath()\r\n        ctx.ellipse(this.x, this.y, this.radA, this.radB, 0, 0, Math.PI * 2);\r\n        ctx.fill();\r\n    }\r\n\r\n    constructor(options?: OvalOptions) {\r\n        super(options);\r\n        this.radA = options?.radA ?? 25;\r\n        this.radB = options?.radB ?? 25;\r\n        this.color = options?.color ?? 'black';\r\n        this.draw();\r\n    }\r\n\r\n}","import { canvas, ctx } from './canvas.ts';\r\nimport Sprite, { type SpriteOptions } from './Sprite.ts';\r\n\r\ninterface RegularShapeOptions extends SpriteOptions {\r\n    sides?: number;\r\n    radius?: number;\r\n    color?: string;\r\n}\r\n\r\nexport default class RegularShape extends Sprite {\r\n\r\n    public sides: number;\r\n    public radius: number;\r\n    public color: string;\r\n\r\n    public draw() {\r\n        const r = this.radius;\r\n        const step = (Math.PI * 2) / this.sides;\r\n        const cx = canvas.width / 2;\r\n        const cy = canvas.height / 2;\r\n\r\n        ctx.beginPath();\r\n        for (let i = 0; i < this.sides; i++) {\r\n            const theta = i * step - Math.PI / 2;\r\n            const px = cx + this.x + r * Math.cos(theta);\r\n            const py = cy + this.y + r * Math.sin(theta);\r\n\r\n            if (i === 0) ctx.moveTo(px, py);\r\n            else ctx.lineTo(px, py);\r\n        }\r\n        ctx.closePath();\r\n\r\n        ctx.fillStyle = this.color;\r\n        ctx.fill();\r\n    }\r\n\r\n    constructor(options?: RegularShapeOptions) {\r\n        super(options);\r\n        this.sides = options?.sides ?? 5;\r\n        this.radius = options?.radius ?? 5;\r\n        this.color = options?.color ?? 'black';\r\n        this.draw();\r\n    }\r\n\r\n}"],"mappings":"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","names":["index_exports","__export","Engine","Oval","Rectangle","RegularShape","Sprite","canvas","ctx","index_default","setAspectRatio","setScale","__toCommonJS","canvas","ctx","ratio","scale","setScale","newScale","setAspectRatio","newAspectRatio","Sprite","Engine","options","deg","rad","steps","dir","x","y","dX","dY","ms","resolve","Engine","_Engine","sprite","ctx","canvas","Rectangle","Sprite","ctx","canvas","options","Oval","Sprite","ctx","options","RegularShape","Sprite","r","step","cx","canvas","cy","ctx","i","theta","px","py","options","TScratch","Engine","Sprite","Rectangle","Oval","RegularShape","setScale","setAspectRatio","canvas","ctx","index_default"]}
+{"version":3,"sources":["../src/index.ts","../src/canvas.ts","../src/Sprite.ts","../src/Engine.ts","../src/Rectangle.ts","../src/Oval.ts","../src/RegularShape.ts"],"sourcesContent":["import Engine from './Engine.ts';\r\nimport Sprite from './Sprite.ts';\r\nimport Rectangle from './Rectangle.ts';\r\nimport Oval from './Oval.ts';\r\nimport RegularShape from './RegularShape.ts';\r\nimport { setScale, setAspectRatio, canvas, ctx } from './canvas.ts';\r\n\r\nconst TScratch = {\r\n    // Main\r\n    Engine,\r\n    Sprite,\r\n\r\n    // Sprites\r\n    Rectangle,\r\n    Oval,\r\n    RegularShape,\r\n\r\n    // Canvas\r\n    setScale,\r\n    setAspectRatio,\r\n    canvas,\r\n    ctx\r\n};\r\n\r\nexport default TScratch;\r\nexport {\r\n    // Main\r\n    Engine,\r\n    Sprite,\r\n\r\n    // Sprites\r\n    Rectangle,\r\n    Oval,\r\n    RegularShape,\r\n    \r\n    // Canvas\r\n    setScale,\r\n    setAspectRatio,\r\n    canvas,\r\n    ctx\r\n};","export const canvas = document.getElementById('game-window') as HTMLCanvasElement;\r\nexport const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\r\n\r\nlet ratio: number = 16 / 9;\r\nlet scale: number;\r\n\r\nexport function setScale(newScale: number) {\r\n    scale = newScale;\r\n    canvas.width = ratio * scale;\r\n    canvas.height = scale;\r\n}\r\n\r\nexport function setAspectRatio(newAspectRatio: number) {\r\n    ratio = newAspectRatio;\r\n    canvas.width = ratio * scale;\r\n    canvas.height = scale;\r\n}\r\n\r\nsetScale(500);","import Engine from './Engine.ts';\r\n\r\nexport interface SpriteOptions {\r\n    x?: number;\r\n    y?: number;\r\n    dir?: number;\r\n};\r\n\r\nexport default abstract class Sprite {\r\n\r\n    public x: number;\r\n    public y: number;\r\n    public dir: number;\r\n\r\n    // Rendering\r\n\r\n    public abstract draw(): void;\r\n\r\n    protected refresh() {\r\n        Engine.init().refresh();\r\n    }\r\n\r\n    constructor(options?: SpriteOptions) {\r\n        this.x = options?.x ?? 0;\r\n        this.y = options?.y ?? 0;\r\n        this.dir = options?.dir ?? 90;\r\n    }\r\n\r\n    // Helpers\r\n\r\n    protected toRadians(deg: number) {\r\n        return deg * Math.PI / 180;\r\n    }\r\n\r\n    protected toDegrees(rad: number) {\r\n        return rad * 180 / Math.PI;\r\n    }\r\n\r\n    // Methods\r\n\r\n    // Motion\r\n    public move(steps: number) {\r\n        this.x += steps * Math.sin(this.toRadians(this.dir));\r\n        this.y -= steps * Math.cos(this.toRadians(this.dir));\r\n        this.refresh();\r\n    }\r\n\r\n    public turn(deg: number) {\r\n        this.dir += deg;\r\n        this.refresh();\r\n    }\r\n\r\n    public point(dir: number) {\r\n        this.dir = dir;\r\n        this.refresh();\r\n    }\r\n\r\n    public setX(x: number) {\r\n        this.x = x;\r\n        this.refresh();\r\n    }\r\n\r\n    public setY(y: number) {\r\n        this.y = y;\r\n        this.refresh();\r\n    }\r\n\r\n    public goTo(x: number, y: number) {\r\n        this.x = x;\r\n        this.y = y;\r\n        this.refresh();\r\n    }\r\n\r\n    public changeX(dX: number) {\r\n        this.x += dX;\r\n        this.refresh();\r\n    }\r\n\r\n    public changeY(dY: number) {\r\n        this.y -= dY;\r\n        this.refresh();\r\n    }\r\n\r\n    // Control\r\n    public async wait(ms: number): Promise<void> {\r\n        return new Promise(resolve => setTimeout(resolve, ms));\r\n    }\r\n\r\n}","import { canvas, ctx } from './canvas.ts';\r\nimport Sprite from './Sprite.ts';\r\n\r\nexport default class Engine {\r\n\r\n    private static instance: Engine;\r\n    private updateInterval: number | undefined;\r\n    private FPS: number = 24;\r\n    public loop: () => void = () => {};\r\n    public sprites: Sprite[] = [];\r\n\r\n    public static init() {\r\n        if (!this.instance) {\r\n            this.instance = new Engine();\r\n        }\r\n        return this.instance;\r\n    }\r\n\r\n    public addSprites(...sprites: Sprite[]) {\r\n        this.sprites.push(...sprites);\r\n    }\r\n\r\n    public removeSprites(...sprites: Sprite[]) {\r\n        this.sprites = this.sprites.filter(s => !sprites.includes(s));\r\n    }\r\n\r\n    public setFramesPerSecond(FPS: number) {\r\n        this.FPS = FPS;\r\n        clearInterval(this.updateInterval);\r\n        this.updateInterval = setInterval(() => this.loop(), 1000 / this.FPS);\r\n    }\r\n\r\n    public refresh() {\r\n        ctx.fillStyle = 'white';\r\n        ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n\r\n        this.sprites.forEach(sprite => sprite.draw());\r\n    }\r\n\r\n    private constructor() {\r\n        this.setFramesPerSecond(24);\r\n    }\r\n\r\n}","import Sprite, { type SpriteOptions } from './Sprite.ts';\r\nimport { ctx, canvas } from './canvas.ts';\r\n\r\nexport interface RectangleOptions extends SpriteOptions {\r\n    width?: number;\r\n    height?: number;\r\n    color?: string;\r\n};\r\n\r\nexport default class Rectangle extends Sprite {\r\n\r\n    public width: number;\r\n    public height: number;\r\n    public color: string;\r\n\r\n    public draw(): void {\r\n        ctx.fillStyle = this.color;\r\n        ctx.fillRect(\r\n            this.x - this.width / 2 + canvas.width / 2,\r\n            this.y - this.height / 2 + canvas.height / 2,\r\n            this.width,\r\n            this.height\r\n        );\r\n    }\r\n\r\n    public setWidth(width: number) {\r\n        this.width = width;\r\n        this.refresh();\r\n    }\r\n\r\n    public setHeight(height: number) {\r\n        this.height = height;\r\n        this.refresh();\r\n    }\r\n\r\n    public setColor(color: string) {\r\n        this.color = color;\r\n        this.refresh();\r\n    }\r\n\r\n    constructor(options?: RectangleOptions) {\r\n        super(options);\r\n        this.width = options?.width ?? 50;\r\n        this.height = options?.height ?? 50;\r\n        this.color = options?.color ?? 'black';\r\n        this.draw();\r\n    }\r\n\r\n}","import Sprite, { type SpriteOptions } from './Sprite.ts';\r\nimport { ctx, canvas } from './canvas.ts';\r\n\r\nexport interface OvalOptions extends SpriteOptions {\r\n    radA?: number;\r\n    radB?: number;\r\n    color?: string;\r\n};\r\n\r\nexport default class Oval extends Sprite {\r\n\r\n    public radA: number;\r\n    public radB: number;\r\n    public color: string;\r\n\r\n    public draw(): void {\r\n        ctx.fillStyle = this.color;\r\n        ctx.beginPath()\r\n        ctx.ellipse(this.x, this.y, this.radA, this.radB, 0, 0, Math.PI * 2);\r\n        ctx.fill();\r\n    }\r\n\r\n    public setRadA(radA: number) {\r\n        this.radA = radA;\r\n        this.refresh();\r\n    }\r\n\r\n    public setRadB(radB: number) {\r\n        this.radB = radB;\r\n        this.refresh();\r\n    }\r\n\r\n    public setColor(color: string) {\r\n        this.color = color;\r\n        this.refresh();\r\n    }\r\n\r\n    constructor(options?: OvalOptions) {\r\n        super(options);\r\n        this.radA = options?.radA ?? 25;\r\n        this.radB = options?.radB ?? 25;\r\n        this.color = options?.color ?? 'black';\r\n        this.draw();\r\n    }\r\n\r\n}","import { canvas, ctx } from './canvas.ts';\r\nimport Sprite, { type SpriteOptions } from './Sprite.ts';\r\n\r\ninterface RegularShapeOptions extends SpriteOptions {\r\n    sides?: number;\r\n    radius?: number;\r\n    color?: string;\r\n}\r\n\r\nexport default class RegularShape extends Sprite {\r\n\r\n    public sides: number;\r\n    public radius: number;\r\n    public color: string;\r\n\r\n    public draw() {\r\n        const r = this.radius;\r\n        const step = (Math.PI * 2) / this.sides;\r\n        const cx = canvas.width / 2;\r\n        const cy = canvas.height / 2;\r\n\r\n        ctx.beginPath();\r\n        for (let i = 0; i < this.sides; i++) {\r\n            const theta = i * step - Math.PI / 2;\r\n            const px = cx + this.x + r * Math.cos(theta);\r\n            const py = cy + this.y + r * Math.sin(theta);\r\n\r\n            if (i === 0) ctx.moveTo(px, py);\r\n            else ctx.lineTo(px, py);\r\n        }\r\n        ctx.closePath();\r\n\r\n        ctx.fillStyle = this.color;\r\n        ctx.fill();\r\n    }\r\n\r\n    public setRadius(radius: number) {\r\n        this.radius = radius;\r\n        this.refresh();\r\n    }\r\n\r\n    public setColor(color: string) {\r\n        this.color = color;\r\n        this.refresh();\r\n    }\r\n\r\n    constructor(options?: RegularShapeOptions) {\r\n        super(options);\r\n        this.sides = options?.sides ?? 5;\r\n        this.radius = options?.radius ?? 50;\r\n        this.color = options?.color ?? 'black';\r\n        this.draw();\r\n    }\r\n\r\n}"],"mappings":"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","names":["index_exports","__export","Engine","Oval","Rectangle","RegularShape","Sprite","canvas","ctx","index_default","setAspectRatio","setScale","__toCommonJS","canvas","ctx","ratio","scale","setScale","newScale","setAspectRatio","newAspectRatio","Sprite","Engine","options","deg","rad","steps","dir","x","y","dX","dY","ms","resolve","Engine","_Engine","sprites","FPS","ctx","canvas","sprite","Rectangle","Sprite","ctx","canvas","width","height","color","options","Oval","Sprite","ctx","radA","radB","color","options","RegularShape","Sprite","r","step","cx","canvas","cy","ctx","i","theta","px","py","radius","color","options","TScratch","Engine","Sprite","Rectangle","Oval","RegularShape","setScale","setAspectRatio","canvas","ctx","index_default"]}

package/dist/index.d.cts

@@ -14,7 +14,7 @@ declare abstract class Sprite {
     protected toDegrees(rad: number): number;
     move(steps: number): void;
     turn(deg: number): void;
-    pointInDirection(dir: number): void;
+    point(dir: number): void;
     setX(x: number): void;
     setY(y: number): void;
     goTo(x: number, y: number): void;
@@ -25,12 +25,16 @@ declare abstract class Sprite {
 
 declare class Engine {
     private static instance;
+    private updateInterval;
+    private FPS;
     loop: () => void;
     sprites: Sprite[];
     static init(): Engine;
-    private constructor();
-    addSprite(sprite: Sprite): void;
+    addSprites(...sprites: Sprite[]): void;
+    removeSprites(...sprites: Sprite[]): void;
+    setFramesPerSecond(FPS: number): void;
     refresh(): void;
+    private constructor();
 }
 
 interface RectangleOptions extends SpriteOptions {
@@ -43,6 +47,9 @@ declare class Rectangle extends Sprite {
     height: number;
     color: string;
     draw(): void;
+    setWidth(width: number): void;
+    setHeight(height: number): void;
+    setColor(color: string): void;
     constructor(options?: RectangleOptions);
 }
 
@@ -56,6 +63,9 @@ declare class Oval extends Sprite {
     radB: number;
     color: string;
     draw(): void;
+    setRadA(radA: number): void;
+    setRadB(radB: number): void;
+    setColor(color: string): void;
     constructor(options?: OvalOptions);
 }
 
@@ -69,6 +79,8 @@ declare class RegularShape extends Sprite {
     radius: number;
     color: string;
     draw(): void;
+    setRadius(radius: number): void;
+    setColor(color: string): void;
     constructor(options?: RegularShapeOptions);
 }
 

package/dist/index.d.ts

@@ -14,7 +14,7 @@ declare abstract class Sprite {
     protected toDegrees(rad: number): number;
     move(steps: number): void;
     turn(deg: number): void;
-    pointInDirection(dir: number): void;
+    point(dir: number): void;
     setX(x: number): void;
     setY(y: number): void;
     goTo(x: number, y: number): void;
@@ -25,12 +25,16 @@ declare abstract class Sprite {
 
 declare class Engine {
     private static instance;
+    private updateInterval;
+    private FPS;
     loop: () => void;
     sprites: Sprite[];
     static init(): Engine;
-    private constructor();
-    addSprite(sprite: Sprite): void;
+    addSprites(...sprites: Sprite[]): void;
+    removeSprites(...sprites: Sprite[]): void;
+    setFramesPerSecond(FPS: number): void;
     refresh(): void;
+    private constructor();
 }
 
 interface RectangleOptions extends SpriteOptions {
@@ -43,6 +47,9 @@ declare class Rectangle extends Sprite {
     height: number;
     color: string;
     draw(): void;
+    setWidth(width: number): void;
+    setHeight(height: number): void;
+    setColor(color: string): void;
     constructor(options?: RectangleOptions);
 }
 
@@ -56,6 +63,9 @@ declare class Oval extends Sprite {
     radB: number;
     color: string;
     draw(): void;
+    setRadA(radA: number): void;
+    setRadB(radB: number): void;
+    setColor(color: string): void;
     constructor(options?: OvalOptions);
 }
 
@@ -69,6 +79,8 @@ declare class RegularShape extends Sprite {
     radius: number;
     color: string;
     draw(): void;
+    setRadius(radius: number): void;
+    setColor(color: string): void;
     constructor(options?: RegularShapeOptions);
 }
 

package/dist/index.js

@@ -1,2 +1,2 @@
-var e=document.getElementById("game-window"),i=e.getContext("2d"),u=16/9,n;function d(s){n=s,e.width=u*n,e.height=n}function x(s){u=s,e.width=u*n,e.height=n}d(500);var r=class{x;y;dir;refresh(){o.init().refresh()}constructor(t){this.x=t?.x??0,this.y=t?.y??0,this.dir=t?.dir??90}toRadians(t){return t*Math.PI/180}toDegrees(t){return t*180/Math.PI}move(t){this.x+=t*Math.sin(this.toRadians(this.dir)),this.y-=t*Math.cos(this.toRadians(this.dir)),this.refresh()}turn(t){this.dir+=t,this.refresh()}pointInDirection(t){this.dir=t,this.refresh()}setX(t){this.x=t,this.refresh()}setY(t){this.y=t,this.refresh()}goTo(t,h){this.x=t,this.y=h,this.refresh()}changeX(t){this.x+=t,this.refresh()}changeY(t){this.y-=t,this.refresh()}async wait(t){return new Promise(h=>setTimeout(h,t))}};var o=class s{static instance;loop=()=>{};sprites=[];static init(){return this.instance||(this.instance=new s),this.instance}constructor(){setInterval(()=>this.loop(),1e3/8)}addSprite(t){this.sprites.push(t)}refresh(){i.fillStyle="white",i.fillRect(0,0,e.width,e.height),this.sprites.forEach(t=>t.draw())}};var c=class extends r{width;height;color;draw(){i.fillStyle=this.color,i.fillRect(this.x-this.width/2+e.width/2,this.y-this.height/2+e.height/2,this.width,this.height)}constructor(t){super(t),this.width=t?.width??50,this.height=t?.height??50,this.color=t?.color??"black",this.draw()}};var a=class extends r{radA;radB;color;draw(){i.fillStyle=this.color,i.beginPath(),i.ellipse(this.x,this.y,this.radA,this.radB,0,0,Math.PI*2),i.fill()}constructor(t){super(t),this.radA=t?.radA??25,this.radB=t?.radB??25,this.color=t?.color??"black",this.draw()}};var p=class extends r{sides;radius;color;draw(){let t=this.radius,h=Math.PI*2/this.sides,g=e.width/2,w=e.height/2;i.beginPath();for(let l=0;l<this.sides;l++){let m=l*h-Math.PI/2,b=g+this.x+t*Math.cos(m),f=w+this.y+t*Math.sin(m);l===0?i.moveTo(b,f):i.lineTo(b,f)}i.closePath(),i.fillStyle=this.color,i.fill()}constructor(t){super(t),this.sides=t?.sides??5,this.radius=t?.radius??5,this.color=t?.color??"black",this.draw()}};var S={Engine:o,Sprite:r,Rectangle:c,Oval:a,RegularShape:p,setScale:d,setAspectRatio:x,canvas:e,ctx:i},J=S;export{o as Engine,a as Oval,c as Rectangle,p as RegularShape,r as Sprite,e as canvas,i as ctx,J as default,x as setAspectRatio,d as setScale};
+var i=document.getElementById("game-window"),e=i.getContext("2d"),u=16/9,o;function d(s){o=s,i.width=u*o,i.height=o}function x(s){u=s,i.width=u*o,i.height=o}d(500);var r=class{x;y;dir;refresh(){n.init().refresh()}constructor(t){this.x=t?.x??0,this.y=t?.y??0,this.dir=t?.dir??90}toRadians(t){return t*Math.PI/180}toDegrees(t){return t*180/Math.PI}move(t){this.x+=t*Math.sin(this.toRadians(this.dir)),this.y-=t*Math.cos(this.toRadians(this.dir)),this.refresh()}turn(t){this.dir+=t,this.refresh()}point(t){this.dir=t,this.refresh()}setX(t){this.x=t,this.refresh()}setY(t){this.y=t,this.refresh()}goTo(t,h){this.x=t,this.y=h,this.refresh()}changeX(t){this.x+=t,this.refresh()}changeY(t){this.y-=t,this.refresh()}async wait(t){return new Promise(h=>setTimeout(h,t))}};var n=class s{static instance;updateInterval;FPS=24;loop=()=>{};sprites=[];static init(){return this.instance||(this.instance=new s),this.instance}addSprites(...t){this.sprites.push(...t)}removeSprites(...t){this.sprites=this.sprites.filter(h=>!t.includes(h))}setFramesPerSecond(t){this.FPS=t,clearInterval(this.updateInterval),this.updateInterval=setInterval(()=>this.loop(),1e3/this.FPS)}refresh(){e.fillStyle="white",e.fillRect(0,0,i.width,i.height),this.sprites.forEach(t=>t.draw())}constructor(){this.setFramesPerSecond(24)}};var c=class extends r{width;height;color;draw(){e.fillStyle=this.color,e.fillRect(this.x-this.width/2+i.width/2,this.y-this.height/2+i.height/2,this.width,this.height)}setWidth(t){this.width=t,this.refresh()}setHeight(t){this.height=t,this.refresh()}setColor(t){this.color=t,this.refresh()}constructor(t){super(t),this.width=t?.width??50,this.height=t?.height??50,this.color=t?.color??"black",this.draw()}};var a=class extends r{radA;radB;color;draw(){e.fillStyle=this.color,e.beginPath(),e.ellipse(this.x,this.y,this.radA,this.radB,0,0,Math.PI*2),e.fill()}setRadA(t){this.radA=t,this.refresh()}setRadB(t){this.radB=t,this.refresh()}setColor(t){this.color=t,this.refresh()}constructor(t){super(t),this.radA=t?.radA??25,this.radB=t?.radB??25,this.color=t?.color??"black",this.draw()}};var l=class extends r{sides;radius;color;draw(){let t=this.radius,h=Math.PI*2/this.sides,g=i.width/2,S=i.height/2;e.beginPath();for(let p=0;p<this.sides;p++){let b=p*h-Math.PI/2,m=g+this.x+t*Math.cos(b),f=S+this.y+t*Math.sin(b);p===0?e.moveTo(m,f):e.lineTo(m,f)}e.closePath(),e.fillStyle=this.color,e.fill()}setRadius(t){this.radius=t,this.refresh()}setColor(t){this.color=t,this.refresh()}constructor(t){super(t),this.sides=t?.sides??5,this.radius=t?.radius??50,this.color=t?.color??"black",this.draw()}};var v={Engine:n,Sprite:r,Rectangle:c,Oval:a,RegularShape:l,setScale:d,setAspectRatio:x,canvas:i,ctx:e},G=v;export{n as Engine,a as Oval,c as Rectangle,l as RegularShape,r as Sprite,i as canvas,e as ctx,G as default,x as setAspectRatio,d as setScale};
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/canvas.ts","../src/Sprite.ts","../src/Engine.ts","../src/Rectangle.ts","../src/Oval.ts","../src/RegularShape.ts","../src/index.ts"],"sourcesContent":["export const canvas = document.getElementById('game-window') as HTMLCanvasElement;\r\nexport const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\r\n\r\nlet ratio: number = 16 / 9;\r\nlet scale: number;\r\n\r\nexport function setScale(newScale: number) {\r\n    scale = newScale;\r\n    canvas.width = ratio * scale;\r\n    canvas.height = scale;\r\n}\r\n\r\nexport function setAspectRatio(newAspectRatio: number) {\r\n    ratio = newAspectRatio;\r\n    canvas.width = ratio * scale;\r\n    canvas.height = scale;\r\n}\r\n\r\nsetScale(500);","import Engine from './Engine.ts';\r\n\r\nexport interface SpriteOptions {\r\n    x?: number;\r\n    y?: number;\r\n    dir?: number;\r\n};\r\n\r\nexport default abstract class Sprite {\r\n\r\n    public x: number;\r\n    public y: number;\r\n    public dir: number;\r\n\r\n    // Rendering\r\n\r\n    public abstract draw(): void;\r\n\r\n    protected refresh() {\r\n        Engine.init().refresh();\r\n    }\r\n\r\n    constructor(options?: SpriteOptions) {\r\n        this.x = options?.x ?? 0;\r\n        this.y = options?.y ?? 0;\r\n        this.dir = options?.dir ?? 90;\r\n    }\r\n\r\n    // Helpers\r\n\r\n    protected toRadians(deg: number) {\r\n        return deg * Math.PI / 180;\r\n    }\r\n\r\n    protected toDegrees(rad: number) {\r\n        return rad * 180 / Math.PI;\r\n    }\r\n\r\n    // Methods\r\n\r\n    // Motion\r\n    public move(steps: number) {\r\n        this.x += steps * Math.sin(this.toRadians(this.dir));\r\n        this.y -= steps * Math.cos(this.toRadians(this.dir));\r\n        this.refresh();\r\n    }\r\n\r\n    public turn(deg: number) {\r\n        this.dir += deg;\r\n        this.refresh();\r\n    }\r\n\r\n    public pointInDirection(dir: number) {\r\n        this.dir = dir;\r\n        this.refresh();\r\n    }\r\n\r\n    public setX(x: number) {\r\n        this.x = x;\r\n        this.refresh();\r\n    }\r\n\r\n    public setY(y: number) {\r\n        this.y = y;\r\n        this.refresh();\r\n    }\r\n\r\n    public goTo(x: number, y: number) {\r\n        this.x = x;\r\n        this.y = y;\r\n        this.refresh();\r\n    }\r\n\r\n    public changeX(dX: number) {\r\n        this.x += dX;\r\n        this.refresh();\r\n    }\r\n\r\n    public changeY(dY: number) {\r\n        this.y -= dY;\r\n        this.refresh();\r\n    }\r\n\r\n    // Control\r\n    public async wait(ms: number): Promise<void> {\r\n        return new Promise(resolve => setTimeout(resolve, ms));\r\n    }\r\n\r\n}","import { canvas, ctx } from './canvas.ts';\r\nimport Sprite from './Sprite.ts';\r\n\r\nexport default class Engine {\r\n\r\n    private static instance: Engine;\r\n    public loop: () => void = () => {};\r\n    public sprites: Sprite[] = [];\r\n\r\n    public static init() {\r\n        if (!this.instance) {\r\n            this.instance = new Engine();\r\n        }\r\n        return this.instance;\r\n    }\r\n\r\n    private constructor() {\r\n        setInterval(() => this.loop(), 1000 / 8);\r\n    }\r\n\r\n    public addSprite(sprite: Sprite) {\r\n        this.sprites.push(sprite);\r\n    }\r\n\r\n    public refresh() {\r\n        ctx.fillStyle = 'white';\r\n        ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n\r\n        this.sprites.forEach(sprite => sprite.draw());\r\n    }\r\n\r\n}","import Sprite, { type SpriteOptions } from './Sprite.ts';\r\nimport { ctx, canvas } from './canvas.ts';\r\n\r\nexport interface RectangleOptions extends SpriteOptions {\r\n    width?: number;\r\n    height?: number;\r\n    color?: string;\r\n};\r\n\r\nexport default class Rectangle extends Sprite {\r\n\r\n    public width: number;\r\n    public height: number;\r\n    public color: string;\r\n\r\n    public draw(): void {\r\n        ctx.fillStyle = this.color;\r\n        ctx.fillRect(\r\n            this.x - this.width / 2 + canvas.width / 2,\r\n            this.y - this.height / 2 + canvas.height / 2,\r\n            this.width,\r\n            this.height\r\n        );\r\n    }\r\n\r\n    constructor(options?: RectangleOptions) {\r\n        super(options);\r\n        this.width = options?.width ?? 50;\r\n        this.height = options?.height ?? 50;\r\n        this.color = options?.color ?? 'black';\r\n        this.draw();\r\n    }\r\n\r\n}","import Sprite, { type SpriteOptions } from './Sprite.ts';\r\nimport { ctx, canvas } from './canvas.ts';\r\n\r\nexport interface OvalOptions extends SpriteOptions {\r\n    radA?: number;\r\n    radB?: number;\r\n    color?: string;\r\n};\r\n\r\nexport default class Oval extends Sprite {\r\n\r\n    public radA: number;\r\n    public radB: number;\r\n    public color: string;\r\n\r\n    public draw(): void {\r\n        ctx.fillStyle = this.color;\r\n        ctx.beginPath()\r\n        ctx.ellipse(this.x, this.y, this.radA, this.radB, 0, 0, Math.PI * 2);\r\n        ctx.fill();\r\n    }\r\n\r\n    constructor(options?: OvalOptions) {\r\n        super(options);\r\n        this.radA = options?.radA ?? 25;\r\n        this.radB = options?.radB ?? 25;\r\n        this.color = options?.color ?? 'black';\r\n        this.draw();\r\n    }\r\n\r\n}","import { canvas, ctx } from './canvas.ts';\r\nimport Sprite, { type SpriteOptions } from './Sprite.ts';\r\n\r\ninterface RegularShapeOptions extends SpriteOptions {\r\n    sides?: number;\r\n    radius?: number;\r\n    color?: string;\r\n}\r\n\r\nexport default class RegularShape extends Sprite {\r\n\r\n    public sides: number;\r\n    public radius: number;\r\n    public color: string;\r\n\r\n    public draw() {\r\n        const r = this.radius;\r\n        const step = (Math.PI * 2) / this.sides;\r\n        const cx = canvas.width / 2;\r\n        const cy = canvas.height / 2;\r\n\r\n        ctx.beginPath();\r\n        for (let i = 0; i < this.sides; i++) {\r\n            const theta = i * step - Math.PI / 2;\r\n            const px = cx + this.x + r * Math.cos(theta);\r\n            const py = cy + this.y + r * Math.sin(theta);\r\n\r\n            if (i === 0) ctx.moveTo(px, py);\r\n            else ctx.lineTo(px, py);\r\n        }\r\n        ctx.closePath();\r\n\r\n        ctx.fillStyle = this.color;\r\n        ctx.fill();\r\n    }\r\n\r\n    constructor(options?: RegularShapeOptions) {\r\n        super(options);\r\n        this.sides = options?.sides ?? 5;\r\n        this.radius = options?.radius ?? 5;\r\n        this.color = options?.color ?? 'black';\r\n        this.draw();\r\n    }\r\n\r\n}","import Engine from './Engine.ts';\r\nimport Sprite from './Sprite.ts';\r\nimport Rectangle from './Rectangle.ts';\r\nimport Oval from './Oval.ts';\r\nimport RegularShape from './RegularShape.ts';\r\nimport { setScale, setAspectRatio, canvas, ctx } from './canvas.ts';\r\n\r\nconst TScratch = {\r\n    // Main\r\n    Engine,\r\n    Sprite,\r\n\r\n    // Sprites\r\n    Rectangle,\r\n    Oval,\r\n    RegularShape,\r\n\r\n    // Canvas\r\n    setScale,\r\n    setAspectRatio,\r\n    canvas,\r\n    ctx\r\n};\r\n\r\nexport default TScratch;\r\nexport {\r\n    // Main\r\n    Engine,\r\n    Sprite,\r\n\r\n    // Sprites\r\n    Rectangle,\r\n    Oval,\r\n    RegularShape,\r\n    \r\n    // Canvas\r\n    setScale,\r\n    setAspectRatio,\r\n    canvas,\r\n    ctx\r\n};"],"mappings":"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","names":["canvas","ctx","ratio","scale","setScale","newScale","setAspectRatio","newAspectRatio","Sprite","Engine","options","deg","rad","steps","dir","x","y","dX","dY","ms","resolve","Engine","_Engine","sprite","ctx","canvas","Rectangle","Sprite","ctx","canvas","options","Oval","Sprite","ctx","options","RegularShape","Sprite","r","step","cx","canvas","cy","ctx","i","theta","px","py","options","TScratch","Engine","Sprite","Rectangle","Oval","RegularShape","setScale","setAspectRatio","canvas","ctx","index_default"]}
+{"version":3,"sources":["../src/canvas.ts","../src/Sprite.ts","../src/Engine.ts","../src/Rectangle.ts","../src/Oval.ts","../src/RegularShape.ts","../src/index.ts"],"sourcesContent":["export const canvas = document.getElementById('game-window') as HTMLCanvasElement;\r\nexport const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\r\n\r\nlet ratio: number = 16 / 9;\r\nlet scale: number;\r\n\r\nexport function setScale(newScale: number) {\r\n    scale = newScale;\r\n    canvas.width = ratio * scale;\r\n    canvas.height = scale;\r\n}\r\n\r\nexport function setAspectRatio(newAspectRatio: number) {\r\n    ratio = newAspectRatio;\r\n    canvas.width = ratio * scale;\r\n    canvas.height = scale;\r\n}\r\n\r\nsetScale(500);","import Engine from './Engine.ts';\r\n\r\nexport interface SpriteOptions {\r\n    x?: number;\r\n    y?: number;\r\n    dir?: number;\r\n};\r\n\r\nexport default abstract class Sprite {\r\n\r\n    public x: number;\r\n    public y: number;\r\n    public dir: number;\r\n\r\n    // Rendering\r\n\r\n    public abstract draw(): void;\r\n\r\n    protected refresh() {\r\n        Engine.init().refresh();\r\n    }\r\n\r\n    constructor(options?: SpriteOptions) {\r\n        this.x = options?.x ?? 0;\r\n        this.y = options?.y ?? 0;\r\n        this.dir = options?.dir ?? 90;\r\n    }\r\n\r\n    // Helpers\r\n\r\n    protected toRadians(deg: number) {\r\n        return deg * Math.PI / 180;\r\n    }\r\n\r\n    protected toDegrees(rad: number) {\r\n        return rad * 180 / Math.PI;\r\n    }\r\n\r\n    // Methods\r\n\r\n    // Motion\r\n    public move(steps: number) {\r\n        this.x += steps * Math.sin(this.toRadians(this.dir));\r\n        this.y -= steps * Math.cos(this.toRadians(this.dir));\r\n        this.refresh();\r\n    }\r\n\r\n    public turn(deg: number) {\r\n        this.dir += deg;\r\n        this.refresh();\r\n    }\r\n\r\n    public point(dir: number) {\r\n        this.dir = dir;\r\n        this.refresh();\r\n    }\r\n\r\n    public setX(x: number) {\r\n        this.x = x;\r\n        this.refresh();\r\n    }\r\n\r\n    public setY(y: number) {\r\n        this.y = y;\r\n        this.refresh();\r\n    }\r\n\r\n    public goTo(x: number, y: number) {\r\n        this.x = x;\r\n        this.y = y;\r\n        this.refresh();\r\n    }\r\n\r\n    public changeX(dX: number) {\r\n        this.x += dX;\r\n        this.refresh();\r\n    }\r\n\r\n    public changeY(dY: number) {\r\n        this.y -= dY;\r\n        this.refresh();\r\n    }\r\n\r\n    // Control\r\n    public async wait(ms: number): Promise<void> {\r\n        return new Promise(resolve => setTimeout(resolve, ms));\r\n    }\r\n\r\n}","import { canvas, ctx } from './canvas.ts';\r\nimport Sprite from './Sprite.ts';\r\n\r\nexport default class Engine {\r\n\r\n    private static instance: Engine;\r\n    private updateInterval: number | undefined;\r\n    private FPS: number = 24;\r\n    public loop: () => void = () => {};\r\n    public sprites: Sprite[] = [];\r\n\r\n    public static init() {\r\n        if (!this.instance) {\r\n            this.instance = new Engine();\r\n        }\r\n        return this.instance;\r\n    }\r\n\r\n    public addSprites(...sprites: Sprite[]) {\r\n        this.sprites.push(...sprites);\r\n    }\r\n\r\n    public removeSprites(...sprites: Sprite[]) {\r\n        this.sprites = this.sprites.filter(s => !sprites.includes(s));\r\n    }\r\n\r\n    public setFramesPerSecond(FPS: number) {\r\n        this.FPS = FPS;\r\n        clearInterval(this.updateInterval);\r\n        this.updateInterval = setInterval(() => this.loop(), 1000 / this.FPS);\r\n    }\r\n\r\n    public refresh() {\r\n        ctx.fillStyle = 'white';\r\n        ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n\r\n        this.sprites.forEach(sprite => sprite.draw());\r\n    }\r\n\r\n    private constructor() {\r\n        this.setFramesPerSecond(24);\r\n    }\r\n\r\n}","import Sprite, { type SpriteOptions } from './Sprite.ts';\r\nimport { ctx, canvas } from './canvas.ts';\r\n\r\nexport interface RectangleOptions extends SpriteOptions {\r\n    width?: number;\r\n    height?: number;\r\n    color?: string;\r\n};\r\n\r\nexport default class Rectangle extends Sprite {\r\n\r\n    public width: number;\r\n    public height: number;\r\n    public color: string;\r\n\r\n    public draw(): void {\r\n        ctx.fillStyle = this.color;\r\n        ctx.fillRect(\r\n            this.x - this.width / 2 + canvas.width / 2,\r\n            this.y - this.height / 2 + canvas.height / 2,\r\n            this.width,\r\n            this.height\r\n        );\r\n    }\r\n\r\n    public setWidth(width: number) {\r\n        this.width = width;\r\n        this.refresh();\r\n    }\r\n\r\n    public setHeight(height: number) {\r\n        this.height = height;\r\n        this.refresh();\r\n    }\r\n\r\n    public setColor(color: string) {\r\n        this.color = color;\r\n        this.refresh();\r\n    }\r\n\r\n    constructor(options?: RectangleOptions) {\r\n        super(options);\r\n        this.width = options?.width ?? 50;\r\n        this.height = options?.height ?? 50;\r\n        this.color = options?.color ?? 'black';\r\n        this.draw();\r\n    }\r\n\r\n}","import Sprite, { type SpriteOptions } from './Sprite.ts';\r\nimport { ctx, canvas } from './canvas.ts';\r\n\r\nexport interface OvalOptions extends SpriteOptions {\r\n    radA?: number;\r\n    radB?: number;\r\n    color?: string;\r\n};\r\n\r\nexport default class Oval extends Sprite {\r\n\r\n    public radA: number;\r\n    public radB: number;\r\n    public color: string;\r\n\r\n    public draw(): void {\r\n        ctx.fillStyle = this.color;\r\n        ctx.beginPath()\r\n        ctx.ellipse(this.x, this.y, this.radA, this.radB, 0, 0, Math.PI * 2);\r\n        ctx.fill();\r\n    }\r\n\r\n    public setRadA(radA: number) {\r\n        this.radA = radA;\r\n        this.refresh();\r\n    }\r\n\r\n    public setRadB(radB: number) {\r\n        this.radB = radB;\r\n        this.refresh();\r\n    }\r\n\r\n    public setColor(color: string) {\r\n        this.color = color;\r\n        this.refresh();\r\n    }\r\n\r\n    constructor(options?: OvalOptions) {\r\n        super(options);\r\n        this.radA = options?.radA ?? 25;\r\n        this.radB = options?.radB ?? 25;\r\n        this.color = options?.color ?? 'black';\r\n        this.draw();\r\n    }\r\n\r\n}","import { canvas, ctx } from './canvas.ts';\r\nimport Sprite, { type SpriteOptions } from './Sprite.ts';\r\n\r\ninterface RegularShapeOptions extends SpriteOptions {\r\n    sides?: number;\r\n    radius?: number;\r\n    color?: string;\r\n}\r\n\r\nexport default class RegularShape extends Sprite {\r\n\r\n    public sides: number;\r\n    public radius: number;\r\n    public color: string;\r\n\r\n    public draw() {\r\n        const r = this.radius;\r\n        const step = (Math.PI * 2) / this.sides;\r\n        const cx = canvas.width / 2;\r\n        const cy = canvas.height / 2;\r\n\r\n        ctx.beginPath();\r\n        for (let i = 0; i < this.sides; i++) {\r\n            const theta = i * step - Math.PI / 2;\r\n            const px = cx + this.x + r * Math.cos(theta);\r\n            const py = cy + this.y + r * Math.sin(theta);\r\n\r\n            if (i === 0) ctx.moveTo(px, py);\r\n            else ctx.lineTo(px, py);\r\n        }\r\n        ctx.closePath();\r\n\r\n        ctx.fillStyle = this.color;\r\n        ctx.fill();\r\n    }\r\n\r\n    public setRadius(radius: number) {\r\n        this.radius = radius;\r\n        this.refresh();\r\n    }\r\n\r\n    public setColor(color: string) {\r\n        this.color = color;\r\n        this.refresh();\r\n    }\r\n\r\n    constructor(options?: RegularShapeOptions) {\r\n        super(options);\r\n        this.sides = options?.sides ?? 5;\r\n        this.radius = options?.radius ?? 50;\r\n        this.color = options?.color ?? 'black';\r\n        this.draw();\r\n    }\r\n\r\n}","import Engine from './Engine.ts';\r\nimport Sprite from './Sprite.ts';\r\nimport Rectangle from './Rectangle.ts';\r\nimport Oval from './Oval.ts';\r\nimport RegularShape from './RegularShape.ts';\r\nimport { setScale, setAspectRatio, canvas, ctx } from './canvas.ts';\r\n\r\nconst TScratch = {\r\n    // Main\r\n    Engine,\r\n    Sprite,\r\n\r\n    // Sprites\r\n    Rectangle,\r\n    Oval,\r\n    RegularShape,\r\n\r\n    // Canvas\r\n    setScale,\r\n    setAspectRatio,\r\n    canvas,\r\n    ctx\r\n};\r\n\r\nexport default TScratch;\r\nexport {\r\n    // Main\r\n    Engine,\r\n    Sprite,\r\n\r\n    // Sprites\r\n    Rectangle,\r\n    Oval,\r\n    RegularShape,\r\n    \r\n    // Canvas\r\n    setScale,\r\n    setAspectRatio,\r\n    canvas,\r\n    ctx\r\n};"],"mappings":"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","names":["canvas","ctx","ratio","scale","setScale","newScale","setAspectRatio","newAspectRatio","Sprite","Engine","options","deg","rad","steps","dir","x","y","dX","dY","ms","resolve","Engine","_Engine","sprites","s","FPS","ctx","canvas","sprite","Rectangle","Sprite","ctx","canvas","width","height","color","options","Oval","Sprite","ctx","radA","radB","color","options","RegularShape","Sprite","r","step","cx","canvas","cy","ctx","i","theta","px","py","radius","color","options","TScratch","Engine","Sprite","Rectangle","Oval","RegularShape","setScale","setAspectRatio","canvas","ctx","index_default"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tscratch",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A Scratch-style game engine for TypeScript.",
   "main": "dist/index.cjs",
   "module": "dist/index.js",