@guinetik/gcanvas 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (217) hide show
  1. package/dist/gcanvas.es.js +25656 -0
  2. package/dist/gcanvas.es.min.js +1 -0
  3. package/dist/gcanvas.umd.js +1 -0
  4. package/dist/gcanvas.umd.min.js +1 -0
  5. package/package.json +23 -6
  6. package/src/game/objects/index.js +1 -0
  7. package/src/game/objects/spritesheet.js +260 -0
  8. package/src/game/ui/theme.js +6 -0
  9. package/src/io/keys.js +9 -1
  10. package/src/math/boolean.js +481 -0
  11. package/src/math/index.js +1 -0
  12. package/.github/workflows/release.yaml +0 -70
  13. package/.jshintrc +0 -4
  14. package/.vscode/settings.json +0 -22
  15. package/CLAUDE.md +0 -310
  16. package/blackhole.jpg +0 -0
  17. package/demo.png +0 -0
  18. package/demos/CNAME +0 -1
  19. package/demos/animations.html +0 -31
  20. package/demos/basic.html +0 -38
  21. package/demos/baskara.html +0 -31
  22. package/demos/bezier.html +0 -35
  23. package/demos/beziersignature.html +0 -29
  24. package/demos/blackhole.html +0 -28
  25. package/demos/blob.html +0 -35
  26. package/demos/coordinates.html +0 -698
  27. package/demos/cube3d.html +0 -23
  28. package/demos/demos.css +0 -303
  29. package/demos/dino.html +0 -42
  30. package/demos/easing.html +0 -28
  31. package/demos/events.html +0 -195
  32. package/demos/fluent.html +0 -647
  33. package/demos/fluid-simple.html +0 -22
  34. package/demos/fluid.html +0 -37
  35. package/demos/fractals.html +0 -36
  36. package/demos/gameobjects.html +0 -626
  37. package/demos/genart.html +0 -26
  38. package/demos/gendream.html +0 -26
  39. package/demos/group.html +0 -36
  40. package/demos/home.html +0 -587
  41. package/demos/index.html +0 -376
  42. package/demos/isometric.html +0 -34
  43. package/demos/js/animations.js +0 -452
  44. package/demos/js/basic.js +0 -204
  45. package/demos/js/baskara.js +0 -751
  46. package/demos/js/bezier.js +0 -692
  47. package/demos/js/beziersignature.js +0 -241
  48. package/demos/js/blackhole/accretiondisk.obj.js +0 -379
  49. package/demos/js/blackhole/blackhole.obj.js +0 -318
  50. package/demos/js/blackhole/index.js +0 -409
  51. package/demos/js/blackhole/particle.js +0 -56
  52. package/demos/js/blackhole/starfield.obj.js +0 -218
  53. package/demos/js/blob.js +0 -2276
  54. package/demos/js/coordinates.js +0 -840
  55. package/demos/js/cube3d.js +0 -789
  56. package/demos/js/dino.js +0 -1420
  57. package/demos/js/easing.js +0 -477
  58. package/demos/js/fluent.js +0 -183
  59. package/demos/js/fluid-simple.js +0 -253
  60. package/demos/js/fluid.js +0 -527
  61. package/demos/js/fractals.js +0 -931
  62. package/demos/js/fractalworker.js +0 -93
  63. package/demos/js/gameobjects.js +0 -176
  64. package/demos/js/genart.js +0 -268
  65. package/demos/js/gendream.js +0 -209
  66. package/demos/js/group.js +0 -140
  67. package/demos/js/info-toggle.js +0 -25
  68. package/demos/js/isometric.js +0 -863
  69. package/demos/js/kerr.js +0 -1556
  70. package/demos/js/lavalamp.js +0 -590
  71. package/demos/js/layout.js +0 -354
  72. package/demos/js/mondrian.js +0 -285
  73. package/demos/js/opacity.js +0 -275
  74. package/demos/js/painter.js +0 -484
  75. package/demos/js/particles-showcase.js +0 -514
  76. package/demos/js/particles.js +0 -299
  77. package/demos/js/patterns.js +0 -397
  78. package/demos/js/penrose/artifact.js +0 -69
  79. package/demos/js/penrose/blackhole.js +0 -121
  80. package/demos/js/penrose/constants.js +0 -73
  81. package/demos/js/penrose/game.js +0 -943
  82. package/demos/js/penrose/lore.js +0 -278
  83. package/demos/js/penrose/penrosescene.js +0 -892
  84. package/demos/js/penrose/ship.js +0 -216
  85. package/demos/js/penrose/sounds.js +0 -211
  86. package/demos/js/penrose/voidparticle.js +0 -55
  87. package/demos/js/penrose/voidscene.js +0 -258
  88. package/demos/js/penrose/voidship.js +0 -144
  89. package/demos/js/penrose/wormhole.js +0 -46
  90. package/demos/js/pipeline.js +0 -555
  91. package/demos/js/plane3d.js +0 -256
  92. package/demos/js/platformer.js +0 -1579
  93. package/demos/js/scene.js +0 -304
  94. package/demos/js/scenes.js +0 -320
  95. package/demos/js/schrodinger.js +0 -410
  96. package/demos/js/schwarzschild.js +0 -1023
  97. package/demos/js/shapes.js +0 -628
  98. package/demos/js/space/alien.js +0 -171
  99. package/demos/js/space/boom.js +0 -98
  100. package/demos/js/space/boss.js +0 -353
  101. package/demos/js/space/buff.js +0 -73
  102. package/demos/js/space/bullet.js +0 -102
  103. package/demos/js/space/constants.js +0 -85
  104. package/demos/js/space/game.js +0 -1884
  105. package/demos/js/space/hud.js +0 -112
  106. package/demos/js/space/laserbeam.js +0 -179
  107. package/demos/js/space/lightning.js +0 -277
  108. package/demos/js/space/minion.js +0 -192
  109. package/demos/js/space/missile.js +0 -212
  110. package/demos/js/space/player.js +0 -430
  111. package/demos/js/space/powerup.js +0 -90
  112. package/demos/js/space/starfield.js +0 -58
  113. package/demos/js/space/starpower.js +0 -90
  114. package/demos/js/spacetime.js +0 -559
  115. package/demos/js/sphere3d.js +0 -229
  116. package/demos/js/sprite.js +0 -473
  117. package/demos/js/svgtween.js +0 -204
  118. package/demos/js/tde/accretiondisk.js +0 -471
  119. package/demos/js/tde/blackhole.js +0 -219
  120. package/demos/js/tde/blackholescene.js +0 -209
  121. package/demos/js/tde/config.js +0 -59
  122. package/demos/js/tde/index.js +0 -820
  123. package/demos/js/tde/jets.js +0 -290
  124. package/demos/js/tde/lensedstarfield.js +0 -154
  125. package/demos/js/tde/tdestar.js +0 -297
  126. package/demos/js/tde/tidalstream.js +0 -372
  127. package/demos/js/tde_old/blackhole.obj.js +0 -354
  128. package/demos/js/tde_old/debris.obj.js +0 -791
  129. package/demos/js/tde_old/flare.obj.js +0 -239
  130. package/demos/js/tde_old/index.js +0 -448
  131. package/demos/js/tde_old/star.obj.js +0 -812
  132. package/demos/js/tiles.js +0 -312
  133. package/demos/js/tweendemo.js +0 -79
  134. package/demos/js/visibility.js +0 -102
  135. package/demos/kerr.html +0 -28
  136. package/demos/lavalamp.html +0 -27
  137. package/demos/layouts.html +0 -37
  138. package/demos/logo.svg +0 -4
  139. package/demos/loop.html +0 -84
  140. package/demos/mondrian.html +0 -32
  141. package/demos/og_image.png +0 -0
  142. package/demos/opacity.html +0 -36
  143. package/demos/painter.html +0 -39
  144. package/demos/particles-showcase.html +0 -28
  145. package/demos/particles.html +0 -24
  146. package/demos/patterns.html +0 -33
  147. package/demos/penrose-game.html +0 -31
  148. package/demos/pipeline.html +0 -737
  149. package/demos/plane3d.html +0 -24
  150. package/demos/platformer.html +0 -43
  151. package/demos/scene.html +0 -33
  152. package/demos/scenes.html +0 -96
  153. package/demos/schrodinger.html +0 -27
  154. package/demos/schwarzschild.html +0 -27
  155. package/demos/shapes.html +0 -16
  156. package/demos/space.html +0 -85
  157. package/demos/spacetime.html +0 -27
  158. package/demos/sphere3d.html +0 -24
  159. package/demos/sprite.html +0 -18
  160. package/demos/svgtween.html +0 -29
  161. package/demos/tde.html +0 -28
  162. package/demos/tiles.html +0 -28
  163. package/demos/transforms.html +0 -400
  164. package/demos/tween.html +0 -45
  165. package/demos/visibility.html +0 -33
  166. package/docs/README.md +0 -230
  167. package/docs/api/FluidSystem.md +0 -173
  168. package/docs/concepts/architecture-overview.md +0 -204
  169. package/docs/concepts/coordinate-system.md +0 -384
  170. package/docs/concepts/lifecycle.md +0 -255
  171. package/docs/concepts/rendering-pipeline.md +0 -279
  172. package/docs/concepts/shapes-vs-gameobjects.md +0 -187
  173. package/docs/concepts/tde-zorder.md +0 -106
  174. package/docs/concepts/two-layer-architecture.md +0 -229
  175. package/docs/fluid-dynamics.md +0 -99
  176. package/docs/getting-started/first-game.md +0 -354
  177. package/docs/getting-started/hello-world.md +0 -269
  178. package/docs/getting-started/installation.md +0 -175
  179. package/docs/modules/collision/README.md +0 -453
  180. package/docs/modules/fluent/README.md +0 -1075
  181. package/docs/modules/game/README.md +0 -303
  182. package/docs/modules/isometric-camera.md +0 -210
  183. package/docs/modules/isometric.md +0 -275
  184. package/docs/modules/painter/README.md +0 -328
  185. package/docs/modules/particle/README.md +0 -559
  186. package/docs/modules/shapes/README.md +0 -221
  187. package/docs/modules/shapes/base/euclidian.md +0 -123
  188. package/docs/modules/shapes/base/geometry2d.md +0 -204
  189. package/docs/modules/shapes/base/renderable.md +0 -215
  190. package/docs/modules/shapes/base/shape.md +0 -262
  191. package/docs/modules/shapes/base/transformable.md +0 -243
  192. package/docs/modules/shapes/hierarchy.md +0 -218
  193. package/docs/modules/state/README.md +0 -577
  194. package/docs/modules/util/README.md +0 -99
  195. package/docs/modules/util/camera3d.md +0 -412
  196. package/docs/modules/util/scene3d.md +0 -395
  197. package/index.html +0 -17
  198. package/jsdoc.json +0 -50
  199. package/scripts/build-demo.js +0 -69
  200. package/scripts/bundle4llm.js +0 -276
  201. package/scripts/clearconsole.js +0 -48
  202. package/test/math/orbital.test.js +0 -61
  203. package/test/math/tensor.test.js +0 -114
  204. package/test/particle/emitter.test.js +0 -204
  205. package/test/particle/particle-system.test.js +0 -310
  206. package/test/particle/particle.test.js +0 -116
  207. package/test/particle/updaters.test.js +0 -386
  208. package/test/setup.js +0 -120
  209. package/test/shapes/euclidian.test.js +0 -44
  210. package/test/shapes/geometry.test.js +0 -86
  211. package/test/shapes/group.test.js +0 -86
  212. package/test/shapes/rectangle.test.js +0 -64
  213. package/test/shapes/transform.test.js +0 -379
  214. package/test/util/camera3d.test.js +0 -428
  215. package/test/util/scene3d.test.js +0 -352
  216. package/vite.config.js +0 -50
  217. package/vitest.config.js +0 -13
package/demos/plane3d.html DELETED
@@ -1,24 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>Plane3D Showcase - GCanvas</title>
7
- <link rel="stylesheet" href="demos.css" />
8
- <script src="./js/info-toggle.js"></script>
9
- </head>
10
- <body>
11
- <div id="info">
12
- <strong>Plane3D Showcase</strong> — 3D plane rendering modes<br/>
13
- <span style="color:#CCC">
14
- <li>Solid Color (Canvas 2D rendering)</li>
15
- <li>Gradient (WebGL shader)</li>
16
- <li>Grid (WebGL shader)</li>
17
- <li>Drag to rotate camera</li>
18
- <li>Double-click to reset view</li>
19
- </span>
20
- </div>
21
- <canvas id="game"></canvas>
22
- <script type="module" src="./js/plane3d.js"></script>
23
- </body>
24
- </html>
package/demos/platformer.html DELETED
@@ -1,43 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>Tron Platformer - GCanvas Demo</title>
7
- <link rel="stylesheet" href="demos.css" />
8
- <script src="./js/info-toggle.js"></script>
9
- <style>
10
- /* Override for full immersion */
11
- body {
12
- background: #000;
13
- }
14
-
15
- canvas#game {
16
- width: 100vw;
17
- height: 100vh;
18
- }
19
-
20
- #info {
21
- background: rgba(0, 0, 0, 0.9);
22
- border-bottom: 1px solid #00ff00;
23
- }
24
-
25
- #info strong {
26
- color: #00ff00;
27
- }
28
- </style>
29
- </head>
30
- <body>
31
- <div id="info">
32
- <strong>NETRUNNER.exe</strong> — platformer demo<br/>
33
- <span style="color:#666">
34
- <li>ARROWS / WASD: move left/right</li>
35
- <li>SPACE / UP / W: jump</li>
36
- <li>stomp enemies • collect data orbs</li>
37
- <li>reach the portal to complete the level</li>
38
- </span>
39
- </div>
40
- <canvas id="game"></canvas>
41
- <script type="module" src="./js/platformer.js"></script>
42
- </body>
43
- </html>
package/demos/scene.html DELETED
@@ -1,33 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>gcanvas Scene System Demo</title>
8
- <link rel="stylesheet" href="demos.css" />
9
- <script src="./js/info-toggle.js"></script>
10
- </head>
11
-
12
- <body>
13
- <div id="info" class="light">
14
- <strong>Scene Demo</strong><br>
15
- <span>This demo shows how to layer game objects using <code>Scene</code>.<br />
16
- It also features the <code>Draggable</code> mix-in to allow dragging of game objects.<br>
17
- Click on a square to bring it to the front of the scene.<br>
18
- Drag the squares around the canvas.<br>
19
- </span>
20
- </div>
21
- <canvas id="game"></canvas>
22
- <script type="module">
23
- import { DemoGame } from "./js/scene.js";
24
- // Initialize the game
25
- window.addEventListener("load", () => {
26
- const canvas = document.getElementById("game");
27
- const game = new DemoGame(canvas);
28
- game.start();
29
- });
30
- </script>
31
- </body>
32
-
33
- </html>
package/demos/scenes.html DELETED
@@ -1,96 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Scenes Demo</title>
8
- <link rel="stylesheet" href="demos.css" />
9
- <script src="./js/info-toggle.js"></script>
10
- <style>
11
- #debug-toggle {
12
- position: absolute;
13
- bottom: 20px;
14
- left: 20px;
15
- z-index: 100;
16
- padding: 10px 20px;
17
- font-family: monospace;
18
- font-size: 14px;
19
- background: #333;
20
- color: #ff00ff;
21
- border: 2px solid #ff00ff;
22
- cursor: pointer;
23
- transition: all 0.2s ease;
24
- }
25
- #debug-toggle:hover {
26
- background: #ff00ff;
27
- color: #000;
28
- }
29
- #debug-toggle.active {
30
- background: #ff00ff;
31
- color: #000;
32
- }
33
- </style>
34
- </head>
35
-
36
- <body>
37
- <div id="info" class="light">
38
- <strong>Scenes Demo</strong> —
39
- A <code>Scene</code> is a container for <code>GameObjects</code> that provides its own coordinate system and transforms.
40
- Scenes can be nested inside other scenes, support z-ordering with <code>bringToFront()</code> and <code>sendToBack()</code>,
41
- and inherit from <code>GameObject</code> so they have full transform support (position, rotation, scale).
42
- Use scenes to organize game layers, UI panels, or any logical grouping of objects.
43
- </div>
44
- <button id="debug-toggle">Toggle Debug</button>
45
- <canvas id="game"></canvas>
46
- <script type="module">
47
- import { MyGame } from './js/scenes.js';
48
-
49
- window.addEventListener("load", () => {
50
- const canvas = document.getElementById("game");
51
- const game = new MyGame(canvas);
52
- game.start();
53
-
54
- // Debug toggle
55
- let debugEnabled = false;
56
- const debugBtn = document.getElementById("debug-toggle");
57
-
58
- debugBtn.addEventListener("click", () => {
59
- debugEnabled = !debugEnabled;
60
- debugBtn.classList.toggle("active", debugEnabled);
61
- debugBtn.textContent = debugEnabled ? "Debug: ON" : "Toggle Debug";
62
-
63
- // Toggle debug on all scenes recursively
64
- function toggleSceneDebug(scene) {
65
- if (scene._debug !== undefined) {
66
- scene._debug = debugEnabled;
67
- }
68
- if (scene.children) {
69
- scene.children.forEach(child => {
70
- if (child._debug !== undefined) {
71
- child._debug = debugEnabled;
72
- }
73
- // Check for nested scenes
74
- if (child.scene) toggleSceneDebug(child.scene);
75
- if (child.outerScene) toggleSceneDebug(child.outerScene);
76
- if (child.innerScene) toggleSceneDebug(child.innerScene);
77
- });
78
- }
79
- }
80
-
81
- // Toggle main scene and all nested scenes
82
- if (game.mainScene) {
83
- toggleSceneDebug(game.mainScene);
84
- // Also toggle on demo objects that have scenes
85
- game.mainScene.children.forEach(demo => {
86
- if (demo.scene) toggleSceneDebug(demo.scene);
87
- if (demo.outerScene) toggleSceneDebug(demo.outerScene);
88
- if (demo.innerScene) toggleSceneDebug(demo.innerScene);
89
- });
90
- }
91
- });
92
- });
93
- </script>
94
- </body>
95
-
96
- </html>
package/demos/schrodinger.html DELETED
@@ -1,27 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Math & Physics - Schrodinger Wave</title>
8
- <link rel="stylesheet" href="demos.css" />
9
- <script src="./js/info-toggle.js"></script>
10
- </head>
11
-
12
- <body>
13
- <div id="info">
14
- <strong>Gaussian Wave Packet</strong> — Quantum wave function visualization.<br/>
15
- <span style="color:#CCC">
16
- <li><code>3D Helix</code> — Complex wave shown as spiral (Re + Im).</li>
17
- <li><code>Envelope</code> — Gaussian bell curve (red) shows |Ψ|².</li>
18
- <li><code>Projection</code> — Blue wave on grid shows Re(Ψ).</li>
19
- <li><code>Drag</code> — Rotate the 3D view with mouse.</li>
20
- <li><code>Double-click</code> — Reset view and animation.</li>
21
- </span>
22
- </div>
23
- <canvas id="game"></canvas>
24
- <script type="module" src="./js/schrodinger.js"></script>
25
- </body>
26
-
27
- </html>
package/demos/schwarzschild.html DELETED
@@ -1,27 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Math & Physics - Schwarzschild Metric</title>
8
- <link rel="stylesheet" href="demos.css" />
9
- <script src="./js/info-toggle.js"></script>
10
- </head>
11
-
12
- <body>
13
- <div id="info">
14
- <strong>Schwarzschild Metric</strong> — General relativity with tensor math.<br/>
15
- <span style="color:#CCC">
16
- <li><code>Metric</code> — g<sub>μν</sub> tensor components shown live.</li>
17
- <li><code>Geodesic</code> — Test particle follows curved spacetime.</li>
18
- <li><code>Precession</code> — Orbit rotates (like Mercury).</li>
19
- <li><code>Click</code> — Shuffle mass and orbital parameters.</li>
20
- <li><code>Drag</code> — Rotate the 3D view.</li>
21
- </span>
22
- </div>
23
- <canvas id="game"></canvas>
24
- <script type="module" src="./js/schwarzschild.js"></script>
25
- </body>
26
-
27
- </html>
package/demos/shapes.html DELETED
@@ -1,16 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Shapes Demo</title>
8
- <link rel="stylesheet" href="demos.css" />
9
- </head>
10
-
11
- <body>
12
- <canvas id="game"></canvas>
13
- <script type="module" src="./js/shapes.js"></script>
14
- </body>
15
-
16
- </html>
package/demos/space.html DELETED
@@ -1,85 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Space Invaders - GCanvas Demo</title>
8
- <link rel="stylesheet" href="demos.css" />
9
- <script src="./js/info-toggle.js"></script>
10
- <style>
11
- /* Fullscreen game layout */
12
- html, body {
13
- margin: 0;
14
- padding: 0;
15
- width: 100%;
16
- height: 100%;
17
- overflow: hidden;
18
- background: #000011;
19
- }
20
- body {
21
- display: flex;
22
- flex-direction: column;
23
- }
24
- #info {
25
- position: absolute;
26
- top: 0;
27
- left: 0;
28
- right: 0;
29
- z-index: 10;
30
- background: rgba(0, 0, 17, 0.85);
31
- border-bottom: 1px solid #333;
32
- }
33
- canvas#game {
34
- display: block;
35
- width: 100%;
36
- height: 100%;
37
- }
38
- </style>
39
- </head>
40
-
41
- <body>
42
- <div id="info">
43
- <strong>Space Invaders</strong> — A classic arcade game clone built with GCanvas.<br>
44
- <strong>Controls:</strong> Arrow keys or A/D to move, Space to shoot.<br>
45
- <strong>Objective:</strong> Destroy all aliens before they reach the bottom!
46
- </div>
47
- <canvas id="game"></canvas>
48
-
49
- <script type="module">
50
- import { SpaceGame } from "./js/space/game.js";
51
-
52
- let game = null;
53
-
54
- function startGame() {
55
- // Clean up any existing game instance (fixes HMR duplication bug)
56
- if (game) {
57
- game.stop();
58
- game = null;
59
- }
60
-
61
- const canvas = document.getElementById("game");
62
- game = new SpaceGame(canvas);
63
- game.enablePauseOnBlur(true);
64
- game.setFPS(60);
65
- game.start();
66
-
67
- // Store reference for HMR cleanup
68
- window.__spaceGame = game;
69
- }
70
-
71
- // Clean up on HMR
72
- if (import.meta.hot) {
73
- import.meta.hot.dispose(() => {
74
- if (window.__spaceGame) {
75
- window.__spaceGame.stop();
76
- window.__spaceGame = null;
77
- }
78
- });
79
- }
80
-
81
- window.addEventListener("load", startGame);
82
- </script>
83
- </body>
84
-
85
- </html>
package/demos/spacetime.html DELETED
@@ -1,27 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Math & Physics - Spacetime Curvature</title>
8
- <link rel="stylesheet" href="demos.css" />
9
- <script src="./js/info-toggle.js"></script>
10
- </head>
11
-
12
- <body>
13
- <div id="info">
14
- <strong>Spacetime Curvature</strong> — General relativity visualization.<br/>
15
- <span style="color:#CCC">
16
- <li><code>Grid</code> — Flat spacetime distorted by mass.</li>
17
- <li><code>Well</code> — Gravitational potential creates curvature.</li>
18
- <li><code>Click</code> — Shuffle to a new stellar body.</li>
19
- <li><code>Drag</code> — Rotate the 3D view.</li>
20
- <li><code>Double-click</code> — Reset view.</li>
21
- </span>
22
- </div>
23
- <canvas id="game"></canvas>
24
- <script type="module" src="./js/spacetime.js"></script>
25
- </body>
26
-
27
- </html>
package/demos/sphere3d.html DELETED
@@ -1,24 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>Sphere3D Showcase - GCanvas</title>
7
- <link rel="stylesheet" href="demos.css" />
8
- <script src="./js/info-toggle.js"></script>
9
- </head>
10
- <body>
11
- <div id="info">
12
- <strong>Sphere3D Showcase</strong> — 3D sphere rendering modes<br/>
13
- <span style="color:#CCC">
14
- <li>Solid Color (Canvas 2D rendering)</li>
15
- <li>Gas Giant (WebGL shader with bands)</li>
16
- <li>Star (WebGL shader with glow)</li>
17
- <li>Drag to rotate camera</li>
18
- <li>Double-click to reset view</li>
19
- </span>
20
- </div>
21
- <canvas id="game"></canvas>
22
- <script type="module" src="./js/sphere3d.js"></script>
23
- </body>
24
- </html>
package/demos/sprite.html DELETED
@@ -1,18 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8" />
6
- <title>Sprite Timeline Demo</title>
7
- <link rel="stylesheet" href="demos.css" />
8
- </head>
9
-
10
- <body>
11
- <div id="info">
12
- <strong>Sprite Demo</strong> - Demonstrates the Sprite class, a MovieClip-style GameObject with frame-by-frame timeline animation. Each Sprite contains a collection of Shapes as frames, with timeline controls including play(), pause(), stop(), goto(), gotoAndStop(), gotoAndPlay(), and rewind(). This showcases how to create frame-by-frame animations similar to Adobe Flash MovieClips within the gcanvas engine's abstractions.
13
- </div>
14
- <canvas id="game"></canvas>
15
- <script type="module" src="./js/sprite.js"></script>
16
- </body>
17
-
18
- </html>
package/demos/svgtween.html DELETED
@@ -1,29 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Bezier Rider</title>
8
- <link rel="stylesheet" href="demos.css" />
9
- <script src="./js/info-toggle.js"></script>
10
- </head>
11
-
12
- <body>
13
- <div id="info">
14
- <strong>SVG Motion</strong> — Interactive path drawing with animation.<br/>
15
- This demo uses <code>SVGShape</code> and <code>GameObject</code> to animate SVG vector paths with easing, motion effects, and a glowing trail.
16
- </div>
17
- <canvas id="game"></canvas>
18
- <script type="module">
19
- import { MyGame } from './js/svgtween.js';
20
-
21
- window.addEventListener("load", () => {
22
- const canvas = document.getElementById("game");
23
- const game = new MyGame(canvas);
24
- game.start();
25
- });
26
- </script>
27
- </body>
28
-
29
- </html>
package/demos/tde.html DELETED
@@ -1,28 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Tidal Disruption Event</title>
8
- <link rel="stylesheet" href="demos.css" />
9
- <script src="./js/info-toggle.js"></script>
10
- </head>
11
-
12
- <body>
13
- <div id="info">
14
- <strong>Tidal Disruption Event</strong> — A star torn apart by a black hole.<br />
15
- <span style="color:#CCC">
16
- <li><code>Tidal Forces</code> — Star stretches and deforms.</li>
17
- <li><code>Spaghettification</code> — Matter streams into debris.</li>
18
- <li><code>Accretion</code> — Debris spirals into the black hole.</li>
19
- <li><code>Flare</code> — Luminous burst at peak accretion.</li>
20
- <li><code>Drag</code> — Orbit the camera around.</li>
21
- <li><code>Click</code> — Restart the event.</li>
22
- </span>
23
- </div>
24
- <canvas id="game"></canvas>
25
- <script type="module" src="./js/tde/index.js"></script>
26
- </body>
27
-
28
- </html>
package/demos/tiles.html DELETED
@@ -1,28 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- <head>
5
- <meta charset="UTF-8" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>Tiles</title>
8
- <link rel="stylesheet" href="demos.css" />
9
- <script src="./js/info-toggle.js"></script>
10
- </head>
11
-
12
- <body>
13
- <div id="info">
14
- <strong>Tile Layout</strong> - This demo shows how to use the tile layout system to create a grid of tiles.
15
- </div>
16
- <canvas id="game"></canvas>
17
- <script type="module">
18
- import { MyGame } from './js/tiles.js';
19
-
20
- window.addEventListener("load", () => {
21
- const canvas = document.getElementById("game");
22
- const game = new MyGame(canvas);
23
- game.start();
24
- });
25
- </script>
26
- </body>
27
-
28
- </html>