From 07670ef8afb5a273267ea7149d5f7eef02fdf66b Mon Sep 17 00:00:00 2001
From: Lizzy Hunt <lizzy.hunt@usu.edu>
Date: Fri, 12 Jan 2024 19:13:13 -0700
Subject: add subprojects

---
 centipede/js/game/graphics.js | 55 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)
 create mode 100644 centipede/js/game/graphics.js

(limited to 'centipede/js/game/graphics.js')

diff --git a/centipede/js/game/graphics.js b/centipede/js/game/graphics.js
new file mode 100644
index 0000000..3a0d7f9
--- /dev/null
+++ b/centipede/js/game/graphics.js
@@ -0,0 +1,55 @@
+game.graphics = (
+  (context) => {
+    context.imageSmoothingEnabled = false;
+    const clear = () => {
+      context.clearRect(0, 0, game.width, game.height);
+    };
+    
+    const Sprite = ({sheetSrc, spriteX, spriteY, spriteWidth, spriteHeight, timePerFrame, cols, rows, numFrames, drawFunction}) => {
+      timePerFrame = timePerFrame ?? 100;
+      numFrames = numFrames ?? 1;
+      cols = cols ?? numFrames;
+      rows = rows ?? 1;
+
+      let ready = false;
+
+      let image;
+      if (sheetSrc) {
+        image = new Image();
+        image.src = sheetSrc;
+        image.onload = () => { ready = true; };
+      }
+
+      let currentFrame = 0;
+      let lastTime = performance.now();
+
+      let draw;
+      if (!drawFunction) {
+        draw = (_elapsedTime, {x, y, rot, width, height}) => {
+
+          if (ready) {
+            if (numFrames > 1) {
+              if (performance.now()-lastTime > timePerFrame) {
+                lastTime = performance.now();
+                currentFrame = (currentFrame + 1) % numFrames;
+              }
+            }
+            context.save();
+            context.translate(x+width/2, y+height/2);
+            context.rotate(rot * Math.PI / 180);
+            context.translate(-x-width/2, -y-height/2);
+            const row = currentFrame % rows;
+            const col = Math.floor(currentFrame / rows);
+            context.drawImage(image, spriteX+col*spriteWidth, spriteY+row*spriteHeight, spriteWidth, spriteHeight, x, y, width, height);
+            context.restore();
+          }
+        };
+      } else {
+        draw = (elapsedTime, drawSpec) => drawFunction(elapsedTime, drawSpec, context);
+      }
+      return { draw, timePerFrame, numFrames };
+    }
+
+    return { clear, Sprite };
+  }
+)(document.getElementById("game-canvas").getContext("2d"));
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2