INTERACTIVE COMPUTATIONAL SIMULATIONS
Interactive Engineering & STEM Visual Lab
Hands-on visual simulations powered by Anime.js and WebGL/Canvas. Built with IntersectionObserver to completely halt animation loops when scrolled offscreen, guaranteeing 60 FPS and 0% background CPU waste.
Lab 01: 2D Harmonic Wave Matrix Dispersion
STANDALONE DEMO2D Harmonic Wave Matrix Dispersion
Anime.js v3.2Radial stagger dispersion simulating seismic and electromagnetic wave propagation across discrete 2D lattice.
WAVE PERIOD: 1200ms
AMPLITUDE: 2.2x
Lab 02: Cluster Ingress Mesh & Packet Routing
STANDALONE DEMOCluster Ingress & Packet Mesh Routing
eBPF / WireGuardSimulated BGP Anycast routing through nftables ingress proxies to backend Proxmox VE worker nodes.
EDGE_GWBGP AnycastIP 194.26.29.1
INGRESS_LBKeepalivedHA Virtual IP
WORKER_01KVM / Ceph10GbE Mesh
PACKETS ROUTED1,420
INTERNAL LATENCY0.42 ms
COROSYNC QUORUM3/3 NODES
DROPPED FRAMES0.000%
Lab 03: 10+2 Calculus & STEM Vector Field Phase Portrait
STANDALONE DEMO10+2 Calculus & STEM Vector Field Visualizer
Calculus & MechanicsDynamic phase portrait illustrating vector differentials F(x, y), curl, divergence, and fluid streamlines for Senior Secondary STEM students.
STREAM SPEED: 1.2x
PARTICLE DENSITY: 180