@vib3code/sdk 2.0.1

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 (258) hide show
  1. package/CHANGELOG.md +118 -0
  2. package/DOCS/BLUEPRINT_EXECUTION_PLAN_2026-01-07.md +34 -0
  3. package/DOCS/CI_TESTING.md +38 -0
  4. package/DOCS/CLI_ONBOARDING.md +75 -0
  5. package/DOCS/CONTROL_REFERENCE.md +64 -0
  6. package/DOCS/DEV_TRACK_ANALYSIS.md +77 -0
  7. package/DOCS/DEV_TRACK_PLAN_2026-01-07.md +42 -0
  8. package/DOCS/DEV_TRACK_SESSION_2026-01-31.md +220 -0
  9. package/DOCS/ENV_SETUP.md +189 -0
  10. package/DOCS/EXPORT_FORMATS.md +417 -0
  11. package/DOCS/GPU_DISPOSAL_GUIDE.md +21 -0
  12. package/DOCS/LICENSING_TIERS.md +275 -0
  13. package/DOCS/MASTER_PLAN_2026-01-31.md +570 -0
  14. package/DOCS/OBS_SETUP_GUIDE.md +98 -0
  15. package/DOCS/PROJECT_SETUP.md +66 -0
  16. package/DOCS/RENDERER_LIFECYCLE.md +40 -0
  17. package/DOCS/REPO_MANIFEST.md +121 -0
  18. package/DOCS/SESSION_014_PLAN.md +195 -0
  19. package/DOCS/SESSION_LOG_2026-01-07.md +56 -0
  20. package/DOCS/STRATEGIC_BLUEPRINT_2026-01-07.md +72 -0
  21. package/DOCS/SYSTEM_AUDIT_2026-01-30.md +738 -0
  22. package/DOCS/SYSTEM_INVENTORY.md +520 -0
  23. package/DOCS/TELEMETRY_EXPORTS.md +34 -0
  24. package/DOCS/WEBGPU_STATUS.md +38 -0
  25. package/DOCS/XR_BENCHMARKS.md +608 -0
  26. package/LICENSE +21 -0
  27. package/README.md +426 -0
  28. package/docs/.nojekyll +0 -0
  29. package/docs/01-dissolution_of_euclidean_hegemony.html +346 -0
  30. package/docs/02-hyperspatial_ego_death.html +346 -0
  31. package/docs/03-post_cartesian_sublime.html +346 -0
  32. package/docs/04-crystalline_void_meditation.html +346 -0
  33. package/docs/05-quantum_decoherence_ballet.html +346 -0
  34. package/docs/06-dissolution_of_euclidean_hegemony.html +346 -0
  35. package/docs/07-hyperspatial_ego_death.html +346 -0
  36. package/docs/08-post_cartesian_sublime.html +346 -0
  37. package/docs/09-crystalline_void_meditation.html +346 -0
  38. package/docs/10-quantum_decoherence_ballet.html +346 -0
  39. package/docs/11-dissolution_of_euclidean_hegemony.html +346 -0
  40. package/docs/12-hyperspatial_ego_death.html +346 -0
  41. package/docs/13-post_cartesian_sublime.html +346 -0
  42. package/docs/index.html +794 -0
  43. package/docs/test-hub.html +441 -0
  44. package/docs/url-state.js +102 -0
  45. package/docs/vib3-exports/01-quantum-quantum-tetrahedron-lattice.html +489 -0
  46. package/docs/vib3-exports/02-quantum-quantum-hypersphere-matrix.html +489 -0
  47. package/docs/vib3-exports/03-quantum-quantum-hypertetra-fractal.html +489 -0
  48. package/docs/vib3-exports/04-faceted-faceted-crystal-structure.html +407 -0
  49. package/docs/vib3-exports/05-faceted-faceted-klein-bottle.html +407 -0
  50. package/docs/vib3-exports/06-faceted-faceted-hypertetra-torus.html +407 -0
  51. package/docs/vib3-exports/07-holographic-holographic-wave-field.html +457 -0
  52. package/docs/vib3-exports/08-holographic-holographic-hypersphere-sphere.html +457 -0
  53. package/docs/vib3-exports/09-holographic-holographic-hypertetra-crystal.html +457 -0
  54. package/docs/vib3-exports/index.html +238 -0
  55. package/docs/webgpu-live.html +702 -0
  56. package/package.json +367 -0
  57. package/src/advanced/AIPresetGenerator.js +777 -0
  58. package/src/advanced/MIDIController.js +703 -0
  59. package/src/advanced/OffscreenWorker.js +1051 -0
  60. package/src/advanced/WebGPUCompute.js +1051 -0
  61. package/src/advanced/WebXRRenderer.js +680 -0
  62. package/src/agent/cli/AgentCLI.js +615 -0
  63. package/src/agent/cli/index.js +14 -0
  64. package/src/agent/index.js +73 -0
  65. package/src/agent/mcp/MCPServer.js +950 -0
  66. package/src/agent/mcp/index.js +9 -0
  67. package/src/agent/mcp/tools.js +548 -0
  68. package/src/agent/telemetry/EventStream.js +669 -0
  69. package/src/agent/telemetry/Instrumentation.js +618 -0
  70. package/src/agent/telemetry/TelemetryExporters.js +427 -0
  71. package/src/agent/telemetry/TelemetryService.js +464 -0
  72. package/src/agent/telemetry/index.js +52 -0
  73. package/src/benchmarks/BenchmarkRunner.js +381 -0
  74. package/src/benchmarks/MetricsCollector.js +299 -0
  75. package/src/benchmarks/index.js +9 -0
  76. package/src/benchmarks/scenes.js +259 -0
  77. package/src/cli/index.js +675 -0
  78. package/src/config/ApiConfig.js +88 -0
  79. package/src/core/CanvasManager.js +217 -0
  80. package/src/core/ErrorReporter.js +117 -0
  81. package/src/core/ParameterMapper.js +333 -0
  82. package/src/core/Parameters.js +396 -0
  83. package/src/core/RendererContracts.js +200 -0
  84. package/src/core/UnifiedResourceManager.js +370 -0
  85. package/src/core/VIB3Engine.js +636 -0
  86. package/src/core/renderers/FacetedRendererAdapter.js +32 -0
  87. package/src/core/renderers/HolographicRendererAdapter.js +29 -0
  88. package/src/core/renderers/QuantumRendererAdapter.js +29 -0
  89. package/src/core/renderers/RendererLifecycleManager.js +63 -0
  90. package/src/creative/ColorPresetsSystem.js +980 -0
  91. package/src/creative/ParameterTimeline.js +1061 -0
  92. package/src/creative/PostProcessingPipeline.js +1113 -0
  93. package/src/creative/TransitionAnimator.js +683 -0
  94. package/src/export/CSSExporter.js +226 -0
  95. package/src/export/CardGeneratorBase.js +279 -0
  96. package/src/export/ExportManager.js +580 -0
  97. package/src/export/FacetedCardGenerator.js +279 -0
  98. package/src/export/HolographicCardGenerator.js +543 -0
  99. package/src/export/LottieExporter.js +552 -0
  100. package/src/export/QuantumCardGenerator.js +315 -0
  101. package/src/export/SVGExporter.js +519 -0
  102. package/src/export/ShaderExporter.js +903 -0
  103. package/src/export/TradingCardGenerator.js +3055 -0
  104. package/src/export/TradingCardManager.js +181 -0
  105. package/src/export/VIB3PackageExporter.js +559 -0
  106. package/src/export/index.js +14 -0
  107. package/src/export/systems/TradingCardSystemFaceted.js +494 -0
  108. package/src/export/systems/TradingCardSystemHolographic.js +452 -0
  109. package/src/export/systems/TradingCardSystemQuantum.js +411 -0
  110. package/src/faceted/FacetedSystem.js +963 -0
  111. package/src/features/CollectionManager.js +433 -0
  112. package/src/gallery/CollectionManager.js +240 -0
  113. package/src/gallery/GallerySystem.js +485 -0
  114. package/src/geometry/GeometryFactory.js +314 -0
  115. package/src/geometry/GeometryLibrary.js +72 -0
  116. package/src/geometry/buffers/BufferBuilder.js +338 -0
  117. package/src/geometry/buffers/index.js +18 -0
  118. package/src/geometry/generators/Crystal.js +420 -0
  119. package/src/geometry/generators/Fractal.js +298 -0
  120. package/src/geometry/generators/KleinBottle.js +197 -0
  121. package/src/geometry/generators/Sphere.js +192 -0
  122. package/src/geometry/generators/Tesseract.js +160 -0
  123. package/src/geometry/generators/Tetrahedron.js +225 -0
  124. package/src/geometry/generators/Torus.js +304 -0
  125. package/src/geometry/generators/Wave.js +341 -0
  126. package/src/geometry/index.js +142 -0
  127. package/src/geometry/warp/HypersphereCore.js +211 -0
  128. package/src/geometry/warp/HypertetraCore.js +386 -0
  129. package/src/geometry/warp/index.js +57 -0
  130. package/src/holograms/HolographicVisualizer.js +1073 -0
  131. package/src/holograms/RealHolographicSystem.js +966 -0
  132. package/src/holograms/variantRegistry.js +69 -0
  133. package/src/integrations/FigmaPlugin.js +854 -0
  134. package/src/integrations/OBSMode.js +754 -0
  135. package/src/integrations/ThreeJsPackage.js +660 -0
  136. package/src/integrations/TouchDesignerExport.js +552 -0
  137. package/src/integrations/frameworks/Vib3React.js +591 -0
  138. package/src/integrations/frameworks/Vib3Svelte.js +654 -0
  139. package/src/integrations/frameworks/Vib3Vue.js +628 -0
  140. package/src/llm/LLMParameterInterface.js +240 -0
  141. package/src/llm/LLMParameterUI.js +577 -0
  142. package/src/math/Mat4x4.js +708 -0
  143. package/src/math/Projection.js +341 -0
  144. package/src/math/Rotor4D.js +637 -0
  145. package/src/math/Vec4.js +476 -0
  146. package/src/math/constants.js +164 -0
  147. package/src/math/index.js +68 -0
  148. package/src/math/projections.js +54 -0
  149. package/src/math/rotations.js +196 -0
  150. package/src/quantum/QuantumEngine.js +906 -0
  151. package/src/quantum/QuantumVisualizer.js +1103 -0
  152. package/src/reactivity/ReactivityConfig.js +499 -0
  153. package/src/reactivity/ReactivityManager.js +586 -0
  154. package/src/reactivity/SpatialInputSystem.js +1783 -0
  155. package/src/reactivity/index.js +93 -0
  156. package/src/render/CommandBuffer.js +465 -0
  157. package/src/render/MultiCanvasBridge.js +340 -0
  158. package/src/render/RenderCommand.js +514 -0
  159. package/src/render/RenderResourceRegistry.js +523 -0
  160. package/src/render/RenderState.js +552 -0
  161. package/src/render/RenderTarget.js +512 -0
  162. package/src/render/ShaderLoader.js +253 -0
  163. package/src/render/ShaderProgram.js +599 -0
  164. package/src/render/UnifiedRenderBridge.js +496 -0
  165. package/src/render/backends/WebGLBackend.js +1108 -0
  166. package/src/render/backends/WebGPUBackend.js +1409 -0
  167. package/src/render/commands/CommandBufferExecutor.js +607 -0
  168. package/src/render/commands/RenderCommandBuffer.js +661 -0
  169. package/src/render/commands/index.js +17 -0
  170. package/src/render/index.js +367 -0
  171. package/src/scene/Disposable.js +498 -0
  172. package/src/scene/MemoryPool.js +618 -0
  173. package/src/scene/Node4D.js +697 -0
  174. package/src/scene/ResourceManager.js +599 -0
  175. package/src/scene/Scene4D.js +540 -0
  176. package/src/scene/index.js +98 -0
  177. package/src/schemas/error.schema.json +84 -0
  178. package/src/schemas/extension.schema.json +88 -0
  179. package/src/schemas/index.js +214 -0
  180. package/src/schemas/parameters.schema.json +142 -0
  181. package/src/schemas/tool-pack.schema.json +44 -0
  182. package/src/schemas/tool-response.schema.json +127 -0
  183. package/src/shaders/common/fullscreen.vert.glsl +5 -0
  184. package/src/shaders/common/fullscreen.vert.wgsl +17 -0
  185. package/src/shaders/common/geometry24.glsl +65 -0
  186. package/src/shaders/common/geometry24.wgsl +54 -0
  187. package/src/shaders/common/rotation4d.glsl +85 -0
  188. package/src/shaders/common/rotation4d.wgsl +86 -0
  189. package/src/shaders/common/uniforms.glsl +44 -0
  190. package/src/shaders/common/uniforms.wgsl +48 -0
  191. package/src/shaders/faceted/faceted.frag.glsl +129 -0
  192. package/src/shaders/faceted/faceted.frag.wgsl +164 -0
  193. package/src/shaders/holographic/holographic.frag.glsl +406 -0
  194. package/src/shaders/holographic/holographic.frag.wgsl +185 -0
  195. package/src/shaders/quantum/quantum.frag.glsl +513 -0
  196. package/src/shaders/quantum/quantum.frag.wgsl +361 -0
  197. package/src/testing/ParallelTestFramework.js +519 -0
  198. package/src/testing/__snapshots__/exportFormats.test.js.snap +24 -0
  199. package/src/testing/exportFormats.test.js +8 -0
  200. package/src/testing/projections.test.js +14 -0
  201. package/src/testing/rotations.test.js +37 -0
  202. package/src/ui/InteractivityMenu.js +516 -0
  203. package/src/ui/StatusManager.js +96 -0
  204. package/src/ui/adaptive/renderers/webgpu/BufferLayout.ts +252 -0
  205. package/src/ui/adaptive/renderers/webgpu/PolytopeInstanceBuffer.ts +144 -0
  206. package/src/ui/adaptive/renderers/webgpu/TripleBufferedUniform.ts +170 -0
  207. package/src/ui/adaptive/renderers/webgpu/WebGPURenderer.ts +735 -0
  208. package/src/ui/adaptive/renderers/webgpu/index.ts +112 -0
  209. package/src/variations/VariationManager.js +431 -0
  210. package/src/viewer/AudioReactivity.js +505 -0
  211. package/src/viewer/CardBending.js +481 -0
  212. package/src/viewer/GalleryUI.js +832 -0
  213. package/src/viewer/ReactivityManager.js +590 -0
  214. package/src/viewer/TradingCardExporter.js +600 -0
  215. package/src/viewer/ViewerPortal.js +374 -0
  216. package/src/viewer/index.js +12 -0
  217. package/src/wasm/WasmLoader.js +296 -0
  218. package/src/wasm/index.js +132 -0
  219. package/tools/agentic/mcpTools.js +88 -0
  220. package/tools/cli/agent-cli.js +92 -0
  221. package/tools/export/formats.js +24 -0
  222. package/tools/math/rotation-baseline.mjs +64 -0
  223. package/tools/shader-sync-verify.js +937 -0
  224. package/tools/telemetry/manifestPipeline.js +141 -0
  225. package/tools/telemetry/telemetryEvents.js +35 -0
  226. package/types/adaptive-sdk.d.ts +185 -0
  227. package/types/advanced/AIPresetGenerator.d.ts +81 -0
  228. package/types/advanced/MIDIController.d.ts +100 -0
  229. package/types/advanced/OffscreenWorker.d.ts +82 -0
  230. package/types/advanced/WebGPUCompute.d.ts +52 -0
  231. package/types/advanced/WebXRRenderer.d.ts +77 -0
  232. package/types/advanced/index.d.ts +46 -0
  233. package/types/core/ErrorReporter.d.ts +50 -0
  234. package/types/core/VIB3Engine.d.ts +204 -0
  235. package/types/creative/ColorPresetsSystem.d.ts +91 -0
  236. package/types/creative/ParameterTimeline.d.ts +74 -0
  237. package/types/creative/PostProcessingPipeline.d.ts +109 -0
  238. package/types/creative/TransitionAnimator.d.ts +71 -0
  239. package/types/creative/index.d.ts +35 -0
  240. package/types/integrations/FigmaPlugin.d.ts +46 -0
  241. package/types/integrations/OBSMode.d.ts +74 -0
  242. package/types/integrations/ThreeJsPackage.d.ts +62 -0
  243. package/types/integrations/TouchDesignerExport.d.ts +36 -0
  244. package/types/integrations/Vib3React.d.ts +74 -0
  245. package/types/integrations/Vib3Svelte.d.ts +63 -0
  246. package/types/integrations/Vib3Vue.d.ts +55 -0
  247. package/types/integrations/index.d.ts +52 -0
  248. package/types/reactivity/SpatialInputSystem.d.ts +173 -0
  249. package/types/reactivity/index.d.ts +394 -0
  250. package/types/render/CommandBuffer.d.ts +169 -0
  251. package/types/render/RenderCommand.d.ts +312 -0
  252. package/types/render/RenderState.d.ts +279 -0
  253. package/types/render/RenderTarget.d.ts +254 -0
  254. package/types/render/ShaderProgram.d.ts +277 -0
  255. package/types/render/UnifiedRenderBridge.d.ts +143 -0
  256. package/types/render/WebGLBackend.d.ts +168 -0
  257. package/types/render/WebGPUBackend.d.ts +186 -0
  258. package/types/render/index.d.ts +141 -0
package/docs/11-dissolution_of_euclidean_hegemony.html ADDED
@@ -0,0 +1,346 @@
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>DISSOLUTION OF EUCLIDEAN HEGEMONY [11/13]</title>
7
+ <meta name="description" content="Challenges the tyranny of orthogonal perception through recursive non-orientable manifold projections">
8
+ <meta name="generator" content="VIB3+ Algorithmic Avant-Garde Generator v2.718">
9
+ <meta name="pcs" content="1.42453547">
10
+ <style>
11
+ * { margin: 0; padding: 0; box-sizing: border-box; }
12
+ body {
13
+ background: #000;
14
+ overflow: hidden;
15
+ font-family: 'Courier New', monospace;
16
+ }
17
+ canvas {
18
+ display: block;
19
+ width: 100vw;
20
+ height: 100vh;
21
+ }
22
+ .metadata-panel {
23
+ position: fixed;
24
+ top: 20px;
25
+ right: 20px;
26
+ background: rgba(0,0,0,0.9);
27
+ border: 1px solid rgba(255,255,255,0.1);
28
+ border-radius: 4px;
29
+ padding: 20px;
30
+ color: #0f0;
31
+ font-size: 10px;
32
+ max-width: 400px;
33
+ backdrop-filter: blur(10px);
34
+ font-family: 'Courier New', monospace;
35
+ }
36
+ .metadata-panel h1 {
37
+ color: #0ff;
38
+ font-size: 12px;
39
+ margin-bottom: 10px;
40
+ text-transform: uppercase;
41
+ letter-spacing: 2px;
42
+ }
43
+ .metadata-panel .description {
44
+ color: #888;
45
+ font-style: italic;
46
+ margin-bottom: 15px;
47
+ line-height: 1.5;
48
+ }
49
+ .metadata-panel .param-group {
50
+ margin-bottom: 10px;
51
+ padding: 8px;
52
+ background: rgba(0,255,0,0.05);
53
+ border-left: 2px solid #0f0;
54
+ }
55
+ .metadata-panel .param-group h2 {
56
+ color: #0ff;
57
+ font-size: 10px;
58
+ margin-bottom: 5px;
59
+ }
60
+ .metadata-panel .param {
61
+ display: flex;
62
+ justify-content: space-between;
63
+ margin: 2px 0;
64
+ }
65
+ .metadata-panel .param-name { color: #888; }
66
+ .metadata-panel .param-value { color: #0f0; font-family: monospace; }
67
+ .metadata-panel .pcs {
68
+ margin-top: 15px;
69
+ padding-top: 15px;
70
+ border-top: 1px solid rgba(255,255,255,0.1);
71
+ text-align: center;
72
+ }
73
+ .metadata-panel .pcs-label { color: #888; font-size: 9px; }
74
+ .metadata-panel .pcs-value { color: #ff0; font-size: 16px; font-weight: bold; }
75
+ </style>
76
+ </head>
77
+ <body>
78
+ <canvas id="canvas"></canvas>
79
+ <div class="metadata-panel">
80
+ <h1>dissolution of euclidean hegemony</h1>
81
+ <div class="description">Challenges the tyranny of orthogonal perception through recursive non-orientable manifold projections</div>
82
+
83
+ <div class="param-group">
84
+ <h2>6D ROTATION MANIFOLD</h2>
85
+ <div class="param"><span class="param-name">XY:</span><span class="param-value">2.049813313438 rad</span></div>
86
+ <div class="param"><span class="param-name">XZ:</span><span class="param-value">3.080109417976 rad</span></div>
87
+ <div class="param"><span class="param-name">YZ:</span><span class="param-value">0.000000000000 rad</span></div>
88
+ <div class="param"><span class="param-name">XW:</span><span class="param-value">1.400599665162 rad</span></div>
89
+ <div class="param"><span class="param-name">YW:</span><span class="param-value">1.060912258137 rad</span></div>
90
+ <div class="param"><span class="param-name">ZW:</span><span class="param-value">2.403687027715 rad</span></div>
91
+ </div>
92
+
93
+ <div class="param-group">
94
+ <h2>CHROMATIC</h2>
95
+ <div class="param"><span class="param-name">Hue:</span><span class="param-value">280.48783713°</span></div>
96
+ <div class="param"><span class="param-name">Saturation:</span><span class="param-value">0.047132863722</span></div>
97
+ <div class="param"><span class="param-name">Intensity:</span><span class="param-value">0.501653901733</span></div>
98
+ </div>
99
+
100
+ <div class="param-group">
101
+ <h2>DYNAMICS</h2>
102
+ <div class="param"><span class="param-name">Speed:</span><span class="param-value">0.602187534529</span></div>
103
+ <div class="param"><span class="param-name">Chaos:</span><span class="param-value">0.465029381413</span></div>
104
+ <div class="param"><span class="param-name">Morph:</span><span class="param-value">0.669866261920</span></div>
105
+ </div>
106
+
107
+ <div class="pcs">
108
+ <div class="pcs-label">PERCEPTUAL COMPLEXITY SCORE</div>
109
+ <div class="pcs-value">1.42453547</div>
110
+ </div>
111
+ </div>
112
+
113
+ <script>
114
+ // Mathematical constants
115
+ const PHI = 1.618033988749895;
116
+ const TAU = 6.283185307179586;
117
+
118
+ // Baked parameters from algorithmic generation
119
+ const PARAMS = {
120
+ "XY": 2.049813313438184,
121
+ "XZ": 3.0801094179757444,
122
+ "YZ": 0,
123
+ "XW": 1.4005996651618684,
124
+ "YW": 1.060912258137327,
125
+ "ZW": 2.4036870277154336,
126
+ "hue": 280.48783712534697,
127
+ "saturation": 0.04713286372219322,
128
+ "intensity": 0.5016539017332312,
129
+ "geometry": 20,
130
+ "speed": 0.602187534529147,
131
+ "chaos": 0.4650293814127926,
132
+ "morphFactor": 0.6698662619203081,
133
+ "gridDensity": 23
134
+ };
135
+
136
+ // WebGL initialization
137
+ const canvas = document.getElementById('canvas');
138
+ const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
139
+
140
+ function resize() {
141
+ canvas.width = window.innerWidth * window.devicePixelRatio;
142
+ canvas.height = window.innerHeight * window.devicePixelRatio;
143
+ gl.viewport(0, 0, canvas.width, canvas.height);
144
+ }
145
+ resize();
146
+ window.addEventListener('resize', resize);
147
+
148
+ // Vertex shader
149
+ const vsSource = `
150
+ attribute vec4 aVertexPosition;
151
+ void main() {
152
+ gl_Position = aVertexPosition;
153
+ }
154
+ `;
155
+
156
+ // Fragment shader with faceted system characteristics
157
+ const fsSource = `
158
+ precision highp float;
159
+
160
+ uniform float u_time;
161
+ uniform vec2 u_resolution;
162
+
163
+ // Baked parameters
164
+ const float ROT_XY = 2.049813313438184;
165
+ const float ROT_XZ = 3.080109417975744;
166
+ const float ROT_YZ = 0.000000000000000;
167
+ const float ROT_XW = 1.400599665161868;
168
+ const float ROT_YW = 1.060912258137327;
169
+ const float ROT_ZW = 2.403687027715434;
170
+ const float HUE = 280.487837125346971;
171
+ const float SAT = 0.047132863722193;
172
+ const float INTENSITY = 0.501653901733231;
173
+ const float SPEED = 0.602187534529147;
174
+ const float CHAOS = 0.465029381412793;
175
+ const float MORPH = 0.669866261920308;
176
+ const float GRID = 23.0;
177
+ const int GEOMETRY = 20;
178
+
179
+ // 4D rotation matrices
180
+ mat4 rotateXY(float a) {
181
+ float c = cos(a), s = sin(a);
182
+ return mat4(c,-s,0,0, s,c,0,0, 0,0,1,0, 0,0,0,1);
183
+ }
184
+ mat4 rotateXZ(float a) {
185
+ float c = cos(a), s = sin(a);
186
+ return mat4(c,0,-s,0, 0,1,0,0, s,0,c,0, 0,0,0,1);
187
+ }
188
+ mat4 rotateYZ(float a) {
189
+ float c = cos(a), s = sin(a);
190
+ return mat4(1,0,0,0, 0,c,-s,0, 0,s,c,0, 0,0,0,1);
191
+ }
192
+ mat4 rotateXW(float a) {
193
+ float c = cos(a), s = sin(a);
194
+ return mat4(c,0,0,-s, 0,1,0,0, 0,0,1,0, s,0,0,c);
195
+ }
196
+ mat4 rotateYW(float a) {
197
+ float c = cos(a), s = sin(a);
198
+ return mat4(1,0,0,0, 0,c,0,-s, 0,0,1,0, 0,s,0,c);
199
+ }
200
+ mat4 rotateZW(float a) {
201
+ float c = cos(a), s = sin(a);
202
+ return mat4(1,0,0,0, 0,1,0,0, 0,0,c,-s, 0,0,s,c);
203
+ }
204
+
205
+ vec3 hsv2rgb(vec3 c) {
206
+ vec4 K = vec4(1.0, 2.0/3.0, 1.0/3.0, 3.0);
207
+ vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
208
+ return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
209
+ }
210
+
211
+ float sdf4D(vec4 p) {
212
+ // Geometry selection based on index
213
+ int baseGeom = GEOMETRY - (GEOMETRY / 8) * 8;
214
+ int coreType = GEOMETRY / 8;
215
+
216
+ float d = length(p) - 1.0;
217
+
218
+ // Base geometry modifications
219
+ if (baseGeom == 0) { // Tetrahedron
220
+ d = max(d, dot(p.xyz, normalize(vec3(1,1,1))) - 0.5);
221
+ } else if (baseGeom == 1) { // Hypercube
222
+ vec4 q = abs(p) - vec4(0.5);
223
+ d = length(max(q, 0.0)) + min(max(q.x, max(q.y, max(q.z, q.w))), 0.0);
224
+ } else if (baseGeom == 3) { // Torus
225
+ vec2 q = vec2(length(p.xz) - 0.5, p.y);
226
+ d = length(q) - 0.2;
227
+ } else if (baseGeom == 4) { // Klein-ish
228
+ d = sin(p.x * 3.0) * sin(p.y * 3.0) * sin(p.z * 3.0) * 0.3 + length(p) - 1.0;
229
+ } else if (baseGeom == 5) { // Fractal
230
+ vec3 z = p.xyz;
231
+ float dr = 1.0;
232
+ float r = 0.0;
233
+ for (int i = 0; i < 4; i++) {
234
+ r = length(z);
235
+ if (r > 2.0) break;
236
+ float theta = acos(z.z / r);
237
+ float phi = atan(z.y, z.x);
238
+ dr = pow(r, 7.0) * 8.0 * dr + 1.0;
239
+ float zr = pow(r, 8.0);
240
+ theta *= 8.0;
241
+ phi *= 8.0;
242
+ z = zr * vec3(sin(theta)*cos(phi), sin(phi)*sin(theta), cos(theta)) + p.xyz;
243
+ }
244
+ d = 0.5 * log(r) * r / dr;
245
+ }
246
+
247
+ // Core type warp
248
+ if (coreType == 1) { // Hypersphere
249
+ d = mix(d, length(p) - 1.0, 0.5);
250
+ } else if (coreType == 2) { // Hypertetrahedron
251
+ d += sin(p.w * 5.0) * 0.1;
252
+ }
253
+
254
+ return d;
255
+ }
256
+
257
+ void main() {
258
+ vec2 uv = (gl_FragCoord.xy - 0.5 * u_resolution) / min(u_resolution.x, u_resolution.y);
259
+ float t = u_time * SPEED;
260
+
261
+ // Animated rotation
262
+ float aXY = ROT_XY + t * 0.1;
263
+ float aXZ = ROT_XZ + t * 0.07;
264
+ float aYZ = ROT_YZ + t * 0.05;
265
+ float aXW = ROT_XW + t * 0.13 * CHAOS;
266
+ float aYW = ROT_YW + t * 0.11 * CHAOS;
267
+ float aZW = ROT_ZW + t * 0.09 * CHAOS;
268
+
269
+ mat4 rot = rotateXY(aXY) * rotateXZ(aXZ) * rotateYZ(aYZ) *
270
+ rotateXW(aXW) * rotateYW(aYW) * rotateZW(aZW);
271
+
272
+ // Ray marching
273
+ vec3 ro = vec3(0, 0, -3);
274
+ vec3 rd = normalize(vec3(uv, 1.0));
275
+
276
+ float totalDist = 0.0;
277
+ vec3 col = vec3(0);
278
+
279
+ for (int i = 0; i < 64; i++) {
280
+ vec3 p3 = ro + rd * totalDist;
281
+ vec4 p4 = rot * vec4(p3, sin(t * 0.5) * MORPH);
282
+
283
+ float d = sdf4D(p4);
284
+
285
+ if (d < 0.001) {
286
+ float hue = HUE / 360.0 + totalDist * 0.1;
287
+ col = hsv2rgb(vec3(hue, SAT, INTENSITY));
288
+ col *= 1.0 - totalDist * 0.1;
289
+ break;
290
+ }
291
+
292
+ if (totalDist > 10.0) break;
293
+ totalDist += d * 0.5;
294
+ }
295
+
296
+ // Grid overlay
297
+ vec2 grid = fract(uv * GRID);
298
+ float gridLine = smoothstep(0.02, 0.0, min(grid.x, grid.y)) * 0.1;
299
+ col += vec3(gridLine);
300
+
301
+ gl_FragColor = vec4(col, 1.0);
302
+ }
303
+ `;
304
+
305
+ // Compile shaders
306
+ function compileShader(gl, source, type) {
307
+ const shader = gl.createShader(type);
308
+ gl.shaderSource(shader, source);
309
+ gl.compileShader(shader);
310
+ return shader;
311
+ }
312
+
313
+ const vertexShader = compileShader(gl, vsSource, gl.VERTEX_SHADER);
314
+ const fragmentShader = compileShader(gl, fsSource, gl.FRAGMENT_SHADER);
315
+
316
+ const program = gl.createProgram();
317
+ gl.attachShader(program, vertexShader);
318
+ gl.attachShader(program, fragmentShader);
319
+ gl.linkProgram(program);
320
+ gl.useProgram(program);
321
+
322
+ // Fullscreen quad
323
+ const positions = new Float32Array([-1,-1, 1,-1, -1,1, 1,1]);
324
+ const positionBuffer = gl.createBuffer();
325
+ gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
326
+ gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STATIC_DRAW);
327
+
328
+ const aVertexPosition = gl.getAttribLocation(program, 'aVertexPosition');
329
+ gl.enableVertexAttribArray(aVertexPosition);
330
+ gl.vertexAttribPointer(aVertexPosition, 2, gl.FLOAT, false, 0, 0);
331
+
332
+ const uTime = gl.getUniformLocation(program, 'u_time');
333
+ const uResolution = gl.getUniformLocation(program, 'u_resolution');
334
+
335
+ // Animation loop
336
+ function render(time) {
337
+ gl.uniform1f(uTime, time * 0.001);
338
+ gl.uniform2f(uResolution, canvas.width, canvas.height);
339
+ gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
340
+ requestAnimationFrame(render);
341
+ }
342
+
343
+ render(0);
344
+ </script>
345
+ </body>
346
+ </html>
package/docs/12-hyperspatial_ego_death.html ADDED
@@ -0,0 +1,346 @@
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>HYPERSPATIAL EGO DEATH [12/13]</title>
7
+ <meta name="description" content="Simulates the phenomenological experience of dimensional transcendence through tesseract unfolding">
8
+ <meta name="generator" content="VIB3+ Algorithmic Avant-Garde Generator v2.718">
9
+ <meta name="pcs" content="1.36217282">
10
+ <style>
11
+ * { margin: 0; padding: 0; box-sizing: border-box; }
12
+ body {
13
+ background: #000;
14
+ overflow: hidden;
15
+ font-family: 'Courier New', monospace;
16
+ }
17
+ canvas {
18
+ display: block;
19
+ width: 100vw;
20
+ height: 100vh;
21
+ }
22
+ .metadata-panel {
23
+ position: fixed;
24
+ top: 20px;
25
+ right: 20px;
26
+ background: rgba(0,0,0,0.9);
27
+ border: 1px solid rgba(255,255,255,0.1);
28
+ border-radius: 4px;
29
+ padding: 20px;
30
+ color: #0f0;
31
+ font-size: 10px;
32
+ max-width: 400px;
33
+ backdrop-filter: blur(10px);
34
+ font-family: 'Courier New', monospace;
35
+ }
36
+ .metadata-panel h1 {
37
+ color: #0ff;
38
+ font-size: 12px;
39
+ margin-bottom: 10px;
40
+ text-transform: uppercase;
41
+ letter-spacing: 2px;
42
+ }
43
+ .metadata-panel .description {
44
+ color: #888;
45
+ font-style: italic;
46
+ margin-bottom: 15px;
47
+ line-height: 1.5;
48
+ }
49
+ .metadata-panel .param-group {
50
+ margin-bottom: 10px;
51
+ padding: 8px;
52
+ background: rgba(0,255,0,0.05);
53
+ border-left: 2px solid #0f0;
54
+ }
55
+ .metadata-panel .param-group h2 {
56
+ color: #0ff;
57
+ font-size: 10px;
58
+ margin-bottom: 5px;
59
+ }
60
+ .metadata-panel .param {
61
+ display: flex;
62
+ justify-content: space-between;
63
+ margin: 2px 0;
64
+ }
65
+ .metadata-panel .param-name { color: #888; }
66
+ .metadata-panel .param-value { color: #0f0; font-family: monospace; }
67
+ .metadata-panel .pcs {
68
+ margin-top: 15px;
69
+ padding-top: 15px;
70
+ border-top: 1px solid rgba(255,255,255,0.1);
71
+ text-align: center;
72
+ }
73
+ .metadata-panel .pcs-label { color: #888; font-size: 9px; }
74
+ .metadata-panel .pcs-value { color: #ff0; font-size: 16px; font-weight: bold; }
75
+ </style>
76
+ </head>
77
+ <body>
78
+ <canvas id="canvas"></canvas>
79
+ <div class="metadata-panel">
80
+ <h1>hyperspatial ego death</h1>
81
+ <div class="description">Simulates the phenomenological experience of dimensional transcendence through tesseract unfolding</div>
82
+
83
+ <div class="param-group">
84
+ <h2>6D ROTATION MANIFOLD</h2>
85
+ <div class="param"><span class="param-name">XY:</span><span class="param-value">1.137125759057 rad</span></div>
86
+ <div class="param"><span class="param-name">XZ:</span><span class="param-value">2.865321571906 rad</span></div>
87
+ <div class="param"><span class="param-name">YZ:</span><span class="param-value">0.000000000000 rad</span></div>
88
+ <div class="param"><span class="param-name">XW:</span><span class="param-value">1.385803351621 rad</span></div>
89
+ <div class="param"><span class="param-name">YW:</span><span class="param-value">1.256823207378 rad</span></div>
90
+ <div class="param"><span class="param-name">ZW:</span><span class="param-value">0.678207681051 rad</span></div>
91
+ </div>
92
+
93
+ <div class="param-group">
94
+ <h2>CHROMATIC</h2>
95
+ <div class="param"><span class="param-name">Hue:</span><span class="param-value">358.19100045°</span></div>
96
+ <div class="param"><span class="param-name">Saturation:</span><span class="param-value">0.977082060154</span></div>
97
+ <div class="param"><span class="param-name">Intensity:</span><span class="param-value">0.545250647444</span></div>
98
+ </div>
99
+
100
+ <div class="param-group">
101
+ <h2>DYNAMICS</h2>
102
+ <div class="param"><span class="param-name">Speed:</span><span class="param-value">0.734847333320</span></div>
103
+ <div class="param"><span class="param-name">Chaos:</span><span class="param-value">0.551118697306</span></div>
104
+ <div class="param"><span class="param-name">Morph:</span><span class="param-value">0.610404473239</span></div>
105
+ </div>
106
+
107
+ <div class="pcs">
108
+ <div class="pcs-label">PERCEPTUAL COMPLEXITY SCORE</div>
109
+ <div class="pcs-value">1.36217282</div>
110
+ </div>
111
+ </div>
112
+
113
+ <script>
114
+ // Mathematical constants
115
+ const PHI = 1.618033988749895;
116
+ const TAU = 6.283185307179586;
117
+
118
+ // Baked parameters from algorithmic generation
119
+ const PARAMS = {
120
+ "XY": 1.1371257590565713,
121
+ "XZ": 2.8653215719055827,
122
+ "YZ": 3.4342089826546527e-15,
123
+ "XW": 1.3858033516214936,
124
+ "YW": 1.2568232073783174,
125
+ "ZW": 0.6782076810508421,
126
+ "hue": 358.19100045336927,
127
+ "saturation": 0.9770820601539485,
128
+ "intensity": 0.5452506474442944,
129
+ "geometry": 9,
130
+ "speed": 0.7348473333200447,
131
+ "chaos": 0.5511186973064764,
132
+ "morphFactor": 0.6104044732391519,
133
+ "gridDensity": 27
134
+ };
135
+
136
+ // WebGL initialization
137
+ const canvas = document.getElementById('canvas');
138
+ const gl = canvas.getContext('webgl') || canvas.getContext('experimental-webgl');
139
+
140
+ function resize() {
141
+ canvas.width = window.innerWidth * window.devicePixelRatio;
142
+ canvas.height = window.innerHeight * window.devicePixelRatio;
143
+ gl.viewport(0, 0, canvas.width, canvas.height);
144
+ }
145
+ resize();
146
+ window.addEventListener('resize', resize);
147
+
148
+ // Vertex shader
149
+ const vsSource = `
150
+ attribute vec4 aVertexPosition;
151
+ void main() {
152
+ gl_Position = aVertexPosition;
153
+ }
154
+ `;
155
+
156
+ // Fragment shader with holographic system characteristics
157
+ const fsSource = `
158
+ precision highp float;
159
+
160
+ uniform float u_time;
161
+ uniform vec2 u_resolution;
162
+
163
+ // Baked parameters
164
+ const float ROT_XY = 1.137125759056571;
165
+ const float ROT_XZ = 2.865321571905583;
166
+ const float ROT_YZ = 0.000000000000003;
167
+ const float ROT_XW = 1.385803351621494;
168
+ const float ROT_YW = 1.256823207378317;
169
+ const float ROT_ZW = 0.678207681050842;
170
+ const float HUE = 358.191000453369270;
171
+ const float SAT = 0.977082060153948;
172
+ const float INTENSITY = 0.545250647444294;
173
+ const float SPEED = 0.734847333320045;
174
+ const float CHAOS = 0.551118697306476;
175
+ const float MORPH = 0.610404473239152;
176
+ const float GRID = 27.0;
177
+ const int GEOMETRY = 9;
178
+
179
+ // 4D rotation matrices
180
+ mat4 rotateXY(float a) {
181
+ float c = cos(a), s = sin(a);
182
+ return mat4(c,-s,0,0, s,c,0,0, 0,0,1,0, 0,0,0,1);
183
+ }
184
+ mat4 rotateXZ(float a) {
185
+ float c = cos(a), s = sin(a);
186
+ return mat4(c,0,-s,0, 0,1,0,0, s,0,c,0, 0,0,0,1);
187
+ }
188
+ mat4 rotateYZ(float a) {
189
+ float c = cos(a), s = sin(a);
190
+ return mat4(1,0,0,0, 0,c,-s,0, 0,s,c,0, 0,0,0,1);
191
+ }
192
+ mat4 rotateXW(float a) {
193
+ float c = cos(a), s = sin(a);
194
+ return mat4(c,0,0,-s, 0,1,0,0, 0,0,1,0, s,0,0,c);
195
+ }
196
+ mat4 rotateYW(float a) {
197
+ float c = cos(a), s = sin(a);
198
+ return mat4(1,0,0,0, 0,c,0,-s, 0,0,1,0, 0,s,0,c);
199
+ }
200
+ mat4 rotateZW(float a) {
201
+ float c = cos(a), s = sin(a);
202
+ return mat4(1,0,0,0, 0,1,0,0, 0,0,c,-s, 0,0,s,c);
203
+ }
204
+
205
+ vec3 hsv2rgb(vec3 c) {
206
+ vec4 K = vec4(1.0, 2.0/3.0, 1.0/3.0, 3.0);
207
+ vec3 p = abs(fract(c.xxx + K.xyz) * 6.0 - K.www);
208
+ return c.z * mix(K.xxx, clamp(p - K.xxx, 0.0, 1.0), c.y);
209
+ }
210
+
211
+ float sdf4D(vec4 p) {
212
+ // Geometry selection based on index
213
+ int baseGeom = GEOMETRY - (GEOMETRY / 8) * 8;
214
+ int coreType = GEOMETRY / 8;
215
+
216
+ float d = length(p) - 1.0;
217
+
218
+ // Base geometry modifications
219
+ if (baseGeom == 0) { // Tetrahedron
220
+ d = max(d, dot(p.xyz, normalize(vec3(1,1,1))) - 0.5);
221
+ } else if (baseGeom == 1) { // Hypercube
222
+ vec4 q = abs(p) - vec4(0.5);
223
+ d = length(max(q, 0.0)) + min(max(q.x, max(q.y, max(q.z, q.w))), 0.0);
224
+ } else if (baseGeom == 3) { // Torus
225
+ vec2 q = vec2(length(p.xz) - 0.5, p.y);
226
+ d = length(q) - 0.2;
227
+ } else if (baseGeom == 4) { // Klein-ish
228
+ d = sin(p.x * 3.0) * sin(p.y * 3.0) * sin(p.z * 3.0) * 0.3 + length(p) - 1.0;
229
+ } else if (baseGeom == 5) { // Fractal
230
+ vec3 z = p.xyz;
231
+ float dr = 1.0;
232
+ float r = 0.0;
233
+ for (int i = 0; i < 4; i++) {
234
+ r = length(z);
235
+ if (r > 2.0) break;
236
+ float theta = acos(z.z / r);
237
+ float phi = atan(z.y, z.x);
238
+ dr = pow(r, 7.0) * 8.0 * dr + 1.0;
239
+ float zr = pow(r, 8.0);
240
+ theta *= 8.0;
241
+ phi *= 8.0;
242
+ z = zr * vec3(sin(theta)*cos(phi), sin(phi)*sin(theta), cos(theta)) + p.xyz;
243
+ }
244
+ d = 0.5 * log(r) * r / dr;
245
+ }
246
+
247
+ // Core type warp
248
+ if (coreType == 1) { // Hypersphere
249
+ d = mix(d, length(p) - 1.0, 0.5);
250
+ } else if (coreType == 2) { // Hypertetrahedron
251
+ d += sin(p.w * 5.0) * 0.1;
252
+ }
253
+
254
+ return d;
255
+ }
256
+
257
+ void main() {
258
+ vec2 uv = (gl_FragCoord.xy - 0.5 * u_resolution) / min(u_resolution.x, u_resolution.y);
259
+ float t = u_time * SPEED;
260
+
261
+ // Animated rotation
262
+ float aXY = ROT_XY + t * 0.1;
263
+ float aXZ = ROT_XZ + t * 0.07;
264
+ float aYZ = ROT_YZ + t * 0.05;
265
+ float aXW = ROT_XW + t * 0.13 * CHAOS;
266
+ float aYW = ROT_YW + t * 0.11 * CHAOS;
267
+ float aZW = ROT_ZW + t * 0.09 * CHAOS;
268
+
269
+ mat4 rot = rotateXY(aXY) * rotateXZ(aXZ) * rotateYZ(aYZ) *
270
+ rotateXW(aXW) * rotateYW(aYW) * rotateZW(aZW);
271
+
272
+ // Ray marching
273
+ vec3 ro = vec3(0, 0, -3);
274
+ vec3 rd = normalize(vec3(uv, 1.0));
275
+
276
+ float totalDist = 0.0;
277
+ vec3 col = vec3(0);
278
+
279
+ for (int i = 0; i < 64; i++) {
280
+ vec3 p3 = ro + rd * totalDist;
281
+ vec4 p4 = rot * vec4(p3, sin(t * 0.5) * MORPH);
282
+
283
+ float d = sdf4D(p4);
284
+
285
+ if (d < 0.001) {
286
+ float hue = HUE / 360.0 + totalDist * 0.1;
287
+ col = hsv2rgb(vec3(hue, SAT, INTENSITY));
288
+ col *= 1.0 - totalDist * 0.1;
289
+ break;
290
+ }
291
+
292
+ if (totalDist > 10.0) break;
293
+ totalDist += d * 0.5;
294
+ }
295
+
296
+ // Grid overlay
297
+ vec2 grid = fract(uv * GRID);
298
+ float gridLine = smoothstep(0.02, 0.0, min(grid.x, grid.y)) * 0.1;
299
+ col += vec3(gridLine);
300
+
301
+ gl_FragColor = vec4(col, 1.0);
302
+ }
303
+ `;
304
+
305
+ // Compile shaders
306
+ function compileShader(gl, source, type) {
307
+ const shader = gl.createShader(type);
308
+ gl.shaderSource(shader, source);
309
+ gl.compileShader(shader);
310
+ return shader;
311
+ }
312
+
313
+ const vertexShader = compileShader(gl, vsSource, gl.VERTEX_SHADER);
314
+ const fragmentShader = compileShader(gl, fsSource, gl.FRAGMENT_SHADER);
315
+
316
+ const program = gl.createProgram();
317
+ gl.attachShader(program, vertexShader);
318
+ gl.attachShader(program, fragmentShader);
319
+ gl.linkProgram(program);
320
+ gl.useProgram(program);
321
+
322
+ // Fullscreen quad
323
+ const positions = new Float32Array([-1,-1, 1,-1, -1,1, 1,1]);
324
+ const positionBuffer = gl.createBuffer();
325
+ gl.bindBuffer(gl.ARRAY_BUFFER, positionBuffer);
326
+ gl.bufferData(gl.ARRAY_BUFFER, positions, gl.STATIC_DRAW);
327
+
328
+ const aVertexPosition = gl.getAttribLocation(program, 'aVertexPosition');
329
+ gl.enableVertexAttribArray(aVertexPosition);
330
+ gl.vertexAttribPointer(aVertexPosition, 2, gl.FLOAT, false, 0, 0);
331
+
332
+ const uTime = gl.getUniformLocation(program, 'u_time');
333
+ const uResolution = gl.getUniformLocation(program, 'u_resolution');
334
+
335
+ // Animation loop
336
+ function render(time) {
337
+ gl.uniform1f(uTime, time * 0.001);
338
+ gl.uniform2f(uResolution, canvas.width, canvas.height);
339
+ gl.drawArrays(gl.TRIANGLE_STRIP, 0, 4);
340
+ requestAnimationFrame(render);
341
+ }
342
+
343
+ render(0);
344
+ </script>
345
+ </body>
346
+ </html>