tính FPS trong Javascript dưới 1 mili giây

Question

Có thể đo khoảng cách thời gian dưới 1 mili giây được hỗ trợ trong tất cả các trình duyệt mà tôi biết chỉ có một cách trong Chrome.

Phương pháp chrome: window.performance.now()

Hiện nay tôi làm các phép đo FPS trong không gian thời gian mili giây, nhưng nếu nhỏ hơn 1ms đèo tôi nhận được vô cực vì hai con số được làm tròn đến phần nghìn giây gần nhất để họ là những giá trị như nhau.

Có ai biết chức năng trình duyệt chéo không tính khoảng cách nhỏ hơn 1 mili giây trong javascript?

Answer 1

Dưới đây là cách bạn có được phép đo chính xác mà không có bộ hẹn giờ chính xác, miễn là thời gian bạn thường xuyên xảy ra.

Trung bình/tổng hợp các số đo không chính xác về thời lượng sự kiện của bạn. Đoạn trích của một trong các dự án của tôi:

 var start = Date.now(); 
     ... (stuff to be timed) 
     var now = Date.now(); 

     if (DEBUG.enabled) { 
      var profile_this_iter = now - start; 
      profile += (profile_this_iter - profile) * 0.02; 
     } 

Mỗi phép đo giá trị mới đưa giá trị đọc của bạn gần với hệ số 0,02. Rõ ràng bạn sẽ muốn tinh chỉnh một chút. Điều này sẽ cho phép bạn đọc trung bình mà dao động xung quanh 0,5ms nếu bạn đọc một thời gian 1ms một nửa thời gian và 0ms một nửa thời gian (với một bộ đếm thời gian độ phân giải 1ms).

Điều này rõ ràng không phải là sự thay thế cho bộ hẹn giờ có độ phân giải cao hơn phù hợp. Nhưng tôi sử dụng thuật toán đơn giản này để cung cấp cho các dự án javascript của tôi một FPS không crappy đọc. Bạn có được một yếu tố giảm xóc mà bạn có thể tinh chỉnh tùy thuộc vào nếu bạn muốn chính xác hơn hoặc phản ứng ngay lập tức hơn để thay đổi. Xem xét sự đơn giản của một trong những điều này, bạn sẽ khó ép để tìm một thuật toán thanh lịch hơn để cung cấp cho bạn một đại diện tốt mà không có bất kỳ dữ liệu đầu vào được cải thiện. Một trong những cách để tăng cường nó là điều chỉnh hệ số tiếp cận (hằng số 0,02) dựa trên tần suất lấy mẫu (nếu thay đổi), theo cách này, tốc độ đo chậm hơn có thể được thực hiện để hội tụ nhanh hơn so với giá trị cố định .

Answer 2

High resolution time is available in Chrome 20, nhưng bạn cần lưu ý rằng time resolution in JS depends on the browser, device and circumstances. Nó có thể khác nhau giữa 4ms và 1000 + ms

Answer 3

Có một cách khác để tính fps, trong đó có thể là một cách để giải quyết vấn đề này. Đó là để đếm số lượng khung hình thực tế trong một giây thứ hai, trong đó nên là khá chính xác, tôi nghĩ vậy.

var fpsStart = new Date().getTime(); 
var fpsCounting = 0; 
var fps = 0; 
start_the_first_frame(); 

// Loop 
function update(){ 
    do_time_consuming_stuff(); 
    fpsCounting++; 
    var thisFrame = new Date().getTime(); 
    if(thisFrame - fpsStart >= 1000){ 
     fpsStart += 1000; 
     fps = fpsCounting; 
     fpsCounting = 0; 
    } 
    request_next_animation_frame(); 
} 

P.S. chỉ cần gõ ngay tại đây, không được kiểm tra, có thể yêu cầu thay đổi nhỏ.

Tôi nhớ nhìn thấy một cách như thế này trong hướng dẫn LWJGL ...

Cũng như ghi nhận của @StevenLu, bạn có thể sửa đổi nó để đếm số lượng khung hình trong 0,5 giây và nhân "fps" bởi hai, hoặc thậm chí thời gian ngắn hơn (ví dụ 0,25 giây) để cập nhật giá trị fps sẽ thường xuyên hơn.