Merge branch 'main' of https://github.com/Trystan-Schmits/Group

_includes/Documentation_basics.html

@@ -1,9 +1,9 @@
 <table>
     <tr>
         <td><img src="{{site.baseurl}}//images/lol_logo.png" height="60" title="Frontend" alt=""></td>
-        <td><a href="{{site.baseurl}}/GD/home">Home</a></td>
-        <td><a href="{{site.baseurl}}/{ENTER_URL}">Team_Documentation</a></td>
-        <td><a href="{{site.baseurl}}/{ENTER_URL}">Trystan</a></td>
+        <td><a href="{{site.baseurl}}/projectSummary/anatomy">Home</a></td>
+        <td><a href="{{site.baseurl}}/projectSummary/anatomy">Team Documentation/Anatomy</a></td>
+        <td><a href="{{site.baseurl}}/projectSummary/Trystan">Trystan</a></td>
         <td><a href="{{site.baseurl}}/Documentation/Zafeer">Zafeer</a></td>
         <td><a href="{{site.baseurl}}/projectSummary/Sean">Sean</a></td>
         <td><a href="{{site.baseurl}}/projectSummary/Spencer">Spencer</a></td>

_posts/2023-10-16-Anatomy.md

@@ -3,18 +3,28 @@ comments: False
 layout: post
 title: Anatomy
 description: How our game works
-type: tangibles
+type: hacks
 courses: {'compsci': {'week': 7}}
 categories: ['C4.1']
 permalink: projectSummary/anatomy
 ---
-{% include nav_basics.html %}
+{% include Documentation_basics.html %}
 
 # Introduction
 In our effort to learn, and do classwork, we as a team strived to make a basic game in js. While creating a project decideding and splitting work between each person is necesary. Each person had an important part in making the game and did different parts of the project.
 
-[Anatomy](/Group/projectSummary/anatomy) -this page <br>
-[Trystan](/Group/projectSummary/Trystan) -@Trystan-Schmits <br>
+[Trystan](/Group/projectSummary/Trystan) -Created most of the basic classes used within the game <br>
+[Spencer](/Group/projectSummary/Spencer) -Designed most of the story and did some coding, designed the main menu <br>
+[Sean](/Group/projectSummary/Sean) -Created a lot of the art, and did some coding <br>
+[Zafeer](/Group/Documentation/Zafeer) -Kept track of progress and drew a lot of art within the game, also did some coding
 
 # Anantomy
-![ClassDiagram](/Group/images/ClassDiagramv2.png)
+![ClassDiagram](/Group/images/ClassDiagramv2.png)
+This class Diagram shows how different parts of the game work together.
+- At the most basic level you the **object class**
+    - this class is what draws images to different places on the screen
+- Next major level you have the **subDisplay class** 
+    - this class holds a group of objects, and tells them when (and if wanted where) to draw the objects to the screen
+    - this classes draw function doesn't have to be used for objects to be drawn, you can still draw objects directly to the class' canvas, this is where the light function can be used.
+- Finally at the highest level you have the **Display class**
+    - this class is mainly for switching between what display you want to draw to the screen. For example you could have 2 rooms and switch between them depending on you actions.

_posts/2023-10-19-OverLap1.md

@@ -83,7 +83,7 @@ This code takes the two objects (character and door) from [The original code](ht
 3. Now that I know the collision code works, I went on to add the sprite and interaction with the boxes.
 
 ## Ekey
-
+First it creates an object called ekey; It would be positioned 
 Interaction with Ekey:
 There is an event listener added to the window for the 'keydown' event. When the 'E' key is pressed (key code 69), it checks for the overlap between the main character and a specific object (boxObject2 in this case). If an overlap is detected, it alters the scale of boxObject2, making it disappear.
 

_posts/2023-10-26-MiniGametest3.md

@@ -15,6 +15,8 @@ categories: ['C4.1']
     }
 </style>
 <canvas id="display" class="container" height="500px" width="500px"></canvas>
+<button id="startButton">Start</button>
+    <audio id="audio" src="/Group/audio/rainwindow.mp3" preload="auto"></audio>
 
 <script type="module">
 //import needed modules
@@ -195,5 +197,14 @@ function frame(){ //when a frame is updated
 //    lightObject.OverridePosition([e.offsetX-scale[0]/2,e.offsetY+scale[1]/2])
 //});
 
-frame();
+ let isCanvasCodeInitialized = false;
+// Add a click event listener to the button
+startButton.addEventListener("click", function () {
+    if (!isCanvasCodeInitialized) {
+        // Run the canvas code only when the button is clicked
+        audio.play();
+        frame();
+        isCanvasCodeInitialized = true;
+    }
+});
 </script>

_posts/2023-10-26-SeanProgress.md

@@ -8,7 +8,7 @@ courses: {'compsci': {'week': 7}}
 categories: ['C4.1']
 permalink: /projectSummary/Sean
 ---
-{% include nav_basics.html %}
+{% include Documentation_basics.html %}
 
 # Introduction
 I drew most of the art for the game using pixilart.com. I used the same website to create many of the sprite sheets for the game. 

_posts/2023-10-26-SpencerProgress.md

@@ -8,7 +8,7 @@ courses: {'compsci': {'week': 7}}
 categories: ['C4.1']
 permalink: /projectSummary/Spencer
 ---
-{% include nav_basics.html %}
+{% include Documentation_basics.html %}
 
 # Introduction
 - Art 

_posts/2023-10-26-TrystanProgress.md

@@ -8,7 +8,7 @@ courses: {'compsci': {'week': 7}}
 categories: ['C4.1']
 permalink: /projectSummary/Trystan
 ---
-{% include nav_basics.html %}
+{% include Documentation_basics.html %}
 
 # Introduction
 - Code <br>