การเข้าใจวิธีวัดอัตราเฟรมและประเมินประสิทธิภาพของภาพเคลื่อนไหวในจาวาสคริปต์นั้น จําเป็นในการสร้างแอนิเมชันของเว็บที่เรียบและมีประสิทธิภาพ บทความนี้อธิบายวิธีการคํานวณอัตราเฟรม และประเมินประสิทธิภาพของแอนิเมชันได้อย่างมีประสิทธิภาพ
เฟรมเสียงแบบย่อในจาวาสคริปต์
อัตราเฟรมแสดงว่ามีการแสดงผลกี่เฟรมต่อวินาทีในแอนิเมชัน โดยนักพัฒนามักใช้ [FLT: 0] Requestation Framraphe [FLT: 1) API ซึ่งจะปรับให้ตรงกับอัตราการรีเฟรชของเบราว์เซอร์
โดยการบันทึกเวลาประทับระหว่างเฟรมภาพเคลื่อนไหวต่อเนื่อง คุณสามารถคํานวณเฟรมต่อวินาที (FPS) ได้ ซึ่งเกี่ยวกับการหาเวลาแต่ละเฟรม และคํานวณหาความแตกต่าง เพื่อกําหนดอัตราเฟรมปัจจุบัน
กําลังคํานวณเฟรม
เพื่อคํานวณ FPS ให้เก็บค่าเวลาของแต่ละเฟรม แล้วเปรียบเทียบมันกับเฟรมก่อนหน้า สูตรคือ:
[FLT: 0] FPS = 1000 / (ปัจจุบันคือเวลาประทับ - ก่อนหน้าเวลาประทับ)
การถอดรหัสนี้เกี่ยวกับการตั้งค่าวงรอบด้วย [FLT: 0] การประมวลผล Frimination Framre และการปรับปรุงค่า FPS แต่ละเฟรม
การ รักษา อาการ อะ เรก เซีย
การ วัด การ แสดง อาการ ของ สิ่ง มี ชีวิต สามารถ ประเมิน ได้ โดย การ ตรวจ ดู เอฟ พี เอส และ ระบุ อาการ ต่ํา กว่า ระดับ การ หด ตัว ของ เป้า หมาย เช่น อัตรา การ เต้น ของ รูป ร่าง เช่น 60 เฟรม ต่อ วินาที ทํา ให้ แน่ ใจ ว่า มี ภาพ เคลื่อนไหว ที่ เรียบ ง่าย ขณะ ที่ หยด น้ํา อาจ บ่ง ชี้ ถึง ประเด็น เกี่ยว กับ การ กระทํา.
สาเหตุ ทั่ว ไป ของ การ กระทํา คือ การ คํานวณ ที่ ซับ ซ้อน การ ควบคุม DOM อย่าง หนัก หรือ การ แปล แบบ ไม่ มี ประสิทธิภาพ.
เครื่องมือและเทคนิค
- แถบพาเนลสําหรับแสดงส่วนแสดงผลของเบราว์เซอร์ Devscription
- ตัวนับการใช้งานจาวาสคริปต์ FPS กําหนดเอง
- ร้องขอตัวจับเวลาแบบ Famrane
- เครื่องมือวิเคราะห์ผล