dev-resources.site
for different kinds of informations.
High Performance HTML Rendering: How to properly use a game loop with HTML canvas drawings
Published at
2/8/2021
Categories
javascript
webcomponents
animation
Author
Joe Honton
Game programming uses a software pattern called a game loop. It’s an important technique for any software developer to study, having applicability to serious endeavors beyond graphic animations, for example in: time-series charting, interactive data visualization, and scientific modeling.
This article shows how to improve the continuous requestAnimationFrame
callback to handle:
- real-time fidelity,
- throttling things to a fixed rate,
- placing canvas drawing functions behind promises,
- completely skipping unnecessary drawing.
Articles
12 articles in total
How A Simple 500-Word Memo Changed the Way We Talk About the Internet
read article
Variations on the HTML Two-Step
read article
Excellence in Software
read article
Taking Responsibility for Ethical Design
read article
Cross Domain JSON Requests
read article
Infinite Scroll As A Design Pattern
read article
Every Place That Uses Daylight Saving Time
read article
JavaScript Modules Versus Components
read article
Take Control of Mouse and Touch Events to Create Your Own Gestures
read article
Has Open Source Licensing Reached Its End of Life?
read article
High Performance HTML Rendering: How to properly use a game loop with HTML canvas drawings
currently reading
Make Professional Components with Pub/Sub and Custom Events
read article
Featured ones: