made a simplified verson of the endCredits

Trystan-Schmits · Oct 29, 2023 · a2852f2 · a2852f2
1 parent a3c3e26
commit a2852f2
Show file tree

Hide file tree

Showing 3 changed files with 67 additions and 4 deletions.
diff --git a/_posts/2023-10-25-Game.md b/_posts/2023-10-25-Game.md
@@ -146,8 +146,6 @@ var fps = 24;
 var active = true;
 var currentFrame = 0;
 var sec = 0;
-
-
 function Room1frame(){
     currentFrame = (currentFrame+1)%fps;
     if (currentFrame == 0){sec+=1}
@@ -213,7 +211,7 @@ function start(){
     mainDisplay.draw(0);
     //play audio
     menuAudio.play();
-
+    
 
 
     // Run the game on click

diff --git a/_posts/2023-10-27-SimpilfiedEndCredits.md b/_posts/2023-10-27-SimpilfiedEndCredits.md
@@ -0,0 +1,66 @@
+---
+comments: False
+layout: post
+title: Ending Credits (Simpilified)
+description: For the end of the game
+type: tangibles
+courses: {'compsci': {'week': 6}}
+categories: ['C4.1']
+---
+
+<style>
+    .container {
+        display: block;
+        background-color: black;
+
+    }
+</style>
+<canvas id="credits" class="container" width="500px" height="400px"></canvas>
+<button id="startButton">Start</button>
+<audio id="audio" src="/Group/audio/2023-10-27-endingCredits.mp3" preload="auto"></audio>
+
+<script>
+    const canvas = document.getElementById("credits");
+    const ctx = canvas.getContext("2d");
+    ctx.save(); //for resetting the context later
+    var scrollY = 0;
+
+    // Credits Text
+    function text(text, yOffset, modifiers) {
+        ctx.restore();
+        if (modifiers == null){ //default
+            ctx.font = "14px Arial";
+            ctx.textAlign = "center"
+            ctx.fillStyle = "white";
+        }
+        else{ //if the object exists
+            for(const [key,value] of Object.entries(modifiers)){ //loop through entries
+                ctx[key]=value; //set the contexts change (ex:{fillStyle:"red"} will set ctx.fillStyle to red)
+            } 
+        }
+        ctx.fillText(text,canvas.width/2,scrollY-yOffset); //draw text at middle, and draw y with scroll and offset
+    };
+    function addText() { //Text,Offset
+        text("Created By", 0);
+        text("Sean Nakagawa", 50);
+        var gradient = ctx.createLinearGradient(0,0,canvas.width,canvas.height); //create a gradient starting top left, ending bottom right
+        gradient.addColorStop(0.25,"blue"); //add colors
+        gradient.addColorStop(.5,"white");
+        gradient.addColorStop(.75,"blue");
+        text("Trystan Schmits", 100, {font:"700 24px cursive",fillStyle:gradient});
+        text("Zafeer Ahmed", 150);
+        text("Spencer Lyons", 200);
+    };
+    var fps = 24;
+    function update() {
+        ctx.clearRect(0,0,canvas.width,canvas.height);
+        addText();
+        scrollY += 1;
+        setTimeout(requestAnimationFrame(update),1000/(fps));
+    };
+    startButton.addEventListener("click", function() {
+        startButton.style.display = "none";
+        audio.play();
+        update();
+    });
+</script>
diff --git a/_posts/2023-10-27-endCredits.md b/_posts/2023-10-27-endCredits.md
@@ -6,7 +6,6 @@ description: For the end of the game
 type: tangibles
 courses: {'compsci': {'week': 6}}
 categories: ['C4.1']
-permalink: /tangibles/credits
 ---
 
 <html>