EXCO / MOTION PLAYGROUND / 16

MOVEMORE.

move your cursor. keep scrolling.
SCROLL TO DISTURB ↓
01 / NOT A PRODUCT

แค่อยาก
ให้เว็บ
สนุก.

นี่คือหน้า landing page ที่สร้างมาเพื่อทดลองว่า motion เล็ก ๆ หลายแบบสามารถทำให้การ “เลื่อนดูเว็บ” กลายเป็นประสบการณ์ได้อย่างไร โดยไม่ต้องใช้วิดีโอหรือไฟล์ 3D หนัก ๆ

SCROLL
MAKES
WAVES

ฉากนี้ตอบสนองกับระยะเลื่อนหน้าเว็บ—วงแหวนและแสง จะเปลี่ยนจังหวะตามคุณ

02 / INTERACTION LAB

สี่แบบ
สี่อารมณ์.

ลองขยับเมาส์บนการ์ด แล้วดูพื้นผิว แสง และมุมของวัตถุเปลี่ยนไป ทุกอย่างเขียนด้วย CSS + JavaScript เบา ๆ

MAGNETIC GLASS

วัตถุจะดึงเข้าหา cursor เบา ๆ ก่อนดีดกลับ

WAVE FIELD

เส้นคลื่นที่ไหลไม่หยุด

SCAN / PLAY

motion ที่ใช้แค่ gradient และ transform

ORGANIC SHAPE

รูปทรงเปลี่ยนไปโดยไม่ต้องมีภาพประกอบ

03 / HORIZONTAL STORY

เลื่อนให้
โลกขยับ.

section นี้จับการ scroll แนวตั้ง
มาแปลงเป็น gallery แนวนอน

01 / PULSE
FEEL
THE
BEAT
02 / NOISE
BREAK
THE
GRID
03 / FORM
BEND
THE
RULE
04 / LIGHT
LEAVE
A
TRACE
04 / CLICK THE BUTTON

MAKE
IT POP.