Skip to content

Commit b6a2413

Browse files
StuhlStuhl
committed
WIP new api and demo
1 parent c8e3407 commit b6a2413

File tree

11 files changed

+1849
-132
lines changed

11 files changed

+1849
-132
lines changed

‎dist/index.18878ac0.js‎

Lines changed: 1022 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/index.18878ac0.js.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/index.69ee24ed.css‎

Lines changed: 39 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/index.69ee24ed.css.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/index.html‎

Lines changed: 26 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -2,78 +2,39 @@
22

33
<html>
44
<head>
5-
<script src="/index.6fe5fcda.js" defer=""></script>
6-
<link href="/index.2cdaf7bc.css" rel="stylesheet">
5+
<script src="/index.18878ac0.js" defer=""></script>
6+
<link href="/index.69ee24ed.css" rel="stylesheet">
77
</head>
88

99
<body>
1010
<div class="container">
11-
<canvas id="game-canvas"></canvas>
11+
<canvas height="500" width="500" style="background-color: #000"></canvas>
1212
<div class="controls">
13-
<details open="">
14-
<summary>Player</summary>
15-
<div class="components">
16-
<div>
17-
<label class="label-header">Renderer</label>
18-
<input checked="" id="player-renderer" type="checkbox">
19-
<div id="player-renderer-container" class="detail-input">
20-
<label>Size</label>
21-
<input id="player-renderer-size" type="range" min="0" max="100" value="10">
22-
</div>
23-
</div>
24-
<div>
25-
<label class="label-header">Controls</label>
26-
<input checked="" id="player-controls" type="checkbox">
27-
<div id="player-controls-container" class="detail-input">
28-
<label>Speed (arrow keys to move)</label>
29-
<input id="player-controls-speed" value="2" type="range" min="0" max="10">
30-
<label>Run speed (hold Spacebar)</label>
31-
<input id="player-controls-run-speed" value="5" type="range" min="0" max="10">
32-
</div>
33-
</div>
13+
<div class="checkboxes">
14+
<div class="checkbox-container">
15+
<label>Gravity</label>
16+
<input type="checkbox">
3417
</div>
35-
<code id="player-code-snippet"></code>
36-
</details>
37-
<details open="">
38-
<summary>Enemy</summary>
39-
<div class="components">
40-
<div>
41-
<label class="label-header">Renderer</label>
42-
<input checked="" id="enemy-renderer" type="checkbox">
43-
<div id="enemy-renderer-container" class="detail-input">
44-
<label>Size</label>
45-
<input id="enemy-renderer-size" type="range" min="0" max="100" value="20">
46-
</div>
47-
</div>
48-
<div>
49-
<label class="label-header">Collision</label>
50-
<input checked="" id="enemy-collision" type="checkbox">
51-
</div>
52-
<div>
53-
<label class="label-header">Grow (on collision)</label>
54-
<input checked="" id="enemy-grow" type="checkbox">
55-
<div id="enemy-grow-container" class="detail-input">
56-
<label>Speed</label>
57-
<input id="enemy-grow-speed" value="0.1" type="range" min="0" max="10">
58-
<label>Max grow size</label>
59-
<input id="enemy-grow-maxSize" value="50" type="range" min="20" max="100">
60-
</div>
61-
</div>
62-
<div>
63-
<label class="label-header">Jitter (on collision)</label>
64-
<input checked="" id="enemy-jitter" type="checkbox">
65-
</div>
66-
<div>
67-
<label class="label-header">Color Flash (on collision)</label>
68-
<input checked="" id="enemy-color" type="checkbox">
69-
<div id="enemy-color-container" class="detail-input">
70-
<label>Speed (lower is faster)</label>
71-
<input id="enemy-color-speed" value="200" type="range" min="20" max="500">
72-
</div>
73-
</div>
18+
<div class="checkbox-container">
19+
<label>Collision</label>
20+
<input type="checkbox">
7421
</div>
75-
<code id="enemy-code-snippet"></code>
76-
</details>
22+
<div class="checkbox-container">
23+
<label>Jitter</label>
24+
<input type="checkbox">
25+
</div>
26+
</div>
27+
<div class="buttons">
28+
<button id="random-box-button">
29+
Add 1 random Box
30+
</button>
31+
<button id="random-box-button-50">
32+
Add 50 random Boxes
33+
</button>
34+
<button id="reset-button">
35+
Reset
36+
</button>
37+
</div>
7738
</div>
7839
</div>
7940
</body>

0 commit comments

Comments
 (0)