01
React + TypeScript + Three.js
Responsive Vision Control System
React and TypeScript interactive simulation combining a 3D parking scene with a live dashboard. Features occupancy tracking, status level indicators, manual entry and exit controls, and auto-simulation with a live event log. Best experienced on laptop or tablet.
3D Parking Scene
Occupancy Dashboard
Manual Controls
Auto-Simulation
Event Log
LED Status
Live embedded preview. If your browser blocks interaction here, use the launch button below.
02
HTML + CSS + JavaScript + Three.js
Standalone Three.js Parkade Simulator
Standalone single-page 3D parking environment with camera presets, add and remove car controls, gate animations, occupancy thresholds, LED status indicators, and a responsive control overlay. No framework dependencies. Best on laptop or tablet.
Camera Presets
Gate Animations
Add and Remove Cars
Occupancy Threshold
LED Indicators
No Framework
Live embedded preview. If your browser blocks interaction here, use the launch button below.
03
React App + Cloudflare Pages
Interactive Demo 3: Automated Parkade Simulation
React app built to simulate the parking system flow with a focused interactive experience for occupancy behavior, vehicle movement, and parkade status feedback.
React App
Parking Flow
Occupancy Logic
Status Feedback
Interactive Demo
Cloudflare Pages
Live embedded preview. If your browser blocks interaction here, use the launch button below.
These simulations are standalone web apps hosted on Netlify and Cloudflare Pages. They work independently of this website and require no installation. A modern browser with WebGL support is recommended for the 3D scenes.