/ MOTION EXPRESSION

LOOP ANIMATION

ทำให้ Keyframe วนต่อหลัง Keyframe สุดท้าย โดยเลือกพฤติกรรมให้เหมาะกับงานได้ 4 รูปแบบ

/ วิธีติดตั้งทีละขั้น
01

สร้าง Keyframe

สร้าง Animation อย่างน้อย 2 Keyframes บน Property เดียวกัน เช่น Position, Scale หรือ Rotation

02

เลือก Property

คลิกชื่อ Property ที่มี Keyframe และตรวจว่า Current Time อยู่ตำแหน่งใดก็ได้หลัง Keyframe สุดท้าย

03

เปิด Expression

กด Alt + Click บน Windows หรือ Option + Click บน macOS ที่ไอคอน Stopwatch

04

เลือกชนิด Loop

เลือกคัดลอกโค้ดเพียงหนึ่งรูปแบบด้านล่าง แล้ววางแทนข้อความ Expression เดิม

05

ขยายเวลาเลเยอร์

ลาก Out Point ของเลเยอร์ให้ยาวพอ Animation จึงจะวนต่อไปตามระยะเวลาของ Composition

/ ค่าที่ปรับได้
cycle

เล่นจากต้นไปปลาย แล้วกลับไปเริ่มต้นทันที

pingpong

เล่นไปข้างหน้าแล้วเล่นย้อนกลับสลับกัน

offset

วนซ้ำพร้อมบวกผลต่างของรอบก่อนหน้า เหมาะกับการเคลื่อนที่ต่อเนื่อง

continue

ใช้ความเร็วของ Keyframe สุดท้ายเคลื่อนต่อ โดยไม่วนกลับ

/ โค้ดพร้อมใช้

คัดลอกตาม
ตำแหน่งที่ระบุ

วางที่: Property ที่มี Keyframe

Cycle — วนจากต้นใหม่

loopOut("cycle", 0);
วางที่: Property ที่มี Keyframe

Pingpong — เล่นไปและย้อนกลับ

loopOut("pingpong", 0);
วางที่: Property ที่มี Keyframe

Offset — วนพร้อมเพิ่มค่าต่อเนื่อง

loopOut("offset", 0);
วางที่: Property ที่มี Keyframe

Continue — เคลื่อนต่อด้วยความเร็วเดิม

loopOut("continue", 0);