# VIBE.CYBERNOID.XYZ — HTML5 Prototypes Review
**Date:** 2026-03-30 15:39 CET  
**Scope:** Full inventory, line counts, technology breakdown, duplicate analysis

---

## 1. Grand Totals

| Metric | Value |
|---|---|
| **Total HTML files** | 152 |
| **Total lines** | 201,334 |
| **Total disk size** | ~7.0 MB (7,264 KB) |
| **Standalone JS files** | 1 (`3dplay/script.js`) |
| **Standalone CSS files** | 1 (`3dplay/style.css`) |
| **Markdown docs** | 4 (tutorials, reports) |
| **JSON data files** | 4 |
| **External shaders (glsl/wgsl)** | 0 (all inline) |

**Language breakdown (approximate across all files):**
- JavaScript (inline `<script>`): ~165,000 lines (~82%)
- CSS (inline `<style>`): ~18,000 lines (~9%)
- HTML markup: ~12,000 lines (~6%)
- GLSL shader code (inline strings): ~6,000 lines (~3%)
- WGSL shader code: minimal (~200 lines in a few files)

---

## 2. Directory Breakdown

| Directory | Files | Lines | Size (KB) | Description |
|---|---|---|---|---|
| `webgpu/` | 76 | 129,959 | 4,713 | Main prototype lab — new3d, synapse, giza, webgpu, portfolio |
| `html/` | 25 | 25,293 | 879 | Early prototypes — 3d gallery, terrain, visual odyssey, zai, triad |
| `runtime/` | 11 | 17,553 | 566 | CYBERNOID Player Runtime versions (v0.1–v0.10) |
| `engine/` | 8 | 3,344 | 208 | AI Demoscene Engine JSON Player (v0.1.0–v0.1.8) |
| `lowpoly/` | 5 | 6,908 | 202 | Lowpoly Demoscene World (v0.2.2–v0.2.6) |
| `gemini/` | 11 | 4,233 | 168 | SYNAPSE cyber tunnel, landing pages, terminal, math odyssey |
| `kroniki/` | 3 | 2,215 | 98 | Kroniki Z Wczoraj retro exhibition pages |
| `synapse/` | 3 | 2,494 | 100 | SYNAPSE 13 — Genesis Convergence (JSON player variants) |
| `dev1/` | 2 | 2,767 | 88 | dev1-new3d prototypes with sync engine |
| `krakow/` | 1 | 1,164 | 38 | Kraków Time-Lens landing (1870–1925 photos) |
| `k55/` | 3 | 1,690 | 73 | Fitness/Olympic tracker dashboards (WebBLE) |
| `3dplay/` | 1 | 49 | 1 | 3D Effect Editor & Player (stub) |
| `demos/` | 1 | 128 | 3 | Single demo001 |
| `root/` | 2 | 3,537 | 121 | index.html (nginx welcome), 3d.html (effect gallery) |

---

## 3. Technology Stack Overview

| Technology | Files Using It | Notes |
|---|---|---|
| **Three.js** | ~105 | Dominant 3D library across all major prototypes |
| **WebGL (inline GLSL)** | ~85 | Inline shader strings via `<script type="x-shader/x-vertex">` etc. |
| **WebGPU** | 7 | `webgpu.html`, `webgpu-blank-boilerplate`, `shader.html`, `portfolio-*`, `synapse_merged`, `landing-v0_0_3` |
| **WGSL (inline)** | 5 | Used in boilerplate, shader.html, lowpoly v2.5+, landing v3 |
| **GLSL (raw WebGL, no Three.js)** | 5 | `synapse_genesis-v0_1_*`, `zai-webgpu-001`, `math-odyssey`, `retro-lab`, `g3d` |
| **Audio (Web Audio API)** | ~15 | SYNAPSE series, runtime v0.4+, the_triad, zai, browser_feature_probe |
| **Physics** | 5 | `html/terrain*.html`, `html/walker.html`, `krysztaly-czasu` (2 files), `runtime4/42` |
| **Post-processing (EffectComposer/Bloom)** | ~50 | Bloom, chromatic aberration, film grain in most Three.js files |
| **BroadcastChannel / Sync Engine** | 2 | `dev1/dev1-new3d-v0_0_1.html`, `dev1/dev1-new3d-v0_0_2.html` |
| **WebBLE (Bluetooth)** | 1 | `k55/fitness-dashboard-v0_0_1.html` |
| **Gyroscope / DeviceOrientation** | 2 | `mobile-gemini-v0_0_1/2.html` |

---

## 4. Exact Duplicates (MD5-identical)

These pairs are byte-for-byte identical — one of each pair can be removed:

| File A | File B | Lines | Size |
|---|---|---|---|
| `html/3d.html` | `html/3d2.html` | 3,440 | 119 KB |
| `html/zai-webgpu-001.html` | `webgpu/zai-webgpu-001.html` | 675 | 23 KB |
| `html/zai-webgpu-002.html` | `webgpu/zai-webgpu-002.html` | 718 | 27 KB |
| `html/webgpu2.html` | `webgpu/webgpu2.html` | 3,930 | 142 KB |
| `html/krysztaly-czasu-landing-v0_1_0.html` | `html/krysztaly-czasu-landing-v0_2_0.html` | 1,446 | 43 KB |
| `lowpoly/lowpoly_demoscene_world_v0_2_5.html` | `lowpoly/lowpoly_demoscene_world_v0_2_6.html` | 1,367 | 39 KB |
| `webgpu/portfolio-webgpu-prototype-v0_0_1.html` | `webgpu/_history/portfolio-webgpu-prototype-v0_0_1-2026-02-14-1.html` | 680 | 17 KB |

**7 exact duplicate pairs = 7 redundant files (~496 KB wasted)**

---

## 5. Near-Duplicates (title-only or trivial diff)

| Group | Files | Notes |
|---|---|---|
| `new3d-v0_0_1` vs `new3d-v0_0_1b` | `webgpu/new3d-v0_0_1.html`, `new3d-v0_0_1b.html` | Identical except `<!-- -->` comment prepended to doctype |
| `new3d-v0_0_2` vs `new3d-v0_0_18` | `webgpu/new3d-v0_0_2.html`, `new3d-v0_0_18.html` | Same 1806 lines, same 60KB — only title version number differs |
| `new3d-v0_0_12` vs `new3d-v0_0_13` | `webgpu/new3d-v0_0_12.html`, `new3d-v0_0_13.html` | Identical (2381L/78KB) — only title differs (v0.0.12 vs v0.0.13) |
| `new3d-v0_0_14` vs `new3d-v0_0_15` | `webgpu/new3d-v0_0_14.html`, `new3d-v0_0_15.html` | Near-identical (2428 vs 2433 lines) — title diff only |
| `new3d-v0_0_16` vs `new3d-v0_0_17` | `webgpu/new3d-v0_0_16.html`, `new3d-v0_0_17.html` | Near-identical (2517 vs 2519 lines) — title diff only |
| `new3d-v0_0_19` vs `new3d-v0_0_20` | `webgpu/new3d-v0_0_19.html`, `new3d-v0_0_20.html` | Near-identical (3027 vs 3037 lines) — title diff only |
| `mobile-gemini-v0_0_1` vs `v0_0_2` | `webgpu/mobile-gemini-v0_0_1.html`, `mobile-gemini-v0_0_2.html` | 3857 vs 3893 lines — v2 adds `#recenterButton` CSS, nearly identical otherwise |
| `synapse_genesis-v1_0_2` vs `v1_0_9` | `webgpu/synapse_genesis-v1_0_2.html`, `synapse_genesis-v1_0_9.html` | Same 417 lines/20KB — only comment header differs |

**~8 near-duplicate pairs where keeping one is sufficient.**

---

## 6. File-by-File Highlights

### 6.1 `webgpu/` — Main Prototype Lab (76 files)

#### new3d series (NEOLITHIC MONUMENTAL FIELD) — 29 files, ~85K lines
Progressive terrain/world builder. All Three.js + WebGL + GLSL.
- `new3d-v0_0_1` through `new3d-v0_0_29` — monolithic single-file prototypes
- Grows from 1,280 lines (40KB) to 4,327 lines (153KB)
- Features: terrain generation, post-processing (bloom, film grain), orbit camera, instanced rendering
- v0.0.29 is the latest and largest — **4,327 lines, 153KB**
- **Many intermediate versions are near-duplicates** (see section 5)

#### synapse_genesis series — 12 files, ~4K lines
Shader-driven demoscene effects with audio reactivity.
- `v0_1_1`–`v0_1_8`: Raw WebGL (no Three.js), compact GLSL fragment shaders (~220–230 lines each)
- `v1_0_0`–`v1_0_9`: Three.js + WebGL, audio reactive, post-FX (300–437 lines each)

#### webgpu-synapse-genesis-v2 series — 6 files, ~22K lines
Largest and most complex prototypes in the collection.
- `v2_0_0` (800L/28KB): Neural cascade — audio-driven
- `v2_1_0`–`v2_1_4` (3010–4223L, 128–185KB): Terrain walker + city drone flythrough, canyon, orbital, Giza pyramids
- **v2.1.4 is the flagship** — 4,223 lines, 185KB, cinematic eclipse flare edition
- Features: terrain, city buildings, GLSL shaders, bloom, chromatic aberration, multi-scene composition

#### giza-drone-flight series — 7 files, ~9K lines
Pyramid/drone camera flythrough with terrain.
- `v0_0_1` (764L/26KB) → `v0_0_7` (1742L/68KB)
- Progressive feature additions — smooth progression, each version meaningfully larger
- Three.js + WebGL + GLSL terrain shaders

#### synapse_demo series — 3 files in webgpu/ + 1 in gemini/
Compact demoscene snippets.
- `v1_0_5` (177L), `v1_0_6` (146L), `v1_0_7` (150L) — minimal, audio-focused
- `gemini/synapse_demo-v0_0_1` (525L) — larger, full Three.js + GLSL + particles

#### synapse v0.22–v0.27 — 4 files
Standalone SYNAPSE scene modules (NEON DREAMS/STREAM/INFINITY/FAILSAFE).
- 186–385 lines each, Three.js, audio reactive, post-FX

#### synapse_merged_v1_1_2 — 1 file
Hybrid WebGPU/WebGL demoscene music video — 1,521 lines, 52KB.
One of few files attempting WebGPU fallback to WebGL.

#### webgpu.html / webgpu-blank-boilerplate — 2 files
- `webgpu.html` (2486L/88KB): Three.js WebGPU Effect Composer — actual WebGPU API usage
- `webgpu-blank-boilerplate-v0_0_1` (571L/15KB): Clean WebGPU + WebGL fallback starter template with WGSL shaders

#### portfolio-webgpu-prototype — 1 file (+1 in _history)
Three.js WebGPU artistic portfolio — 680 lines. Minimalist gallery prototype.

#### synapse_demoscene_studio / synapse_effects_gallery — 2 files
- Studio (1640L/59KB): Multi-scene demoscene studio with audio
- Gallery (1368L/49KB): Effect gallery browser

#### retro-lab-image-anim-webgl — 1 file
WebGL image animation without Three.js — 823 lines, raw WebGL + GLSL post-processing.

#### zai-webgpu-001/002 — 2 files (also duplicated in html/)
- `001`: Raw WebGL math visualization with audio — 675 lines
- `002`: Three.js + WebGL math art with audio + post-FX — 718 lines

---

### 6.2 `html/` — Early Prototypes (25 files)

#### 3d.html / 3d2.html — DUPLICATE, 3440L each
WebGPU/WebGL Effect Gallery — Three.js + GLSL, particles, terrain, post-FX. One of the largest early files.

#### webgpu2.html (3930L/142KB) — DUPLICATE of webgpu/webgpu2.html
WebGPU Effect Composer — Three.js + WebGL, particles, terrain.

#### webgpu.html (1351L/45KB)
Earlier WebGPU Effect Composer — Three.js, particles, post-FX.

#### player3d.html (1018L/29KB)
Player 3D Effects Hub — particle system, terrain, post-FX. Framework-independent.

#### some.html–some5.html — "Visual Odyssey" series (5 files)
Progressive GLSL shader art with Three.js.
- `some.html` (447L) → `some5.html` (365L) — particles, camera, post-FX
- Each version tweaks the shader effects (Ascension, Entropy, Redux, etc.)

#### terrain.html / terrain2.html / walker.html — Surreal Walker series
Physics-based walking sim in surreal landscapes.
- `terrain` (619L): Realistic City v1.6.0 — Three.js + terrain + physics
- `terrain2` (357L): Cyber Grid v1.7.0 — simplified
- `walker` (403L): Cyber Grid v1.8.0 — refined version

#### the_triad_lecture — 2 files
Educational "Math, CS, Art" lecture prototypes with GLSL shader demos.
- `v1_1_0` (783L): Audio reactive
- `v1_2_0` (915L): Added particles + terrain

#### neon_terrain — 2 files
Deep Sea Vector Drone — underwater terrain visualization.
- `v0_0_6` (351L), `v0_0_9` (478L): Three.js + GLSL terrain shaders + particles

#### krysztaly-czasu-landing — 2 DUPLICATE files (1446L each)
Playable RPG level — "Krysztaly Czasu — Ostrogar". No WebGL, pure HTML/CSS/JS with physics simulation.

#### browser_feature_probe_v0_1_0 (1065L/44KB)
Comprehensive browser/hardware feature detection — WebGPU, WebGL, WebAssembly, SharedArrayBuffer, audio. Not a visual prototype.

#### g3d.html (362L/12KB)
Procedural shader art — raw WebGL, no Three.js.

#### obj-3d-001.html (153L/5KB)
Minimal Three.js 3D polyhedron test.

#### shader.html (154L/6KB)
WebGPU shader-f16 capability diagnostic — targets Mali-G52 GPU.

#### zai-webgpu-001/002 — DUPLICATES of webgpu/ versions

---

### 6.3 `runtime/` — CYBERNOID Player Runtime (11 files, 17.5K lines)

The demoscene player/runtime system — all Three.js + WebGL + GLSL + post-processing.

| File | Lines | KB | Version |
|---|---|---|---|
| runtime1.html | 1,480 | 47 | v0.1.0 |
| runtime2.html | 1,923 | 63 | v0.2.0 |
| runtime4.html | 1,991 | 69 | v0.4.0 (adds Audio + Physics) |
| runtime42.html | 1,947 | 72 | v0.4.2 (adds Audio + Physics) |
| runtime5.html | 1,214 | 40 | v0.1.0 (Tall Viewport variant) |
| runtime6.html | 1,710 | 51 | v0.2.0 |
| runtime7.html | 1,673 | 49 | v0.3.0 |
| runtime8.html | 1,507 | 45 | v0.7.2 |
| runtime82.html | 1,396 | 43 | v0.8.0 |
| runtime9.html | 1,366 | 42 | v0.9.0 |
| runtime10.html | 1,346 | 41 | v0.10.0 |

All share the same architecture: JSON scene player, WebGL post-processing, bloom effects. runtime4/runtime42 add Web Audio + physics. runtime5–runtime10 appear to be a parallel "tall viewport" branch with particles.

---

### 6.4 `engine/` — AI Demoscene Engine (8 files, 3.3K lines)

JSON-driven scene player engine — all Three.js + WebGL + GLSL.

| File | Lines | KB | Version |
|---|---|---|---|
| engine.html | 494 | 21 | JSON Player |
| engine2.html | 500 | 25 | v0.1.1 |
| engine3.html | 448 | 29 | v0.1.2 (Full Arsenal — particles + terrain) |
| engine4.html | 462 | 32 | v0.1.3 (Strict Extraction) |
| engine5.html | 350 | 22 | v0.1.4 (Fixed Pipeline) |
| engine6.html | 306 | 19 | v0.1.5 (Correction) |
| engine7.html | 418 | 28 | v0.1.6 (Strict Port — particles + terrain) |
| engine8.html | 366 | 28 | v0.1.8 (Final Strict) |

Evolutionary refinement of a JSON scene playback system. engine7/engine8 add particles + terrain.

---

### 6.5 `gemini/` — Mixed Collection (11 files, 4.2K lines)

#### immersive_boilerplate_cyber_tunnel — 3 files
SYNAPSE-themed cyber tunnel with audio reactivity.
- `v1_0_5` (915L/37KB): Deep configurable version — Three.js + GLSL + Audio + PostFX
- `v1_0_6` (483L/22KB): Telemetry overlay variant
- `v1_0_10` (492L/23KB): Reactive controls — simplified

#### landing-v0_0_1 through v0_0_5 — 5 files
"Aethelgard: The Shattered Realms" RPG landing pages.
- v0_0_1–v0_0_2: Static HTML/CSS landing (~200 lines)
- v0_0_3: Adds WebGPU + WGSL shader background
- v0_0_4–v0_0_5: Simplified versions (~170 lines)

#### math-odyssey-dynamic-v1_0_2 (402L/13KB)
CS & Math procedural art — raw WebGL + GLSL, no Three.js.

#### synapse_demo-v0_0_1 (525L/19KB)
SYNAPSE realtime demoscene — Three.js + GLSL + particles + audio + post-FX. Larger than webgpu/ synapse_demos.

#### terminal.html (337L/10KB)
MS-DOS shell replica — pure HTML/CSS/JS, no WebGL.

---

### 6.6 `lowpoly/` — Lowpoly Demoscene World (5 files, 6.9K lines)

| File | Lines | KB | Notes |
|---|---|---|---|
| v0_2_2 | 1,310 | 38 | Three.js, particles, terrain |
| v0_2_3 | 1,433 | 42 | Adds WebGL + WGSL + GLSL shaders, post-FX |
| v0_2_4 | 1,431 | 42 | Near-identical to v0.2.3 |
| v0_2_5 | 1,367 | 39 | Drops some GLSL, keeps WGSL |
| v0_2_6 | 1,367 | 39 | **EXACT DUPLICATE of v0.2.5** |

---

### 6.7 `synapse/` — SYNAPSE 13 Convergence (3 files, 2.5K lines)

| File | Lines | KB | Description |
|---|---|---|---|
| synapse_13.html | 534 | 26 | Base version — audio + physics + post-FX |
| synapse_13_2.html | 871 | 34 | JSON Show Player variant — adds particles |
| index.html | 1,089 | 40 | JSON Player with full scene management |

All Three.js + WebGL + GLSL + audio reactive.

---

### 6.8 `dev1/` — Sync Engine Prototypes (2 files, 2.8K lines)

**Only files in the entire collection with a synchronization engine.**

| File | Lines | KB | Description |
|---|---|---|---|
| dev1-new3d-v0_0_1.html | 1,659 | 53 | Three.js + WebGL + GLSL + `createLocalSyncEngine()` + terrain + post-FX |
| dev1-new3d-v0_0_2.html | 1,108 | 34 | Three.js + `createLocalSyncEngine()` + terrain + post-FX (no inline GLSL) |

The sync engine uses `createLocalSyncEngine(syncConfig)` — a local state synchronization system for multi-instance coordination. Both include JSON data files (`dev1-new3d-v0_0_2.data.json`).

---

### 6.9 `k55/` — Fitness & Olympic Trackers (3 files, 1.7K lines)

| File | Lines | KB | Description |
|---|---|---|---|
| fitness-dashboard-v0_0_1.html | 576 | 21 | WebBLE fitness dashboard — Bluetooth heart rate sensors |
| olympic-tracker-v0_0_1.html | 403 | 17 | Quantum kinematics & metabolic tracker |
| olympic-tracker-v0_0_2.html | 711 | 34 | Enhanced version |

No WebGL/Three.js — pure data visualization with HTML/CSS/JS.

---

### 6.10 `krakow/` (1 file, 1.2K lines)
`krakow-history-landing-v0_0_1.html` — 1,164 lines, 38KB. "Kraków Time-Lens" — historical photo gallery (1870–1925) with interactive timeline. No WebGL.

### 6.11 `kroniki/` (3 files, 2.2K lines)
"Kroniki Z Wczoraj" — retro exhibition pages.
- `kroniki-retro-v1` (983L/31KB): Retro-styled gallery
- `kroniki-v0_0_4` (557L/29KB): 3D exhibition with Three.js
- `kroniki-v0_0_5` (675L/37KB): Premium Awangarda edition — Three.js + particles

### 6.12 `3dplay/` (1 file, 49 lines)
Stub/skeleton for 3D Effect Editor & Player. External `script.js` + `style.css`.

### 6.13 `demos/` (1 file, 128 lines)
`demo001.html` — minimal Three.js scene test.

### 6.14 Root
- `index.html` (23 lines): nginx welcome page
- `3d.html` (3,514 lines/121KB): WebGPU/WebGL Effect Gallery — Three.js + GLSL + particles + terrain + post-FX. Same content as `html/3d.html` but with slightly different file size (124KB vs 122KB on disk — likely different whitespace/encoding).

---

## 7. Summary Statistics

### By complexity tier:
| Tier | Files | Lines | Description |
|---|---|---|---|
| **Mega** (>3000L) | 12 | 43,500+ | new3d 19–29, webgpu2, 3d.html, synapse v2.1.x |
| **Large** (1000–3000L) | 35 | 55,000+ | runtime series, new3d early, giza, lowpoly, synapse merged |
| **Medium** (300–1000L) | 60 | 38,000+ | engine, gemini, synapse_genesis v1, landing, terrain |
| **Small** (<300L) | 45 | 8,000+ | synapse_demo, genesis v0.1, landing v4/5, boilerplate |

### Cleanable duplicates: **14 files** (~650 KB recoverable)
- 7 exact duplicates (byte-identical)
- 7 near-duplicates (title-only diffs)
- Additional ~20 incremental versions in new3d series could be pruned to keep every 3rd–5th version

### Key files to keep (latest/most complete):
1. `webgpu/new3d-v0_0_29.html` — latest NEOLITHIC MONUMENTAL FIELD (4,327L)
2. `webgpu/webgpu-synapse-genesis-v2_1_4.html` — latest SYNAPSE GENESIS (4,223L)
3. `webgpu/giza-drone-flight-v0_0_7.html` — latest GIZA drone (1,742L)
4. `runtime/runtime42.html` — most feature-rich runtime (1,947L, audio+physics)
5. `webgpu/webgpu-blank-boilerplate-v0_0_1.html` — clean WebGPU starter (571L)
6. `webgpu/webgpu.html` — actual WebGPU API usage (2,486L)
7. `dev1/dev1-new3d-v0_0_1.html` — only sync engine prototype (1,659L)
8. `synapse/index.html` — SYNAPSE 13 JSON player (1,089L)
9. `html/browser_feature_probe_v0_1_0.html` — feature detection (1,065L)
10. `k55/fitness-dashboard-v0_0_1.html` — WebBLE (576L)