แต่ละหัวข้อ แบบตะโกน
ตัวอย่างที่ดันหัวข้อนั้นจนสุด — ให้เห็นพลังของเทคนิคแบบไม่ต้องตีความ
Scroll · Kinetic Depth
parallax Zเลื่อนผ่าน — คำพุ่งเข้าหาเราในแกน Z หลายชั้นความลึกพร้อมกัน เป็น scroll ที่ "มีมิติ".
Text · Kinetic Typography
3D charตัวอักษรยักษ์หมุนเข้ามาในสามมิติทีละตัว แล้ว settle — typography ที่เคลื่อนไหวเป็นพระเอก.
AWE
Micro · Liquid Magnetic Button
SVG gooปุ่มที่ผิวเป็นของเหลวกระเพื่อม + ดูดเข้าหาเคอร์เซอร์ + ripple ตอนกด — micro-interaction ที่รู้สึกได้.
Transition · Curtain Wipe
multi-panelคลิก — แผ่นสีสามชั้นกวาดขึ้นไล่กันเผยเนื้อหาใหม่ เหมือน page transition ของเว็บ portfolio.
Easing · Throw & Spring
physicsลากลูกบอลแล้วปล่อย — มันสะบัดตาม momentum แล้ว settle ด้วย elastic ease เห็น "feel" ของ ease แบบจับต้องได้.
Mask · Cursor Spotlight
radial maskเนื้อหาซ่อนในความมืด — เคอร์เซอร์คือไฟฉาย ส่องถึงไหนเผยถึงนั่น ผ่าน radial mask ตามเมาส์.
ดัน 3D และ WebGL ให้สุด
กระป๋องสะท้อนแสงจริงด้วย environment map + เงากระจก · และ particle ที่ขยับบน GPU ล้วนๆ
3D · Reflective Product
envMap · mirrorกระป๋องโลหะสะท้อน environment (cube map 6 หน้า) + เงากระจกใต้พื้น + rim glow · ลากหมุน, scroll พลิก. ระดับ studio render.
WebGL · GPU Particle Flow
vertex shaderหมื่นอนุภาคขยับด้วย vertex shader บน GPU (curl-ish flow) ผลักหนีเมาส์ และไล่สีตามความเร็ว — ลื่นแม้จำนวนเยอะ.
จับคู่ให้เกิด AWE
คอมโบเรือธง 7+8 + การจับคู่ข้ามข้อแบบสุ่มที่ส่งเสริมกัน
Combo · Supernova Detonator
flagshipรวมร่าง 3D mesh + WebGL particles: คลิกเพื่อ "จุดระเบิด" ให้วัตถุสลายเป็นอนุภาคเรืองแสง แล้วดูดกลับมาประกอบใหม่ · ลากเพื่อหมุน.
Combo · Masked Kinetic Headline
text × maskText-splitting พบ mask: บรรทัดเลื่อนขึ้นจากใต้เส้น พร้อม gradient clip วิ่งผ่านคำ — สอง technique เสริมกันเป็น headline เดียว.
WE DON'T COPY
WE ENGINEER AWE
Combo · Elastic Scroll Gallery
scroll × easingScroll ขับ easing: เลื่อนผ่าน การ์ดวิ่งเข้าด้วย ease ต่างกันทีละใบ overshoot แบบ elastic/back — จังหวะการมาถึงคือพระเอก.