This video shows 1,000 sprites on screen at once and then I refresh the browser to show what the redraw zones looks like for all those sprites. It is faster to clear each area a sprite used to occupy and redraw it that it is to redraw the entire scene each frame.
The Isogenic Game Engine is written entirely in Javascript and what you see on screen is pure HTML with Canvas elements as viewports to the engines’ world.
You can see more vids of the Isogenic Engine in action here:
Follow us on Twitter here:
Interested in the engine? Leave a comment!
Nguồn: https://chapelhilltownguide.com/
Xem thêm bài viết khác: https://chapelhilltownguide.com/game/
4 Comments
Eduardo
I would like to see how much FPS you get on Firefox.
PhrackTheLord
Nice
Rob Evans
@altu892 You need to redraw the background first, then the sprite on top. You also need to detect any objects such as houses etc that intersect the dirty rectangle and draw those back in as well.
This is the reason you haven't seen any other HTML5 canvas game engine doing this yet… it's really difficult to get it right!
joshig1983
looks neat