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] 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 -->