[Hype #6] The “FPS” Template — Frames Per Second & JavaScript's requestAnimationFrame vs setInterval

The sixth free Tumult Hype Template, available on Photics.com, focuses on displaying the Frames Per Second. With the addition of a Physics Engine, and the Physics API, Hype is moving into game development territory. However, not a lot of people are making games with Hype. Why is that?! Because it's difficult — that's why! This project is a step towards making it easier to make games with Hype. The “FPS” template is available at Photics.com… https://photics.com/free-template-tue... (Download link on page 2) CHAPTERS 00:00 Introduction 00:10 The Horse In Motion 00:33 150 Years Of Technology 00:49 Static vs Lively Websites 01:13 The Horse In Motion (Animated) 01:33 Keyframe Animation With Hype 01:56 Common Frame Rates 02:14 The Template's Purpose 02:26 Matter.js & Game Development 03:07 Considering Performance 04:18 Another Reason For The Template 04:32 The setInterval Method 05:57 The requestAnimationFrame Method 06:10 How Does It Work? (Calculating Function) 06:55 Line-By-Line Code Review 07:13 Timestamp Experiment In Whisk 08:04 Timestamp Exercise 08:28 Back To The Line-By-Line Review 10:37 The Protractor Comparison 11:16 Previewing The Project 11:42 This Is Part One 11:56 Conclusion CREDITS OpenMoji The cute emoji in the video are from https://openmoji.org (CC BY-SA 4.0) The Horse In Motion https://en.wikipedia.org/wiki/The_Hor... (By Photographer Eadweard Muybridge, commissioned by Leland Stanford) Wright Flyer https://en.wikipedia.org/wiki/Wright_... Photograph by John T. Daniels, restored by Wikipedia user Wright Stuf Matter.js — JavaScript Physics Engine https://brm.io/matter-js/ Tumult Hype Apps https://tumult.com/hype/ https://tumult.com/whisk/ This video was made by Photics. Hype & Whisk are apps from Tumult.