repl.it
@nicolaetiberius/

WackAChung

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • chungus.js
  • chungus.png
  • main.css
  • p5.js
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 <!DOCTYPE html>
<html>
    <head>
        <title>Whack-A-Chungus</title>
    
        <script src="p5.js"></script>
        <script src="chungus.js"></script>
        <link href="https://fonts.googleapis.com/css?family=Luckiest+Guy" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
        <link href="main.css" rel="stylesheet" type="text/css">
    </head>

    <body>
        
    <div id="header">
    
        <h2 id="headerTitle">Whack-A-Chungus!</h2>

        <div id="smallText">
            <p id="instructions">Click "Begin" when ready and try to whack all of the chunguses <br>as quickly as you can before time runs out!</p>

            <p > 
                <span id="timer">Time left: <span id="timerVar"></span></span>
                <span id="score">Your score:</span> <span id="playerScore">0</span>
            </p>
            

           
        </div>
    
         <button id="startButton" onclick="startGame();startTimer()">Begin!</button>
    </div>

    <div id="sketchContainer">
        <div id="sketch-holder">
        </div>
    </div>
    </body>
</html>
<!--https://medium.com/@kellylougheed/make-your-first-game-with-p5-js-38bfb308a671

https://w.trhou.se/ketl4go5ob
 ->
result
console