Azpice

Danh mục: Học Cavalry

  • Ngày 2 — Graph Editor + Bounce (chuyển động có “trọng lực”)

    Mục tiêu kỹ thuật

    • Hiểu Value Graph vs Velocity Graph
    • Điều khiển tốc độ thay vì chỉ vị trí
    • Tạo bounce tự nhiên (rơi + nảy)

    1. Chuẩn bị scene

    Bước 1

    • Mở file mới (hoặc dùng lại Ngày 1)
    • Set:
      • Duration: 3s
      • FPS: 30

    Bước 2

    • Tạo Circle
    • Inspector:
      • Size: 120 x 120
      • Màu dễ nhìn

    2. Tạo chuyển động rơi (fall)

    Mục tiêu: quả bóng rơi từ trên xuống

    Bước 1 — keyframe đầu

    • Playhead: 0s
    • Position Y: kéo lên trên (ví dụ: -300)
    • Click ◆ (keyframe)

    Bước 2 — keyframe cuối

    • Playhead: 1s
    • Position Y: kéo xuống gần đáy (ví dụ: +300)

    Test

    • Play → bạn sẽ thấy rơi đều đều (sai vật lý)

    3. Mở Graph Editor

    Bước

    • Chọn layer Circle
    • Mở Graph Editor (thường ở Timeline)

    Bạn sẽ thấy 2 dạng:

    1. Value Graph

    → Giá trị vị trí theo thời gian

    2. Velocity Graph (quan trọng hơn)

    → Tốc độ theo thời gian

    👉 Bounce đẹp = chỉnh Velocity Graph

    4. Tạo cảm giác “rơi có gia tốc”

    Vấn đề

    Hiện tại tốc độ = đều → không giống thật

    Bước 1

    • Chọn 2 keyframe

    Bước 2

    • Chuyển sang Velocity Graph

    Bước 3 (chỉnh tay)

    • Keyframe đầu:
      • Kéo handle xuống thấp (tốc độ ban đầu nhỏ)
    • Keyframe cuối:
      • Kéo handle lên cao (tốc độ lớn dần)

    Kết quả

    • Bóng:
      • Rơi chậm lúc đầu
      • Tăng tốc dần

    👉 Đây là “gravity feel”

    5. Tạo bounce (nảy lên)

    Mục tiêu: chạm đất → nảy lên

    Bước 1 — thêm keyframe

    • Playhead: 1.4s
    • Kéo bóng lên lại (ví dụ: Y = 100)

    Bước 2 — thêm keyframe tiếp

    • Playhead: 1.8s
    • Kéo xuống lại gần đáy

    👉 Bạn vừa tạo:

    • 1 lần nảy

    6. Làm bounce “chuẩn hơn”

    Nguyên tắc vật lý

    • Mỗi lần nảy:
      • Thấp hơn
      • Nhanh hơn

    Chỉnh cụ thể

    Lần nảy 1:

    • Cao vừa phải
    • Thời gian ngắn hơn rơi ban đầu

    Nếu thêm lần 2:

    • Thấp hơn nữa
    • Nhanh hơn nữa

    7. Chỉnh Velocity cho bounce

    Bước

    • Vào Velocity Graph

    Tại điểm chạm đất:

    • Tạo “đỉnh nhọn” (spike)
      → tốc độ cực cao tại va chạm

    Khi nảy lên:

    • Giảm nhanh velocity

    👉 Nếu làm đúng:

    • Motion sẽ “bật” rất rõ

    8. Thêm squash & stretch (nâng cấp chất lượng)

    Đây là bước phân biệt amateur vs pro

    Bước 1 — squash khi chạm đất

    • Tại frame chạm đất (~1s):
      • Scale X: 120%
      • Scale Y: 80%
      • Add keyframe

    Bước 2 — stretch khi rơi

    • Trước khi chạm đất:
      • Scale X: 80%
      • Scale Y: 120%

    Bước 3 — về bình thường khi bay lên

    • Scale: 100%

    👉 Nguyên tắc:

    • Nhanh → kéo dài (stretch)
    • Va chạm → bẹt (squash)

    9. Thêm Rotation nhẹ (tùy chọn)

    • Frame 0: 0°
    • Cuối: 90°–180°

    → Giúp motion tự nhiên hơn

    10. Preview chuẩn

    Checklist khi play:

    • Rơi nhanh dần (không đều)
    • Chạm đất có lực
    • Nảy thấp dần
    • Có squash & stretch

    11. Bài tập bắt buộc

    Bài 1

    • 1 quả bóng:
      • Rơi + 2 lần nảy
      • Có squash & stretch

    Bài 2

    • 3 quả bóng:
      • Khác thời gian rơi
      • Khác độ nảy

    12. Lỗi thường gặp

    1. Bounce “mềm như bông”

    → Velocity chưa đủ mạnh tại điểm chạm

    2. Nhìn giả

    → Không giảm độ cao mỗi lần nảy

    3. Bị giật

    → Keyframe quá sát nhau

    13. Tư duy quan trọng

    • Ngày 1: bạn điều khiển vị trí
    • Ngày 2: bạn điều khiển tốc độ

    Motion tốt = kiểm soát velocity, không chỉ value

  • Ngày 1 — Làm quen Cavalry + Keyframe cơ bản

    Dưới đây là Ngày 1 (cầm tay chỉ việc). Tôi trình bày theo dạng thao tác cụ thể (click ở đâu, chỉnh gì, vì sao làm vậy). Nếu bạn thấy phù hợp, tôi sẽ tiếp tục viết Ngày 2–14 cùng mức độ chi tiết này.

    Mục tiêu kỹ thuật

    • Hiểu Scene / Timeline / Inspector
    • Tạo object và gắn keyframe
    • Xuất được 1 animation đơn giản (2–3 giây)

    1. Mở phần mềm & tạo project

    Bước 1

    • Mở Cavalry → File → New Scene

    Bước 2 (thiết lập)

    • Góc phải (Inspector):
      • Width: 1920
      • Height: 1080
      • Frame Rate: 30 fps
      • Duration: 3s

    → Đây là chuẩn video cơ bản, tránh lệch format sau này.

    2. Làm quen giao diện (rất quan trọng)

    Bạn cần nhận diện 3 vùng:

    1. Scene (giữa)
      → nơi hiển thị hình
    2. Timeline (dưới)
      → nơi đặt keyframe
    3. Inspector (bên phải)
      → nơi chỉnh thông số

    👉 Nguyên tắc:

    Chọn object → chỉnh ở Inspector → animate ở Timeline

    3. Tạo shape đầu tiên

    Bước 1

    • Nhấn Rectangle Tool (hoặc phím tắt nếu có)
    • Click vào Scene

    Bước 2 (chỉnh hình)

    • Inspector:
      • Width: 200
      • Height: 200
      • Fill: chọn màu bất kỳ

    4. Tạo animation di chuyển (Position)

    Mục tiêu: hình vuông chạy từ trái → phải

    Bước 1 — đặt keyframe đầu

    • Chọn Rectangle
    • Trong Inspector tìm Position
    • Đưa playhead về frame 0
    • Click icon kim cương (◆) tại Position

    → Keyframe 1 được tạo

    Bước 2 — di chuyển object

    • Kéo playhead tới 2 giây
    • Trong Scene:
      • Kéo hình sang bên phải

    → Cavalry tự tạo keyframe thứ 2

    Bước 3 — test

    • Nhấn Play

    👉 Bạn sẽ thấy:

    • Hình vuông di chuyển tuyến tính (linear)

    5. Làm mượt chuyển động (Easing)

    Vấn đề

    Chuyển động hiện tại bị “robot”

    Bước 1

    • Mở Timeline
    • Click vào layer Rectangle
    • Chọn 2 keyframe

    Bước 2

    • Tìm Easing / Interpolation
    • Chọn:
      • Ease In Out (hoặc tương đương)

    Kết quả

    • Chuyển động:
      • Bắt đầu chậm
      • Nhanh ở giữa
      • Chậm dần khi kết thúc

    👉 Đây là nguyên tắc motion cơ bản.

    6. Thêm Scale animation

    Mục tiêu: vừa di chuyển vừa phóng to

    Bước 1

    • Playhead về frame 0
    • Trong Inspector → Scale:
      • Set 50%
      • Click keyframe (◆)

    Bước 2

    • Playhead tới 2s
    • Set Scale: 100%

    Kết quả

    • Hình vừa chạy vừa lớn lên

    7. Thêm Rotation nhẹ

    Mục tiêu: tránh motion “chết”

    Bước

    • Frame 0:
      • Rotation = 0° → keyframe
    • Frame 2s:
      • Rotation = 180°

    👉 Motion bây giờ có 3 lớp:

    • Position
    • Scale
    • Rotation

    8. Duplicate object (tăng độ phức tạp nhẹ)

    Bước

    • Chọn Rectangle
    • Ctrl + D (duplicate)

    Chỉnh:

    • Đổi màu object thứ 2
    • Offset nhẹ vị trí

    👉 Bạn vừa tạo “composition” thay vì 1 object đơn lẻ.

    9. Xuất video

    Bước 1

    • File → Export

    Bước 2

    • Format: MP4
    • Resolution: 1920×1080
    • FPS: 30

    Bước 3

    • Export

    10. Checklist hoàn thành

    Bạn đạt yêu cầu nếu:

    • Tạo được shape
    • Gắn keyframe Position
    • Biết easing
    • Kết hợp Scale + Rotation
    • Xuất được video

    Lỗi thường gặp

    1. Không thấy animation
      → Quên đặt keyframe đầu
    2. Object không di chuyển
      → Playhead không ở vị trí đúng khi chỉnh
    3. Motion bị giật
      → Chưa dùng easing

    Bài tập thêm (bắt buộc làm)

    1. Tạo 3 hình:
      • Mỗi hình timing khác nhau
    2. Làm:
      • 1 hình chạy ngang
      • 1 hình rơi từ trên xuống
      • 1 hình scale + rotate

    Tư duy cần giữ từ ngày 1

    • Không chỉ “làm cho chạy”
    • Mà phải:Chuyển động có nhịp + có cảm giác