Ultimate-Particles/index.html at master · spotky1004/Ultimate-Particles · GitHub

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
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap" rel="stylesheet">
    <script src="./scripts/scriptLoader.js"></script>
    <link href="./index.css" rel="stylesheet">
    <link rel="icon" href="./favicon.ico">
    <title>Ultimate Particles</title>
  </head>
  <body style="background-color: #222;">
    <div id="infoUi" style="position: absolute; font-size: 5vh; color: #f5c542; font-weight: bolder; left: 1.5vw; top: 1vh; z-index: 2; text-shadow: 0.5vh 0.3vw 0 rgba(50, 50, 50, 0.4);">
      phase: 0
    </div>
    <div id="noControllTick" style="position: absolute; font-size: 5vh; color: #f5c542; font-weight: bolder; left: 1.5vw; top: 11vh; display: none; z-index: 2; text-shadow: 0.5vh 0.3vw 0 rgba(50, 50, 50, 0.4); height: 10vh;">
      c: 0/500
    </div>
    <div id="score" style="position: absolute; font-size: 5vh; color: #428df5; font-weight: bolder; left: 1.5vw; bottom: -3.5vh; z-index: 2; text-shadow: 0.5vh 0.3vw 0 rgba(50, 50, 50, 0.4); height: 10vh;">
      score: 0
    </div>
    <div id="info" style="position: absolute; font-size: 3vh; color: #5af542; font-weight: bolder; right: 1.5vw; bottom: -2vh; z-index: 2; text-shadow: 0.5vh 0.3vw 0 rgba(50, 50, 50, 0.4); opacity: 0;">
      info
    </div>
    <div id="worldChange" class="disabled" onclick="if(getScore() >= 1500 && screenState == 'main') {goExtra();} else if (getScore() >= 1500) {goMain();}">
      1500 score
    </div>
    <div id="canvasBorder" style=" z-index: 1;">
      <canvas id="canvas" width="300" height="300"></canvas>
    </div>
  </body>
</html>