Updated Infrastructure

Signed-off-by: Avior <florian.bouillon@delta-wings.net>

src/GameEngine/Renderer/ColorRenderer.ts

@@ -0,0 +1,24 @@
+import GameEngine from 'GameEngine'
+import Component2D from 'GameEngine/Component2D'
+import Renderer from '.'
+
+export default class ColorRenderer implements Renderer {
+
+	public constructor(
+		private component: Component2D,
+		private color: string
+	) {}
+
+	public async render(ge: GameEngine, ctx: CanvasRenderingContext2D) {
+		if (!this.component.pos) {
+			return
+		}
+		ctx.fillStyle = this.color
+		ctx.fillRect(
+			this.component.pos.x * (ge.caseSize[0]),
+			this.component.pos.y * (ge.caseSize[1]),
+			(this.component.width() ?? ge.caseSize[0]) * ge.caseSize[0],
+			(this.component.height() ?? ge.caseSize[1]) * ge.caseSize[1]
+		)
+	}
+}

src/GameEngine/Renderer/ImageRenderer.ts

@@ -0,0 +1,25 @@
+import GameEngine from 'GameEngine'
+import Asset from 'GameEngine/Asset'
+import Component2D from 'GameEngine/Component2D'
+import Renderer from '.'
+
+export default class ImageRenderer implements Renderer {
+
+	public constructor(
+		private component: Component2D,
+		private image: Asset
+	) {}
+
+	public async render(ge: GameEngine, ctx: CanvasRenderingContext2D) {
+		if (!this.component.pos) {
+			return
+		}
+		ctx.drawImage(
+			await this.image.get(),
+			this.component.pos.x * (ge.caseSize[0]),
+			this.component.pos.y * (ge.caseSize[1]),
+			(this.component.width() ?? ge.caseSize[0]) * ge.caseSize[0],
+			(this.component.height() ?? ge.caseSize[1]) * ge.caseSize[1]
+		)
+	}
+}

src/GameEngine/Renderer/TileRenderer.ts

@@ -0,0 +1,31 @@
+import GameEngine from 'GameEngine'
+import Component2D from 'GameEngine/Component2D'
+import Tileset from 'GameEngine/Tileset'
+import Renderer from '.'
+
+export default class TileRenderer implements Renderer {
+
+	public constructor(
+		private component: Component2D,
+		private tileset: Tileset,
+		private id: number
+	) {}
+
+	public async render(ge: GameEngine, ctx: CanvasRenderingContext2D) {
+		if (!this.component.pos) {
+			return
+		}
+		const {sx, sy} = this.tileset.getSourceData(this.id)
+		ctx.drawImage(
+			await this.tileset.asset.get(),
+			sx,
+			sy,
+			this.tileset.width(),
+			this.tileset.height(),
+			this.component.pos.x * (ge.caseSize[0]),
+			this.component.pos.y * (ge.caseSize[1]),
+			(this.component.width() ?? ge.caseSize[0]) * ge.caseSize[0],
+			(this.component.height() ?? ge.caseSize[1]) * ge.caseSize[1]
+		)
+	}
+}

src/GameEngine/Renderer/index.ts

@@ -0,0 +1,5 @@
+import GameEngine from 'GameEngine'
+
+export default interface Renderer {
+	render(ge: GameEngine, ctx: CanvasRenderingContext2D): Promise<void>
+}