Visual Teaching Instances · Interactive HTML + SVG

5 Live Simulators

Interactive Architecture & Systems Lab

Systems are easier to reason about when you can watch state transitions happen. Toggle failure modes, trigger Zigbee mesh scenes, fan out Go channels, and inspect 60FPS shader pipelines directly in the browser.

01 Kubernetes
Read companion guide: Kubernetes Architecture From First Principles →

Simulate a live Pod OOMKill crash, watch ReplicaSet reconciliation spawn a replacement pod, and inspect zero-downtime RollingUpdate v1→v2 traffic routing.

Interactive Architecture Instance · Kubernetes

Kubernetes Control Plane, Self-Healing & Service Routing

STATE: STEADY Desired = 3 · Ready = 3 · ClusterIP 10.96.0.10 load-balancing across all 3 healthy Go API pods.
CONTROL PLANE (MASTER NODE) · DESIRED STATE ENGINE WORKER NODES · DATA PLANE & POD WORKLOADS (NAMESPACE: production) Watch / Reconcile YAML Controller Manager ReplicaSet Loop: Desired = 3 Status: 3/3 Matched kube-apiserver REST + Watch Gate (:6443) AuthN / AuthZ / Admission etcd Store Raft Consensus KV /registry/pods/... kube-scheduler Filter & Score Nodes CPU/Mem Requests OK Ingress (:443) api.divineforge TLS Termination kubelet + kube-proxy CRI Containerd + IPVS Probes: /healthz :8080 Service: ClusterIP go-api-svc · 10.96.0.10:80 Endpoints: 3 Ready Pods ConfigMap + PVC env-config · db-secret PVC: 20Gi (ReadWriteOnce) pod/go-api-7f8c-1 10.244.1.12 · Node-01 Image: go-api:v1.4.0 ● Running (Ready) pod/go-api-7f8c-2 10.244.1.18 · Node-01 Image: go-api:v1.4.0 ● Running (Ready) pod/go-api-7f8c-3 10.244.2.09 · Node-02 Image: go-api:v1.4.0 ● Running (Ready) pod/go-api-4 Node-02 Slot Standby / Surge ○ Idle Slot Control Loop Networking / Service Healthy Pod (Ready) Fault / Evicted Pod State / etcd / PVC

Desired-State Reconciliation

  • • Never deploy bare Pods; a Deployment manages a ReplicaSet.
  • • When a Pod crashes, Controller Manager detects actual < desired and schedules a replacement automatically.

Service Discovery & Readiness

  • • Pods are ephemeral and their IPs change on every reschedule.
  • • Service (ClusterIP) + readinessProbe ensures traffic only routes to healthy containers.

12-Factor Config & Persistence

  • • Decouple config via ConfigMap and credentials via Secret mounts.
  • • Stateful workloads bind a PersistentVolumeClaim (PVC) so data outlives pod restarts.
02 Golang
Read companion guide: Concurrency in Go: Goroutines, Channels, and Select →

Step through buffered job channels fanning out across 4 lightweight goroutines (~4KB stack), WaitGroup fan-in multiplexing, and leak-free ctx.Done() cancellation.

Interactive Systems Instance · Golang

Goroutine Scheduler, Fan-Out / Fan-In Channels & Context Cancellation

GOMAXPROCS: 4 Fan-Out distributes buffered jobs across 4 lightweight goroutines (~4KB stack, ~200ns spawn) and fans results into a single output channel.
GO RUNTIME (M:N SCHEDULER) · CSP CONCURRENCY PRIMITIVES jobs := make(chan Job) Buffered Queue (cap: 100) [Job#1][Job#2][Job#3]... Sender calls close(jobs) go worker(ctx, 1) Stack: 4KB · Processing Job #1 go worker(ctx, 2) Stack: 4KB · Processing Job #2 go worker(ctx, 3) Stack: 4KB · Processing Job #3 go worker(ctx, 4) Stack: 4KB · Processing Job #4 ctx, cancel := WithTimeout(5s) Fan-In + select Multiplexer sync.WaitGroup.Wait() -> close(out) case res := <-out: // stream result case <-ctx.Done(): // zero leak exit Channel send/recv: ~50ns Go Concurrency Invariant: Share memory by communicating · Only the sender closes a channel · Always guard sends with ctx.Done()
03 Smart Home
Read companion guide: Smart Home with Zigbee — A Malaysia Context →

Trigger wireless Moes 4-gang scenes, trace 2.4GHz Zigbee mesh hops across mains-powered repeaters, and compare Neutral vs No-Neutral (SONOFF ZBMINIL2) wiring.

Interactive Hardware & IoT Instance · Smart Home

2.4GHz Zigbee Mesh, Scene Automation & Malaysian Switch Wiring

MESH: ONLINE 1 LAN IP used on Router · Mains-powered Zigbee nodes act as mesh repeaters across 240V Type-G circuits.
HOME LAN / IPv6 LAYER · WIFI & MATTER BORDER ROUTING ZIGBEE 3.0 MESH LAYER (2.4GHz) · ZERO WIFI CONGESTION · SELF-HEALING REPEATER TOPOLOGY Matter / Thread IPv6 Ethernet / 1 IP Scene Trigger Google Home App Voice & Away Routines Mobile / Tuya + Matter Sync Home WiFi Router Dual-Band LAN · Uncongested Only 1 Gateway IP for 40+ Zigbee Nodes Google Nest Hub (2nd Gen) Local Controller & Display Thread Border Router + Matter SONOFF MINIR4M Matter over WiFi Relay 100% Local Multi-Admin (Requires N) Zigbee 3.0 Gateway Hub SONOFF ZBBridge-P / Tuya Wired Hub Coordinator: 38 Mesh Nodes Active Moes 4-Gang Scene Switch Wireless End-Device (No Wiring) Active Scene: Button 1 (All On) Tuya Zigbee Downlights E27 / Recessed · Mesh Router 2700K–6500K RGBCW 💡 100% Brightness SONOFF ZBMINIL2 No-Neutral Wall Box Relay Live + Switched Live Only 🔌 Wall Switch: ON Ceiling Fan Controller Zigbee Load + Speed Module Mains Mesh Repeater 🌀 Speed 3 (Cool) DIN Rail Breaker (DB Box) 240V AC 35mm Rail · Heater/AC kWh Metering + Repeater ⚡ Circuit: Energized 🇲🇾 Malaysia 240V 50Hz Type-G Architecture · Mains nodes repeat Zigbee 2.4GHz mesh · Battery scene switches act as leaf nodes

Why 2.4GHz Zigbee Over WiFi

  • • 40 WiFi bulbs choke consumer routers; 40 Zigbee nodes strengthen the mesh.
  • • Every mains-powered relay/bulb routes packets for battery sensors and switches.

Malaysian No-Neutral Solution

  • • Most Malaysian wall boxes carry only Live and Switched Live.
  • • Use SONOFF ZBMINIL2 (no-neutral relay) or wireless Moes 4-Gang kinetic/battery switches.

DB Box & Matter Evolution

  • • High-load appliances (water heaters, A/C) are controlled at the 35mm DIN rail in the DB box.
  • • SONOFF MINIR4M adds local IPv6 Matter Multi-Admin across Google, Apple, and Home Assistant.
04 Game Dev
Read companion guide: Game Engine Architecture for Systems Builders →

Inspect the 16.67ms (60FPS) deterministic frame pipeline and compare how Three.js (WebGL/WebGPU), Unity (C#/DOTS), and Phaser 4 (The Atrium) structure worlds.

Interactive Game Architecture Instance · Unity · Three.js · Phaser 4

Real-Time 60FPS Frame Pipeline & Engine Architecture Comparison

FRAME BUDGET: 16.67ms Every game engine is a deterministic state machine running inside a 16.67ms tick: Poll Input → Fixed Physics Step → ECS/Scene Update → Shader Draw Calls.
DETERMINISTIC REAL-TIME GAME LOOP · 60 FPS = 16.67ms PER FRAME BUDGET ENGINE ARCHITECTURE MATRIX · THREE.JS vs UNITY vs PHASER 4 requestAnimationFrame / VSync Next Frame Tick (Δt) 1. Input & Events WASD / Touch / Raycast Command Buffer Queue Budget: ~0.5ms 2. Fixed Physics (Δt) Colliders, Raycasts & A* Deterministic Timestep Budget: ~3.0ms 3. ECS & Scene Graph Transforms, AI State, Tweens World Matrix Hierarchy Budget: ~4.5ms 4. GPU Render Pass Cull -> Batch -> Shaders Vertex + Fragment GLSL Budget: ~8.0ms Three.js (WebGL2 / WebGPU) Browser-Native 3D & Interactive Teaching • Scene + PerspectiveCamera + Mesh • BufferGeometry + ShaderMaterial (GLSL) • InstancedMesh for 10k+ 60fps objects • Zero install: runs inline in Astro/HTML Best for: Interactive 3D Web Visualizers Unity Engine (C# / DOTS) Full 3D/2D Production & Simulation • GameObject / MonoBehaviour + Prefabs • DOTS ECS + C# Job System + Burst • URP / HDRP Shader Graph & Lightmaps • Targets Desktop, Mobile, Console, WebGL Best for: Heavy 3D Worlds & Physics Sims Phaser 4 (2D WebGL World) Powers DivineForge's "The Emporium" • Top-Down Tilemap + Depth Y-Sorting • Procedural Canvas Sprite Generation • NPC Sentinel State Machine & A* Path • Hybrid HTML DOM Drawer + WebGL Canvas Live on site: /emporium (Playable Now) Distributed Systems ↔ Game Engines: Event Loops = Game Loops · Actor/CSP = ECS · Load Balancers = Spatial Hash Grids
05 Architecture
Read companion guide: Agentic Self-Building Loop →

Trace how ontology-bound AI agents harvest context, verify code in sandboxes, and pause at the Telegram Sentinel human-in-the-loop gate before shipping.

Interactive AI Systems Instance · Agentic Architecture

Closed-Loop Self-Building Agent Harness & Sentinel Gate

LOOP: ACTIVE Agents harvest ontology & repo context, draft verified PRs in sandbox, and request human approval via Telegram Sentinel before deploy.
AUTONOMOUS HARNESS TIER · CONTEXT, REASONING & SANDBOX VERIFICATION HUMAN-IN-THE-LOOP CONSULTATION GATE & PRODUCTION TELEMETRY Consultation Report + Diff Preview /approve Live Metrics & Drift Telemetry 1. Context & Ontology Palantir Foundry / PGVector AGENTS.md Constitution Lineage & Schema Bound 2. L0/L1 Reasoning Engine Architecture Proposal & Plan Azure OpenAI / Antigravity Pro Spec & Trade-offs Synthesized 3. Sandbox Code & Verify GitHub Copilot / Worker Agent AST + Typecheck + E2E Audit Build Green · Preview Ready 4. Human Consultant Gate Telegram Sentinel (@divineforgeBot) Review Live Tailscale Preview Link ⚡ Decisions: /approve or /revise 5. Trunk Merge & Deploy GitHub Actions -> Cloudflare Zero-Downtime Edge Cutover 🚀 Production Synced The agent proposes; the human disposes · Consultation-before-publish prevents architectural drift

Live 2D WebGL Engine Instance

Step Inside The Emporium (Phaser 4 World)

Want to see the game loop in action? Walk the pixel-art lab floor, switch between the 6 Stacky Sentinels (Spark, Tether, Atlas, Canvas, Kinetic, Ying), and inspect how a WebGL tilemap pairs with an accessible DOM drawer.

Launch Emporium /emporium · Interactive 2D →

    / or Ctrl K to open ↓ ↑ to move, Esc to close