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

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.

(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
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 Horse In Motion
(By Photographer Eadweard Muybridge, commissioned by Leland Stanford)

Wright Flyer
Photograph by John T. Daniels, restored by Wikipedia user Wright Stuf

Tumult Hype Apps
This video was made by Photics. Hype & Whisk are apps from Tumult.

[fluffy]

I really like your horse movement in pictures explanation, great! Besides that I didn't paused the video but I saw that the code is empty, bravo to me lol 😁

[drpopet]

Wow, I didn't know your channel, you have my likes, lol