Lab
Shader Art WebGL · GLSL fragment shader
WebGL · GLSL · per-pixel on GPU

วาดภาพด้วยGPU

fragment shader = โปรแกรมที่ GPU รันให้ ทุกพิกเซลพร้อมกัน คำนวณสีจากตำแหน่ง+เวลา ไม่มีรูปต้นฉบับเลย ทุกอย่างเกิดจากสมการล้วน ๆ. ขยับเมาส์บนภาพเพื่อโต้ตอบ. เขียน WebGL ดิบ (ไม่มี three.js)

เบราว์เซอร์/เครื่องนี้เปิด WebGL ไม่ได้ 😅
ลองเปิดในเบราว์เซอร์ที่รองรับ WebGL (Chrome/Edge/Firefox/Safari รุ่นใหม่) เพื่อดูเชดเดอร์

สลับเชดเดอร์ได้ทันที · เลื่อนเมาส์เพื่อบิดภาพ · ตั้ง “ลดการเคลื่อนไหว” ในเครื่อง = แสดงภาพนิ่ง (ไม่วน)