day one failures

c8b6e7b7 · Bye · c8b6e7b7 · c8b6e7b7 · c8b6e7b7 · c8b6e7b7
Commit c8b6e7b7 authored Aug 13, 2022 by Bye
--- a/assets/byemclogo.png
+++ b/assets/byemclogo.png
--- a/assets/favicon.aseprite
+++ b/assets/favicon.aseprite
--- a/assets/favicon2.aseprite
+++ b/assets/favicon2.aseprite
--- a/favicon.ico
+++ b/favicon.ico
--- a/game.js
+++ b/game.js
+/* 
+    For js13k 2022
+    Theme: death
+*/
+
+// Functions for my little game engine thing
+const log = (logType, msg) => {
+    console.log(`[${logType}] ${msg}`);
+}
+
+class Canvas {
+    constructor(id) {
+        this.canvas = document.getElementById(id);
+        this.ctx = this.canvas.getContext('2d');
+        this.width = this.canvas.width;
+        this.height = this.canvas.height;
+    }
+
+    fill(color) {
+        this.ctx.fillStyle = color;
+        this.ctx.fillRect(0, 0, this.width, this.height);
+    }
+
+    // Drawing
+    drawImg(img, x, y, w, h) {
+        this.ctx.drawImage(img, x, y, w, h);
+    }
+
+}
+
+// CONFIG
+const fontStack = 'system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif';
+
+// INIT CANVAS
+var canvas = new Canvas('gameCanvas');
+if (canvas.ctx == null) {
+    log('ERROR', 'Could not initialize canvas');
+    alert('Your browser doesn\'t support canvas. Most modern browsers support it, so please upgrade to IE 9 or newer.');
+}
+gameCtx = canvas.ctx;
+canvas.fill("#1c1c1c");
+
+// Logo and opening
+var logo = new Image();
+logo.src = 'assets/byemclogo.png';
+logo.onload = function() {
+    canvas.drawImg(logo, 0, 0, 128, 128);
+}
--- a/index.html
+++ b/index.html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Untitled Game 2022</title>
+    <style>
+        #gameCanvas {
+            display: block;
+            margin: auto;
+        }
+    </style>
+</head>
+<body>
+    
+    <canvas width="800" height="600" id="gameCanvas">
+    </canvas>
+
+    <script src="/game.js"></script>
+</body>
+</html>
\ No newline at end of file