คลังผลงาน
2026 · Mar·demo·web-app·live

3D Playground

แซนด์บ็อกซ์อินเตอร์แอคทีฟสำหรับทดลอง Three.js และ React Three Fiber. กล้อง shader และ post-processing รวมในที่เดียว

ผลกระทบ

ทดสอบเทคนิคที่นี่ก่อนเอาไปใช้กับงานลูกค้า เปิดสาธารณะให้ใครก็หยิบไปใช้ได้

เทคโนโลยี
ReactTypeScriptThree.jsReact Three Fiber

แซนด์บ็อกซ์อินเตอร์แอคทีฟสำหรับทดลอง Three.js และ React Three Fiber กล้อง shader post-processing geometry generator รวมที่เดียว

ภาพรวม

งาน 3D จริงต้องการ feedback loop ที่เร็ว ที่นี่คือห้องแล็บ ทุกเทคนิคถูกทดลองที่นี่ก่อนใช้กับงานลูกค้า repo เปิดสาธารณะ ใครทำงาน WebGL หยิบ recipe ไปใช้ได้

สิ่งที่ทำได้

  • ตัวเลือกฉาก free-camera พร้อม reset และ preset
  • playground shader พร้อม live editor
  • ชั้น post-processing เปิดปิด effect ได้
  • generator geometry และ material
  • หน้าจอเปรียบเทียบเคียงกัน

ไฮไลต์

  • ทุกเทคนิคที่นี่เคยใช้กับงานลูกค้าจริงก่อน
  • repo เดียว deploy เดียว ใครก็ fork ทดลองได้
  • มี fallback สำหรับมือถือที่ไม่รองรับ WebGPU

อยากให้สร้างคล้ายๆ กัน?

ผลงานที่เกี่ยวข้อง

Chat Analyzer Pro cover
DemoLive
2025

Chat Analyzer Pro

สถิติแชทเน้นความเป็นส่วนตัว ลาก export จาก WhatsApp Messenger Instagram Telegram หรือ Discord เข้ามา ทุก byte อยู่ในเบราว์เซอร์

Next.jsReactTypeScriptD3
Business Metrics Dashboard cover
DemoLive
2025

Business Metrics Dashboard

template แดชบอร์ด analytics ติดตาม KPI revenue waterfall cohort retention funnel conversion และ LTV ลูกค้า

Next.jsReactTypeScriptRecharts
SVP Root cover
ClientLive
2026

SVP Root

เว็บ WordPress เดี่ยวสำหรับสาขาท้องถิ่นสวิส แบรนด์ดิ้งเองบนฐาน Divi เลย์เอาต์เชิงบรรณาธิการ ดูแลง่าย

WordPressPHPDivi