@guinetik/gcanvas 1.0.5 → 2.0.0

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 (78) hide show
  1. package/dist/aizawa.html +27 -0
  2. package/dist/clifford.html +25 -0
  3. package/dist/cmb.html +24 -0
  4. package/dist/dadras.html +26 -0
  5. package/dist/dejong.html +25 -0
  6. package/dist/gcanvas.es.js +5130 -372
  7. package/dist/gcanvas.es.min.js +1 -1
  8. package/dist/gcanvas.umd.js +1 -1
  9. package/dist/gcanvas.umd.min.js +1 -1
  10. package/dist/halvorsen.html +27 -0
  11. package/dist/index.html +96 -48
  12. package/dist/js/aizawa.js +425 -0
  13. package/dist/js/bezier.js +5 -5
  14. package/dist/js/clifford.js +236 -0
  15. package/dist/js/cmb.js +594 -0
  16. package/dist/js/dadras.js +405 -0
  17. package/dist/js/dejong.js +257 -0
  18. package/dist/js/halvorsen.js +405 -0
  19. package/dist/js/isometric.js +34 -46
  20. package/dist/js/lorenz.js +425 -0
  21. package/dist/js/painter.js +8 -8
  22. package/dist/js/rossler.js +480 -0
  23. package/dist/js/schrodinger.js +314 -18
  24. package/dist/js/thomas.js +394 -0
  25. package/dist/lorenz.html +27 -0
  26. package/dist/rossler.html +27 -0
  27. package/dist/scene-interactivity-test.html +220 -0
  28. package/dist/thomas.html +27 -0
  29. package/package.json +1 -1
  30. package/readme.md +30 -22
  31. package/src/game/objects/go.js +7 -0
  32. package/src/game/objects/index.js +2 -0
  33. package/src/game/objects/isometric-scene.js +53 -3
  34. package/src/game/objects/layoutscene.js +57 -0
  35. package/src/game/objects/mask.js +241 -0
  36. package/src/game/objects/scene.js +19 -0
  37. package/src/game/objects/wrapper.js +14 -2
  38. package/src/game/pipeline.js +17 -0
  39. package/src/game/ui/button.js +101 -16
  40. package/src/game/ui/theme.js +0 -6
  41. package/src/game/ui/togglebutton.js +25 -14
  42. package/src/game/ui/tooltip.js +12 -4
  43. package/src/index.js +3 -0
  44. package/src/io/gesture.js +409 -0
  45. package/src/io/index.js +4 -1
  46. package/src/io/keys.js +9 -1
  47. package/src/io/screen.js +476 -0
  48. package/src/math/attractors.js +664 -0
  49. package/src/math/heat.js +106 -0
  50. package/src/math/index.js +1 -0
  51. package/src/mixins/draggable.js +15 -19
  52. package/src/painter/painter.shapes.js +11 -5
  53. package/src/particle/particle-system.js +165 -1
  54. package/src/physics/index.js +26 -0
  55. package/src/physics/physics-updaters.js +333 -0
  56. package/src/physics/physics.js +375 -0
  57. package/src/shapes/image.js +5 -5
  58. package/src/shapes/index.js +2 -0
  59. package/src/shapes/parallelogram.js +147 -0
  60. package/src/shapes/righttriangle.js +115 -0
  61. package/src/shapes/svg.js +281 -100
  62. package/src/shapes/text.js +22 -6
  63. package/src/shapes/transformable.js +5 -0
  64. package/src/sound/effects.js +807 -0
  65. package/src/sound/index.js +13 -0
  66. package/src/webgl/index.js +7 -0
  67. package/src/webgl/shaders/clifford-point-shaders.js +131 -0
  68. package/src/webgl/shaders/dejong-point-shaders.js +131 -0
  69. package/src/webgl/shaders/point-sprite-shaders.js +152 -0
  70. package/src/webgl/webgl-clifford-renderer.js +477 -0
  71. package/src/webgl/webgl-dejong-renderer.js +472 -0
  72. package/src/webgl/webgl-line-renderer.js +391 -0
  73. package/src/webgl/webgl-particle-renderer.js +410 -0
  74. package/types/index.d.ts +30 -2
  75. package/types/io.d.ts +217 -0
  76. package/types/physics.d.ts +299 -0
  77. package/types/shapes.d.ts +8 -0
  78. package/types/webgl.d.ts +188 -109
package/dist/aizawa.html ADDED
@@ -0,0 +1,27 @@
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>Aizawa Attractor 3D</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>Aizawa Attractor</strong><br/>
13
+ <span style="color:#CCC">
14
+ <li>dx/dt = (z - b)x - dy</li>
15
+ <li>dy/dt = dx + (z - b)y</li>
16
+ <li>dz/dt = c + az - z³/3 - (x² + y²)(1 + ez) + fzx³</li>
17
+ <li>a=0.95, b=0.7, c=0.6, d=3.5, e=0.25, f=0.1</li>
18
+ <li>Cyan = slow, Magenta = fast</li>
19
+ <li>Drag to rotate</li>
20
+ <li>Scroll/pinch to zoom</li>
21
+ <li>Double-click to reset</li>
22
+ </span>
23
+ </div>
24
+ <canvas id="game"></canvas>
25
+ <script type="module" src="./js/aizawa.js"></script>
26
+ </body>
27
+ </html>
package/dist/clifford.html ADDED
@@ -0,0 +1,25 @@
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>Clifford Attractor 2D</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>Clifford Attractor</strong><br/>
13
+ <span style="color:#CCC">
14
+ <li>x_{n+1} = sin(a·y_n) + c·cos(a·x_n)</li>
15
+ <li>y_{n+1} = sin(b·x_n) + d·cos(b·y_n)</li>
16
+ <li>a=-1.4, b=1.6, c=1.0, d=0.7</li>
17
+ <li>2D iterative fractal pattern</li>
18
+ <li>Scroll/pinch to zoom</li>
19
+ <li>Double-click to reset</li>
20
+ </span>
21
+ </div>
22
+ <canvas id="game"></canvas>
23
+ <script type="module" src="./js/clifford.js"></script>
24
+ </body>
25
+ </html>
package/dist/cmb.html ADDED
@@ -0,0 +1,24 @@
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>Cosmic Microwave Background</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>Cosmic Microwave Background</strong> — 3D visualization of CMB temperature fluctuations.<br/>
13
+ <span style="color:#CCC">
14
+ <li>Particles represent temperature anisotropies from the early universe</li>
15
+ <li>Colors: Blue (cold spots) → Red (hot spots)</li>
16
+ <li>Drag to rotate, scroll to zoom</li>
17
+ <li>WebGL GPU-accelerated particle rendering</li>
18
+ <li>Physics: particles drift with thermal motion</li>
19
+ </span>
20
+ </div>
21
+ <canvas id="game"></canvas>
22
+ <script type="module" src="./js/cmb.js"></script>
23
+ </body>
24
+ </html>
package/dist/dadras.html ADDED
@@ -0,0 +1,26 @@
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>Dadras Attractor 3D</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>Dadras Attractor</strong><br/>
13
+ <span style="color:#CCC">
14
+ <li>dx/dt = y - 3x + 2.7yz</li>
15
+ <li>dy/dt = 1.7y - xz + z</li>
16
+ <li>dz/dt = 2xy - 9z</li>
17
+ <li>Blue = slow, Red = fast</li>
18
+ <li>Drag to rotate</li>
19
+ <li>Scroll/pinch to zoom</li>
20
+ <li>Double-click to reset</li>
21
+ </span>
22
+ </div>
23
+ <canvas id="game"></canvas>
24
+ <script type="module" src="./js/dadras.js"></script>
25
+ </body>
26
+ </html>
package/dist/dejong.html ADDED
@@ -0,0 +1,25 @@
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>De Jong Attractor 2D</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>De Jong Attractor</strong><br/>
13
+ <span style="color:#CCC">
14
+ <li>x_{n+1} = sin(a·y_n) - cos(b·x_n)</li>
15
+ <li>y_{n+1} = sin(c·x_n) - cos(d·y_n)</li>
16
+ <li>a=-2.24, b=-0.65, c=-0.43, d=-2.43</li>
17
+ <li>2D iterative swirl pattern</li>
18
+ <li>Scroll/pinch to zoom</li>
19
+ <li>Double-click to reset</li>
20
+ </span>
21
+ </div>
22
+ <canvas id="game"></canvas>
23
+ <script type="module" src="./js/dejong.js"></script>
24
+ </body>
25
+ </html>