Ease In / Ease Out — mô phỏng gia tốc

Cho 4 vật chạy đua từ A → B với 4 kiểu ease. Xem chấm spacing dồn về hai đầu và đồ thị vị trí–thời gian cong thành chữ S. Bấm Play để chạy.

Bảng điều khiển

Chọn kiểu ease để làm nổi bật, hoặc bật "so sánh cả 4" để chạy song song.
Chậm Nhanh

Đường chạy A → B + chấm spacing

Chấm mờ = vị trí vật ở các mốc thời gian đều nhau. Dồn dày = chậm, thưa = nhanh.
Nhìn hàng Ease-in-out: chấm dồn ở A và B, thưa ở giữa → khởi động chậm, phóng nhanh, hãm êm. Hàng Linear: chấm cách đều → máy móc.

Đồ thị vị trí theo thời gian

Trục ngang = thời gian, trục dọc = vị trí. Linear = đường thẳng; ease-in-out = chữ S. Điểm sáng chạy theo tiến độ hiện tại.
Đường thẳng chéo = tốc độ đều. Đường cong lồi ở đầu (nằm dưới đường chéo) = chậm lúc đầu (ease-in). Chữ S = chậm cả hai đầu (ease-in-out).

Spacing từng frame — số cụ thể

Chia đường A(0)→B(100) thành 10 frame cho kiểu Ease-in-out. Độ dài thanh = spacing frame đó.
FrameTiến độ tVị tríSpacing (Δ)