Ten autonomous benchmarks. Procedural 3D worlds, real-time logistics digital twins, and cinematic web platforms, crafted with modern AI models.

10 Autonomous Benchmark Builds
10 Verified Archives

Benchmark Recap

Archive of 10 benchmark builds from /Documents/benchmark. Inspect project architectures, live web viewports, and verification matrices with interactive 3D folders.

Source directory
/Documents/benchmark
Archive scope
10 local projects · 20 web viewports
Target engines
Three.js · WebGL2 · React · Next.js
Click folder to toggle · Drag preview viewports · Click to launch live application10 / 10
GPT-6 Astra
Production

Capys: AI Technology Agency

AI Video Production, Virtual Influencer & Modern Web Platform

Agency teknologi AI solo-founder milik Radea yang memproduksi AI video (AI influencer, video ads, serial konten), web development modern, dan integrasi AI kustom.

capys.agency/hero
Live Web Viewport

Studio Landing & Video Hero

Studio video AI dengan orbit showcase, interactive client brief generator, dan floating cursor collab.

Hero video orbitPlaywright verified
/benchmarks/capys/Open
capys.agency/services
Interactive Grid

Services & Scope Matrix

Matriks layanan produksi video AI, otomasi workflow, dan company profile modern.

3 Service tracksBrief modal
/benchmarks/capys/#layananOpen
Folder open
PRD Specv1.0 (14 Okt 2026)
HTML Bundle89.8 KB static out
Next.js 16.4.0React 19.3.0TypeScript 6.0.3Playwright 1.64.0+1
Live Preview
GPT-6 Astra
Verified

Pear · Makes You Appear

Cinematic Scroll-Driven WebGL Film & Interactive Experience

Rekreasi lokal dari website sinematik pear.no. Menjalankan scroll-driven films beresolusi tinggi, navigasi babak WebGL, dan simulasi form kontak lokal tanpa dependensi eksternal.

pear.cinema/reveal
WebGL Film Player

Cinematic Scroll Film

Streaming frame film beresolusi tinggi yang digerakkan secara presisi oleh posisi scroll pengguna.

3 Modes: Reveal, Signal, ColossusCSS3 perspective canvas
https://pear-cinematic-web.vercel.appOpen
pear.cinema/chapters
Interactive Story

Chapter Navigation & Local Form

Navigasi babak film interaktif dan formulir kontak lokal dengan validasi instant preview.

Interactive act timelineOffline submission viewer
https://pear-cinematic-web.vercel.appOpen
Folder open
Hero Film Modes3 Modes (Reveal / Signal / Colossus)
Asset QualityFull-resolution desktop frames on mobile
Vanilla JavaScriptWebGL CanvasNode.js 18+CSS3 Perspective+1
Live Preview
GPT-6 Astra
Verified

Shopify Editions | Winter '26

High-Fidelity 1.45 MB HTML Release Showcase Recreation

Rekreasi lokal dari rilis produk global Shopify Editions Winter 2026. Menggunakan 1.45 MB bundel HTML dan CSS orisinal dengan runtime terpatch untuk eksekusi lokal tanpa dependensi backend eksternal.

shopify.editions/winter26
Enterprise Showcase

Editions Showcase Viewport

Tampilan rilis produk global Shopify Editions Winter 2026 dengan animasi CSS3 dan tata letak modular.

1.45 MB standalone HTMLOffline patched runtime
https://shopify-editions-winter-2026.vercel.app/editions/winter2026Open
shopify.editions/features
Interactive Modules

Product Feature Showcase

Katalog pembaruan produk, visualisasi inventaris logistik, dan kartu interaktif dengan tipografi orisinal.

Custom web font suiteAsset integrity checked
https://shopify-editions-winter-2026.vercel.app/editions/winter2026Open
Folder open
HTML Payload1.45 MB standalone
Patch PipelineRuntime sanitization scripts
HTML5CSS3JavaScript ES ModulesNode.js Dev Server+1
Live Preview
GPT-6 Astra
Verified

Pulau Pelan · Liburan Kecilmu

3D Open World Tropical Sandbox with Procedural Web Audio Synth

Game 3D open world kecil untuk liburan tanpa tenggat. Low-poly tropis hangat dengan 6 NPC unik, sistem ekonomi koin, petik kelapa, menanam bunga, dan siklus siang-malam.

pulau.pelan/3d-world
WebGL2 Viewport

Tropical Island 3D Sandbox

Pulau tropis low-poly dengan 6 NPC interaktif, shader ombak gerstner, dan siklus pencahayaan dinamis.

Three.js r180 engine64/64 runtime checks
/benchmarks/pulau-pelan.htmlOpen
pulau.pelan/economy
Simulation UI

NPC & Economy System

Sistem dialog 6 penduduk desa, pasar barter kerang pantai, dan penanaman bunga di bukit selimut.

Pak Wira & Mira NPCsZero external audio files
/benchmarks/pulau-pelan.htmlOpen
Folder open
Runtime MatrixPASS: 64/64 checks
Instanced Mesh7 Meshes (Pohon, Buah, Rumput)
Three.js r180WebGL 2Web Audio APIHTML5 CanvasTexture+1
Live Preview
GPT-6 Astra
Verified

Kaze · Angin Terakhir

3D Procedural Samurai Action & Guiding Wind Mechanics

Petualangan samurai 3D di antara padang rumput, sakura, dan angin penunjuk jalan. Seluruh dunia, model karakter, dan tekstur dibuat secara prosedural dalam satu file HTML.

kaze.action/samurai
WebGL2 Combat

Guiding Wind & Samurai Battle

Mekanika aliran angin penunjuk jalan, partikel daun sakura dinamis, dan animasi tebasan pedang.

Guiding wind vector fieldProcedural kimono textures
/benchmarks/kaze.htmlOpen
kaze.action/environment
Procedural Scene

Procedural Shinto Shrine

Padang rumput berombak dan gerbang kuil merah yang dirender sepenuhnya secara prosedural di browser.

Zero textures downloadedSmooth orbit third-person
/benchmarks/kaze.htmlOpen
Folder open
Lines of Code1,146 lines HTML
Asset Size88.2 KB self-contained
Three.jsWebGL 2HTML5 Canvas ProceduralGLSL Shaders+1
Live Preview
GPT-6 Astra
Verified

Lembah Embun · Musim untuk Pulang

3D Cozy Farming Simulation with Full Story Arc in Single-File HTML

Game kebun 3D cozy dalam satu file HTML dengan cerita berbahasa Indonesia. Bercocok tanam, berinteraksi dengan penduduk desa, mengelola stamina harian, dan menyelesaikan alur cerita hingga ending.

lembah.embun/farm
Farming Sandbox

Terraced Farming Viewport

Plot perkebunan berundak dengan siklus siram, tanam benih, dan panen musiman beranimasi.

1,296 lines standaloneFull narrative ending
/benchmarks/lembah-embun.htmlOpen
lembah.embun/story
Narrative UI

Village Dialogue Tree

Percakapan naratif menyentuh dengan penduduk desa berbahasa Indonesia dan progres stamina harian.

40/40 Playwright QA passStamina & clock meter
/benchmarks/lembah-embun.htmlOpen
Folder open
QA Checks40/40 PASS (22+18)
Story ArcFull Ending Reached
Three.jsWebGL 2HTML CanvaslocalStorage State+1
Live Preview
GPT-6 Astra Max
Verified

WareTrack · Operations Command

3D Digital Twin Warehouse Operations with React Three Fiber & Drei

Aplikasi manajemen gudang dengan visualisasi 3D bergaya game strategi. Mengoperasikan 3 distribution centers (Jakarta, Surabaya, Makassar), 12 rak per gudang, 4 dock, 6 truk, dan 3 forklift dengan KPI real-time.

waretrack-astra.vercel.app
R3F Interactive Canvas

3D Digital Twin Warehouse

Visualisasi 3D isometrik gudang dengan raycasting rak, armada forklift bergerak, dan status dock real-time.

React 19 + Drei 10.7Dual camera iso/topdown
https://waretrack-astra.vercel.appOpen
waretrack-astra.vercel.app/kpi
Logistics Dashboard

Operations Command Center

Panel kendali inventaris dengan kecepatan simulasi 1x/2x/4x, ekspor CSV pengiriman, dan On-Time Delivery.

Deterministic reducer state3 Regional hubs
https://waretrack-astra.vercel.appOpen
Folder open
Distribution Centers3 Hubs (CGK, SUB, UPG)
Simulation CycleDeterministic Reducer
React 19.3.0Vite 8.3.4Three.js 0.186.1React Three Fiber 9.8.1+2
Live Preview
GPT-6.1 Sol
Verified

WareTrack · Command Center (6.1 Sol)

High-Performance Warehouse Logistics Engine & Verification Matrix

Varian arsitektur WareTrack Command Center dengan fokus validasi dependensi zero-error, verifikasi kompilasi bundel produksi Vite, dan uji ketahanan layout responsif 1600px hingga 600px.

waretrack-sol.vercel.app
Command Center

Sol 6.1 Logistics Viewport

Arsitektur Vite produksi berperforma tinggi dengan adaptasi 5 breakpoint dan integrasi Three.js.

Exit code 0 build verifiedZero missing dependencies
https://waretrack-sol.vercel.appOpen
waretrack-sol.vercel.app/tests
Validation Matrix

Simulation Unit Engine

Pengujian determinisme transaksi inventaris gudang via native Node.js test runner.

Native node:test runnerAccessibility reduced-motion
https://waretrack-sol.vercel.appOpen
Folder open
Production BuildExit code 0 (PASS)
Dependencies100% Valid (0 missing)
React 19.3.0Vite 8.3.4Three.js 0.186.1Node.js Test Runner+1
Live Preview
DeepSeek 4.1 Flash
Verified

Simulasi Air · Gerstner + Refraksi Layar

3-Layer Gerstner Wave Displacement & Screen-Space Refraction Shader

Simulasi air tingkat lanjut berbasis WebGL2: tiga lapis gelombang Gerstner, dua normal map prosedural, refraksi ruang layar (screen-space refraction), dan buih tepi berbasis depth buffer.

deepseek.water/glsl
GLSL Shader Viewport

Gerstner Water Surface & Refraction

Simulasi air 3 lapis gelombang Gerstner dengan refraksi ruang layar dan buih pantai kedalaman.

1,192 lines shader codeScreen-space refraction
/benchmarks/deepseek-4.1-flash-water.htmlOpen
deepseek.water/controls
Parameter GUI

Wave Physics GUI Panel

Kontrol interaktif parameter kecuraman gelombang, panjang gelombang, sudut matahari, dan densitas buih.

Depth buffer foamWebGL2 fallback detection
/benchmarks/deepseek-4.1-flash-water.htmlOpen
Folder open
Shader Code1,192 lines single-file
File Size51.2 KB
Three.js 0.169.0WebGL 2GLSL Custom ShadersDepth Buffer Foam+1
Live Preview
Claude Haiku 5.5
Verified

Water Simulation · Fragment Displacement

Interactive Water Surface with Tropical & River Climate Presets

Simulasi permukaan air interaktif dengan plane displacement kustom, kontrol orbit kamera halus, serta preset Tropical dan River yang mengubah seluruh parameter simulasi secara serempak.

haiku.water/simulation
Shader Canvas

Displacement Mesh Viewport

Simulasi bidang air terdistorsi vertikal dengan kontrol orbit kamera halus dan pencahayaan Phong.

689 lines single-fileSmooth OrbitControls
/benchmarks/haiku-5.5-water.htmlOpen
haiku.water/climate
Preset Switcher

Tropical & River Climate Presets

Dua preset iklim instan yang mengubah palet air, kecepatan ombak, dan warna buih secara harmonis.

Tropical blue modeRiver green mode
/benchmarks/haiku-5.5-water.htmlOpen
Folder open
Lines of Code689 lines single-file
Asset Size23.2 KB
Three.js 0.160.0WebGL 2GLSL ShadersOrbitControls+1
Live Preview