feat: racer-796

horpia · May 23, 2022 · 9a59f13 · 9a59f13
1 parent e957c32
commit 9a59f13
Show file tree

Hide file tree

Showing 114 changed files with 10,033 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -1,4 +1,5 @@
 ## Repo with misc stuff created by me
 
 - [Water Waves Effect](https://horpia.github.io/demo/water-waves-effect/)
-- [Smoke Effect](https://horpia.github.io/demo/smoke-effect/)
+- [Smoke Effect](https://horpia.github.io/demo/smoke-effect/)
+- [Game - Racer-796](https://horpia.github.io/demo/racer796/dist/)
diff --git a/racer796/dist/assets/ModernDOS8x14.woff2 b/racer796/dist/assets/ModernDOS8x14.woff2
diff --git a/racer796/dist/assets/ModernDOS8x8.woff2 b/racer796/dist/assets/ModernDOS8x8.woff2
diff --git a/racer796/dist/assets/build1.gif b/racer796/dist/assets/build1.gif
diff --git a/racer796/dist/assets/build10.gif b/racer796/dist/assets/build10.gif
diff --git a/racer796/dist/assets/build11.gif b/racer796/dist/assets/build11.gif
diff --git a/racer796/dist/assets/build12.gif b/racer796/dist/assets/build12.gif
diff --git a/racer796/dist/assets/build13.gif b/racer796/dist/assets/build13.gif
diff --git a/racer796/dist/assets/build14.gif b/racer796/dist/assets/build14.gif
diff --git a/racer796/dist/assets/build2.gif b/racer796/dist/assets/build2.gif
diff --git a/racer796/dist/assets/build3.gif b/racer796/dist/assets/build3.gif
diff --git a/racer796/dist/assets/build4.gif b/racer796/dist/assets/build4.gif
diff --git a/racer796/dist/assets/build5.gif b/racer796/dist/assets/build5.gif
diff --git a/racer796/dist/assets/build6.gif b/racer796/dist/assets/build6.gif
diff --git a/racer796/dist/assets/build7.gif b/racer796/dist/assets/build7.gif
diff --git a/racer796/dist/assets/build8.gif b/racer796/dist/assets/build8.gif
diff --git a/racer796/dist/assets/build9.gif b/racer796/dist/assets/build9.gif
diff --git a/racer796/dist/assets/button.png b/racer796/dist/assets/button.png
diff --git a/racer796/dist/assets/button2.png b/racer796/dist/assets/button2.png
diff --git a/racer796/dist/assets/coin.gif b/racer796/dist/assets/coin.gif
diff --git a/racer796/dist/assets/expl1.gif b/racer796/dist/assets/expl1.gif
diff --git a/racer796/dist/assets/finish.gif b/racer796/dist/assets/finish.gif
diff --git a/racer796/dist/assets/floor1.gif b/racer796/dist/assets/floor1.gif
diff --git a/racer796/dist/assets/joystick.png b/racer796/dist/assets/joystick.png
diff --git a/racer796/dist/assets/machine.png b/racer796/dist/assets/machine.png
diff --git a/racer796/dist/assets/machine2.png b/racer796/dist/assets/machine2.png
diff --git a/racer796/dist/assets/ship.gif b/racer796/dist/assets/ship.gif
diff --git a/racer796/dist/assets/ship2.gif b/racer796/dist/assets/ship2.gif
diff --git a/racer796/dist/assets/space-bg.gif b/racer796/dist/assets/space-bg.gif
diff --git a/racer796/dist/assets/station-bg.gif b/racer796/dist/assets/station-bg.gif
diff --git a/racer796/dist/index.html b/racer796/dist/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title></title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <script src="main.js?3"></script>
+</head>
+<body ondragstart="return false" style="margin: 0; background-color: #3a3a3a">
+<div id="cont"></div>
+</body>
+</html>
diff --git a/racer796/dist/main.js b/racer796/dist/main.js
diff --git a/racer796/package-lock.json b/racer796/package-lock.json
diff --git a/racer796/package.json b/racer796/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "racer796",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "webpack --config webpack.config.js",
+    "watch": "webpack --watch",
+    "start": "webpack serve"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "ts-loader": "^9.2.8",
+    "typescript": "^4.6.3",
+    "webpack": "^5.72.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.8.1"
+  }
+}
diff --git a/racer796/public/assets/ModernDOS8x14.woff2 b/racer796/public/assets/ModernDOS8x14.woff2
diff --git a/racer796/public/assets/ModernDOS8x8.woff2 b/racer796/public/assets/ModernDOS8x8.woff2
diff --git a/racer796/public/assets/build1.gif b/racer796/public/assets/build1.gif
diff --git a/racer796/public/assets/build10.gif b/racer796/public/assets/build10.gif
diff --git a/racer796/public/assets/build11.gif b/racer796/public/assets/build11.gif
diff --git a/racer796/public/assets/build12.gif b/racer796/public/assets/build12.gif
diff --git a/racer796/public/assets/build13.gif b/racer796/public/assets/build13.gif
diff --git a/racer796/public/assets/build14.gif b/racer796/public/assets/build14.gif
diff --git a/racer796/public/assets/build2.gif b/racer796/public/assets/build2.gif
diff --git a/racer796/public/assets/build3.gif b/racer796/public/assets/build3.gif
diff --git a/racer796/public/assets/build4.gif b/racer796/public/assets/build4.gif
diff --git a/racer796/public/assets/build5.gif b/racer796/public/assets/build5.gif
diff --git a/racer796/public/assets/build6.gif b/racer796/public/assets/build6.gif
diff --git a/racer796/public/assets/build7.gif b/racer796/public/assets/build7.gif
diff --git a/racer796/public/assets/build8.gif b/racer796/public/assets/build8.gif
diff --git a/racer796/public/assets/build9.gif b/racer796/public/assets/build9.gif
diff --git a/racer796/public/assets/button.png b/racer796/public/assets/button.png
diff --git a/racer796/public/assets/button2.png b/racer796/public/assets/button2.png
diff --git a/racer796/public/assets/coin.gif b/racer796/public/assets/coin.gif
diff --git a/racer796/public/assets/expl1.gif b/racer796/public/assets/expl1.gif
diff --git a/racer796/public/assets/finish.gif b/racer796/public/assets/finish.gif
diff --git a/racer796/public/assets/floor1.gif b/racer796/public/assets/floor1.gif
diff --git a/racer796/public/assets/joystick.png b/racer796/public/assets/joystick.png
diff --git a/racer796/public/assets/machine.png b/racer796/public/assets/machine.png
diff --git a/racer796/public/assets/machine2.png b/racer796/public/assets/machine2.png
diff --git a/racer796/public/assets/ship.gif b/racer796/public/assets/ship.gif
diff --git a/racer796/public/assets/ship2.gif b/racer796/public/assets/ship2.gif
diff --git a/racer796/public/assets/space-bg.gif b/racer796/public/assets/space-bg.gif
diff --git a/racer796/public/assets/station-bg.gif b/racer796/public/assets/station-bg.gif
diff --git a/racer796/public/index.html b/racer796/public/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title></title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <script src="main.js?3"></script>
+</head>
+<body ondragstart="return false" style="margin: 0; background-color: #3a3a3a">
+<div id="cont"></div>
+</body>
+</html>
diff --git a/racer796/src/assets-item.ts b/racer796/src/assets-item.ts
@@ -0,0 +1,3 @@
+export interface AssetsItem {
+	loadAssets(): Promise<void>;
+}
diff --git a/racer796/src/assets-loader.ts b/racer796/src/assets-loader.ts
@@ -0,0 +1,13 @@
+import {AssetsItem} from "game/assets-item";
+
+export class AssetsLoader {
+	private items: Set<AssetsItem> = new Set<AssetsItem>();
+
+	addItem(item: AssetsItem): void {
+		this.items.add(item);
+	}
+
+	async load(): Promise<void> {
+		await Promise.all(Array.from(this.items).map(item => item.loadAssets()));
+	}
+}
diff --git a/racer796/src/canvas.ts b/racer796/src/canvas.ts
@@ -0,0 +1,55 @@
+import {Renderable} from "game/renderable";
+import {CANVAS_HEIGHT, CANVAS_WIDTH, SCREEN_HEIGHT, SCREEN_WIDTH} from "game/config";
+import {UIElement} from "game/ui-element";
+
+export class Canvas implements UIElement {
+	private readonly displayCanvas: HTMLCanvasElement;
+	private readonly bufferCanvas: HTMLCanvasElement;
+	private readonly displayCtx: CanvasRenderingContext2D;
+	private readonly bufferCtx: CanvasRenderingContext2D;
+
+	constructor() {
+		this.displayCanvas = document.createElement('canvas');
+		this.displayCanvas.width = CANVAS_WIDTH;
+		this.displayCanvas.height = CANVAS_HEIGHT;
+
+		this.displayCtx = this.displayCanvas.getContext('2d', {alpha: false});
+		this.displayCtx.imageSmoothingEnabled = false;
+		// @ts-ignore
+		this.displayCtx.mozImageSmoothingEnabled = false;
+		// @ts-ignore
+		this.displayCtx.webkitImageSmoothingEnabled = false;
+
+		this.bufferCanvas = document.createElement('canvas');
+		this.bufferCanvas.width = SCREEN_WIDTH;
+		this.bufferCanvas.height = SCREEN_HEIGHT;
+		this.bufferCanvas.style.cssText = 'font-smooth: never;  -webkit-font-smoothing : none;';
+		this.bufferCtx = this.bufferCanvas.getContext('2d', {alpha: false});
+		this.bufferCtx.imageSmoothingEnabled = false;
+		// @ts-ignore
+		this.bufferCtx.mozImageSmoothingEnabled = false;
+		// @ts-ignore
+		this.bufferCtx.webkitImageSmoothingEnabled = false;
+	}
+
+	build(): void {
+	}
+
+	getElement(): HTMLElement {
+		return this.displayCanvas;
+	}
+
+	clear(): void {
+		this.bufferCtx.clearRect(0, 0, this.bufferCanvas.width, this.bufferCanvas.height);
+	}
+
+	draw(item: Renderable): void {
+		this.bufferCtx.save();
+		item.render(this.bufferCtx);
+		this.bufferCtx.restore();
+	}
+
+	finishFrame(): void {
+		this.displayCtx.drawImage(this.bufferCanvas, 0, 0, this.displayCanvas.width, this.displayCanvas.height);
+	}
+}