Dễ hiểu Cubic - Đối số chức năng Giải thích

Question

Trên số lớn này web page Tôi đã tìm thấy danh sách các thuật toán giảm bớt có thể thêm hấp dẫn trực quan đẹp mắt vào các trang web của tôi.

Mặc dù, tôi thấy có đề cập ngắn gọn về các đối số hàm (xem bên dưới), thuật toán không hoạt động như tôi muốn. Tôi có thể yêu cầu giải thích về những giá trị/dải ô nào nên được nhập vào các đối số của hàm dưới đây được đề cập không?

danh sách Đối số:

• t: thời gian hiện tại - đây nên giá trị 0 ... 1, hoặc số thực của khung hiện tại?
• b: giá trị đầu - Tôi giả sử, một sự khởi đầu X hoặc Y phối hợp của đối tượng được chuyển
• c: sự thay đổi trong giá trị - ở đây có thể là số 1 tất cả các thời gian cho tất cả các khung?
• d: thời lượng - số lượng khung hoàn toàn?

 

Math.easeOutCubic = function (t, b, c, d) { 
    t /= d; 
    t--; 
    return c*(t*t*t + 1) + b; 
}; 

nên các giá trị được thêm tăng dần giá trị cuối cùng thu được từ chức năng, hoặc họ nên được bổ sung vào vị trí ban đầu 0?

Answer 1

Bạn nói đúng, d là thời lượng và t là thời gian hiện tại. Do đó, t phải từ 0 đến d.

c là tổng thay đổi, phải bằng end value - start value.

• Đối t = 0 chúng tôi có c*(-1 + 1) + b hoặc b
• Đối t = d chúng tôi có c*(0 + 1) + b hoặc b + c

Chức năng sẽ là như nhau đối với bất kỳ fps, đó là tùy thuộc vào bạn như thế nào thường xuyên cập nhật vị trí và gọi hàm .