init

lib/Sprite.ts

@@ -0,0 +1,46 @@
+export type Sprite = {
+	image: HTMLImageElement;
+	xFrames: number;
+	yFrames: number;
+	frameWidth: number;
+	frameHeight: number;
+	x: number;
+	y: number;
+};
+
+export function createSprite(
+	image: HTMLImageElement,
+	xFrames: number,
+	yFrames: number,
+): Sprite {
+	return {
+		image,
+		xFrames,
+		yFrames,
+		frameWidth: image.width / xFrames,
+		frameHeight: image.height / yFrames,
+		x: 0,
+		y: 0,
+	};
+}
+
+export function drawSprite(
+	ctx: CanvasRenderingContext2D,
+	sprite: Sprite,
+	x: number,
+	y: number,
+	width: number,
+	height: number,
+): void {
+	ctx.drawImage(
+		sprite.image,
+		sprite.x,
+		sprite.y,
+		sprite.frameWidth,
+		sprite.frameHeight,
+		x,
+		y,
+		width,
+		height,
+	);
+}