เดโม

ทุกชิ้นสร้างจากโค้ด ไม่ใช่ภาพ/วิดีโอที่ gen ออกมาแล้วจบ — เปิดดูได้ทันที และรันในเบราว์เซอร์คุณ

Cozy 3D

ฉาก 3D จากโค้ดล้วน · three.js + particle + candle light · เรนเดอร์เป็น mp4 ได้

three.js

Shader

fbm domain-warping ใน raw WebGL — 1 fragment shader ไม่ใช้ไลบรารี

WebGL

Flow Field

6,000 อนุภาคในสนามลม · canvas 2d · ขยับเมาส์เพื่อเบนลม

canvas

Kinetic Type

ตัวอักษรไทย/อังกฤษเคลื่อนที่ · CSS transform เท่านั้น

CSS

Image → 3D

ภาพถ่าย → ถอดเป็น lathe geometry ด้วยมือ · เทียบซ้าย-ขวาได้

three.js

Raymarch SDF

ทรง 3D จากสมการ distance field · raymarch 96 ก้าวใน shader · soft shadow + AO

WebGL

Synth

เสียงสังเคราะห์สดด้วย Web Audio API · pad + arpeggio + hat · ไม่มีไฟล์เสียง

Web Audio

วิดีโอที่เรนเดอร์

คลิป MP4 ที่เรนเดอร์เฟรมต่อเฟรมจากโค้ด + ผลตรวจตา/หู

ffmpeg · media_qa