realtime creative engine

NEON
VECTOR

Eksperimen visual desktop-first yang menggabungkan HTML5, CSS3, Canvas 2D, SVG, WebGL/WebGPU, JavaScript, dan Three.js dalam satu halaman. Fokusnya: halus, ringan, responsif, dan tetap cakep ketika digeber.

Explore Stack →
THREE.JS / REALTIME Detecting…

THE STACK

Semua layer punya tugas jelas. DOM untuk struktur, CSS untuk visual, Canvas untuk FX, SVG untuk vector detail, dan Three.js untuk scene 3D.

◈

HTML5

Semantic structure, accessible controls, responsive viewport, dan tanpa framework UI berat.

✦

CSS3

Glass panels, gradients, fluid typography, responsive desktop/mobile layout, dan GPU-friendly transforms.

◎

Canvas 2D

Background particles digambar per frame dengan device-pixel-ratio yang dibatasi agar tetap ringan.

◇

SVG

Vector ring di monitor FPS tetap tajam pada layar high-DPI tanpa bitmap blur.

△

WebGL

Fallback renderer Three.js yang matang dan kompatibel luas pada browser desktop modern.

⚡

WebGPU

Jika browser mendukung WebGPU, Three.js mencoba renderer WebGPU terlebih dahulu; bila gagal, otomatis turun ke WebGL.

60 FPS LAB

Monitor ini membaca frame time aktual dari browser. Angka bukan animasi palsu.

FPS
Frame rate --
Frame time --
Render API --