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
    Posted July 28, 2020 4:05 pm

    I would like to see how much FPS you get on Firefox.

  • PhrackTheLord
    Posted July 28, 2020 4:05 pm

    Nice

  • Rob Evans
    Posted July 28, 2020 4:05 pm

    @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
    Posted July 28, 2020 4:05 pm

    looks neat

Leave a comment