From 2663b642e0ed9080fc8528dd32a7f85e58a8ec10 Mon Sep 17 00:00:00 2001
From: rsninja722 <jnick722547@gmail.com>
Date: Sat, 18 Apr 2020 17:05:26 -0400
Subject: [PATCH 1/5] new collision to reflect art work

---
 docs/assets/images/level.png    | Bin 0 -> 9401 bytes
 docs/assets/js/index.js         |   6 ++++--
 docs/assets/js/player/player.js |   2 +-
 docs/assets/js/world/level.js   |   2 +-
 docs/index.html                 |   2 +-
 5 files changed, 7 insertions(+), 5 deletions(-)
 create mode 100644 docs/assets/images/level.png

diff --git a/docs/assets/images/level.png b/docs/assets/images/level.png
new file mode 100644
index 0000000000000000000000000000000000000000..4af8de36186f092bdfa3f734665e12c29a916df1
GIT binary patch
literal 9401
zcmeAS@N?(olHy`uVBq!ia0y~yU_Zmaz&wG24JZ<`w>tqyaTa()7Besim4Gngy)^j>
z1_lKNPZ!6KiaBp?Z_H&5<Y9F@y<=0|&o{5HG%h@{pul>vQRUC3^}qMMmj~(xfsUVd
z<sd8u25A<cX<#sE=&;tkWrRA~-_-cF@TGH>_4jILFhj&9sEo2k!+?QdGz><=08}E3
zri0Ni7)=MGb>nEOV6-G0EeVHdNmz3B%(u2J#pk}UKnl7B75Qfn7J~}sC~Gtf7_g^<
z*xS%v<Gi%AZR!jk7)O&0_JA7AL?by|VA<q>u<>SFMurNB(QHD?<NyoqAAaEAeh~lD
zfE`ksDR_=xR(pAMd5^H80E=UQ$L}>i|9;&s#>~mTrn&7jNBNvj!E2#|f>a;Kgbg>=
z%$WI>lYv1~?+nx?51~;O)x%)dHb`2}nF$VUouWiONZNOplrYMob{JgRY6}kC7m&35
z;bf~NwB794G|KY4{tXx!55Au{^NmGpZZWWh2n2r!6ab&v!2#C-(!{{<!#HMi<bjNl
zhmu@=P|(-U0+s^$Z|8uT9SjU{^SJR&SN(yM74{jR#ykT<e8FhhLBmoLR(8zGgar5h
z7W}a@bS4-Fr%Uh2^&j7B%LGi=ATaOkoX>A}kA^q{)!Tc6GxiC&O5Hmnmw|yL9<&w!
zl0rs91{e;bsbe$@K-po~q=S3!e(&4v4$a{Q@{8%(#JOZ$JJ0w=NJeQT$N`?NelF{r
G5}E+w$D*hJ

literal 0
HcmV?d00001

diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js
index b288566..bc31443 100644
--- a/docs/assets/js/index.js
+++ b/docs/assets/js/index.js
@@ -3,7 +3,8 @@ var page_preloader = new Preloader();
 page_preloader.show(true);
 
 images = [
-    ""
+    "assets/images/",
+    "level.png"
 ];
 
 audio = [
@@ -68,7 +69,7 @@ function draw() {
             break;
         // playing
         case globalStates.playing:
-            camera.zoom = 2;
+            camera.zoom = 1;
             drawWorldBlocks();
             player.draw();
             break;
@@ -82,6 +83,7 @@ function draw() {
             break;
         //building - to be used only in development
         case globalStates.building:
+            imgIgnoreCutoff(sprites.level,0,0);
             buildDraw();
             break;
     }
diff --git a/docs/assets/js/player/player.js b/docs/assets/js/player/player.js
index 67490a5..aab8495 100644
--- a/docs/assets/js/player/player.js
+++ b/docs/assets/js/player/player.js
@@ -243,5 +243,5 @@ function distanceToLineSegment(lx1, ly1, lx2, ly2, px, py) {
 
 
 
-var player = new Player(500,100);
+var player = new Player(500,-100);
 
diff --git a/docs/assets/js/world/level.js b/docs/assets/js/world/level.js
index ae5e364..fe6f783 100644
--- a/docs/assets/js/world/level.js
+++ b/docs/assets/js/world/level.js
@@ -12,7 +12,7 @@ class block {
 }
 
 // create blocks
-var blockData = [631,407,590,461,316,427,40,420,277,447,40,380,238,466,40,340,199,486,40,300,161,507,40,260,121,527,40,220,82,545,40,180,-407,561,1300,150,-1000,350,120,570,-281,483,120,70,-191,481,35,35,878,145,95,776,734,172,195,76];
+var blockData = [942,-184,94,507,942,191,94,507,372,411,1054,67,-316,369,1214,152,-38,270,86,107,-166,243,125,127,238,320,45,127,273,284,45,127,309,248,45,127,341,215,45,127,377,179,45,127,412,143,45,127,450,107,45,127,603,105,285,196,777,27,285,196,-989,23,175,959,154,-441,2555,51];
 for (let i = 0, l = blockData.length; i < l; i += 4) {
     collisionRects.push(new block(blockData[i], blockData[i + 1], blockData[i + 2], blockData[i + 3]));
 }
diff --git a/docs/index.html b/docs/index.html
index 1408db0..e5212f0 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -37,7 +37,7 @@
         <script src="assets/js/utils.js"></script>
 
         <!-- Everything Else -->
-        <!-- <script src="assets/js/world/build.js"></script> -->
+        <script src="assets/js/world/build.js"></script>
         <script src="assets/js/world/level.js"></script>
 
         <script src="assets/js/player/leg.js"></script>

From 8b95cf8cc286be68d3f20d05aa8173e9dbbefa78 Mon Sep 17 00:00:00 2001
From: William <Wcmeathrel@gmail.com>
Date: Sat, 18 Apr 2020 17:31:37 -0400
Subject: [PATCH 2/5] no more flying

---
 docs/assets/js/player/player.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/docs/assets/js/player/player.js b/docs/assets/js/player/player.js
index 67490a5..ed5eba7 100644
--- a/docs/assets/js/player/player.js
+++ b/docs/assets/js/player/player.js
@@ -37,7 +37,8 @@ Player.prototype.update = function() {
     // select
     if (this.shouldMoveLeg) { 
         this.moveLeg();
-        if(mousePress[0]) {// if (collidingWithWorld({ x: curLeg.x2, y: curLeg.y2, w: 4, h: 4 })) {
+        if(mousePress[0] && collidingWithWorld({x: curLeg.x2, y: curLeg.y2, w:8, h:8})) {
+
             if (this.legSelected === "R") {
                 this.leftLeg.angle += pi;
             } else {

From 278f5393eaa07a7d003d4d4bb56d0a766f7fb6bf Mon Sep 17 00:00:00 2001
From: William <Wcmeathrel@gmail.com>
Date: Sat, 18 Apr 2020 18:55:20 -0400
Subject: [PATCH 3/5] Added Credits screen

---
 docs/assets/js/index.js                   |  7 +-
 docs/assets/js/titleScreen/titleScreen.js | 82 +++++++++++++++++++++++
 docs/index.html                           |  2 +-
 3 files changed, 87 insertions(+), 4 deletions(-)

diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js
index b288566..23a226a 100644
--- a/docs/assets/js/index.js
+++ b/docs/assets/js/index.js
@@ -18,13 +18,14 @@ var globalStates = {
     end: 4,
     building: 5
 };
-var globalState = globalStates.playing;
+var globalState = globalStates.titleScreen;
 
 function update() {
+        
     switch (globalState) {
         // title screen
         case globalStates.titleScreen:
-
+            handleTitleScreen();
             break;
         // level transition
         case globalStates.levelTransition:
@@ -60,7 +61,7 @@ function draw() {
     switch (globalState) {
         // title screen
         case globalStates.titleScreen:
-
+            drawTitleScreen();
             break;
         // level transition
         case globalStates.levelTransition:
diff --git a/docs/assets/js/titleScreen/titleScreen.js b/docs/assets/js/titleScreen/titleScreen.js
index e69de29..84be1a4 100644
--- a/docs/assets/js/titleScreen/titleScreen.js
+++ b/docs/assets/js/titleScreen/titleScreen.js
@@ -0,0 +1,82 @@
+var titleScreenState = "main"
+var cursor = mousePos;
+var timer = 0;
+
+function handleTitleScreen(){
+    
+    switch(titleScreenState){
+        
+        case("main"):
+            handleMainScreen();
+            break;
+        case("credits"):
+            handleCredits();
+            break;
+
+
+
+    }
+    
+    
+}
+
+
+function handleMainScreen(){
+    if(timer > 20){
+        if(rectpoint({x:415, y:200, w: 300, h: 50}, {x:cursor.x, y:cursor.y}) && mouseDown[0]){
+            globalStates = globalStates.playing;
+            timer = 0;
+        }
+        if(rectpoint({x:415, y:550, w: 300, h: 50}, {x:cursor.x, y:cursor.y}) && mouseDown[0]){
+            titleScreenState = "credits"
+            timer = 0;
+        }
+    }else{
+        timer++;
+    }
+}
+
+
+function handleCredits(){
+
+    if(timer > 20){
+        if(rectpoint({x:395, y:550, w: 140, h: 50}, {x:cursor.x, y:cursor.y}) && mouseDown[0]){
+            
+            titleScreenState = "main";
+            timer = 0;
+        }
+    }else{
+        timer++;
+    }
+    
+
+}
+
+
+
+function drawTitleScreen(){
+    
+    if(titleScreenState === "main"){
+        text("GAME TITLE HERE", 50, 50, "green", 8, 1000);
+        rect(415, 200, 300, 50, "green");
+        text("Play!", 355, 185, "white", 5, 150);
+
+        rect(415, 550, 300, 50, "green");
+        text("Credits", 325, 535, "white", 5, 150);
+    }
+
+    if(titleScreenState === "credits"){
+        text("CREDITS", 250, 50, "green", 8, 300);
+
+
+
+        rect(395, 550, 140, 50, "green");
+        text("Back", 345, 535, "white", 5, 150);
+
+    }
+
+
+
+
+
+}
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index 1408db0..63b8207 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -46,7 +46,7 @@
 
         <script src="assets/js/playing/playing.js"></script>
 
-        <!-- <script src="assets/js/titleScreen/titleScreen.js"></script> -->
+        <script src="assets/js/titleScreen/titleScreen.js"></script>
         <script src="assets/js/UI/ui.js"></script>
 
         <!-- Webpage -->

From 32b803443e5cff91869218723e3b782a24f1f05d Mon Sep 17 00:00:00 2001
From: William <Wcmeathrel@gmail.com>
Date: Sat, 18 Apr 2020 19:16:41 -0400
Subject: [PATCH 4/5] Added State Switching

---
 docs/assets/js/titleScreen/titleScreen.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/docs/assets/js/titleScreen/titleScreen.js b/docs/assets/js/titleScreen/titleScreen.js
index 84be1a4..3e8e08e 100644
--- a/docs/assets/js/titleScreen/titleScreen.js
+++ b/docs/assets/js/titleScreen/titleScreen.js
@@ -24,7 +24,7 @@ function handleTitleScreen(){
 function handleMainScreen(){
     if(timer > 20){
         if(rectpoint({x:415, y:200, w: 300, h: 50}, {x:cursor.x, y:cursor.y}) && mouseDown[0]){
-            globalStates = globalStates.playing;
+            globalState = globalStates.playing;
             timer = 0;
         }
         if(rectpoint({x:415, y:550, w: 300, h: 50}, {x:cursor.x, y:cursor.y}) && mouseDown[0]){
@@ -41,7 +41,6 @@ function handleCredits(){
 
     if(timer > 20){
         if(rectpoint({x:395, y:550, w: 140, h: 50}, {x:cursor.x, y:cursor.y}) && mouseDown[0]){
-            
             titleScreenState = "main";
             timer = 0;
         }

From 228768e3565aaa9abf907c56c02248bbf64be7f5 Mon Sep 17 00:00:00 2001
From: rsninja722 <jnick722547@gmail.com>
Date: Sat, 18 Apr 2020 20:14:09 -0400
Subject: [PATCH 5/5] angle fix and background

---
 docs/assets/images/level_2.png  | Bin 0 -> 9472 bytes
 docs/assets/js/index.js         |   6 ++++--
 docs/assets/js/player/player.js |   6 ++++--
 3 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 docs/assets/images/level_2.png

diff --git a/docs/assets/images/level_2.png b/docs/assets/images/level_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..b2bd9ef603f44e8c928fa992ee9e47ec18c43391
GIT binary patch
literal 9472
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

literal 0
HcmV?d00001

diff --git a/docs/assets/js/index.js b/docs/assets/js/index.js
index 4e738f9..7c59cf5 100644
--- a/docs/assets/js/index.js
+++ b/docs/assets/js/index.js
@@ -4,7 +4,8 @@ page_preloader.show(true);
 
 images = [
     "assets/images/",
-    "level.png"
+    "level.png",
+    "level_2.png"
 ];
 
 audio = [
@@ -72,6 +73,7 @@ function draw() {
         case globalStates.playing:
             camera.zoom = 1;
             drawWorldBlocks();
+            imgIgnoreCutoff(sprites.level_2,0,0,0,4,4);
             player.draw();
             break;
         // paused
@@ -84,7 +86,7 @@ function draw() {
             break;
         //building - to be used only in development
         case globalStates.building:
-            imgIgnoreCutoff(sprites.level,0,0);
+            
             buildDraw();
             break;
     }
diff --git a/docs/assets/js/player/player.js b/docs/assets/js/player/player.js
index 236a189..1d1e94b 100644
--- a/docs/assets/js/player/player.js
+++ b/docs/assets/js/player/player.js
@@ -96,17 +96,19 @@ Player.prototype.moveLeg = function(){
     // move selected leg towards mouse
 
     // console.log(curLeg.angle.toPrecision(5),pointTo(curLeg,target).toPrecision(5));
-    curLeg.angle = turn(curLeg.angle, pointTo(curLeg, target), constants.player.leg_speed);
+    var angleDif = turn(curLeg.angle, pointTo(curLeg, target), constants.player.leg_speed) - curLeg.angle;
+    curLeg.angle += angleDif;
     // var angle = pointTo(curLeg,target);
     curLeg.x2 = curLeg.x + curLeg.len * Math.cos(curLeg.angle);
     curLeg.y2 = curLeg.y + curLeg.len * Math.sin(curLeg.angle);
 
 
     // Collision
-    if(collidingWithWorld({x:curLeg.x2,y:curLeg.y2,w:4,h:4})){
+    if(collidingWithWorld({x:curLeg.x2,y:curLeg.y2,w:2,h:2})){
         this.collided = true;
         curLeg.x2 = lastX;
         curLeg.y2 = lastY;
+        curLeg.angle -= angleDif;
         return 0;
        
     }