Another bite-sized demo video, this time you can see a quick demonstration of the engine zooming in and out of a scene using the mouse wheel.

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.

Isogenic Engine:

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

  • Madshell
    Posted July 28, 2020 10:25 pm

    Thank you for your answer. In this example, there is indeed .addComponent(IgeMouseZoomComponent).mouseZoom.enabled(true) but I don't figure out how to use the mouse wheel instead of the mouse click…

  • Rob Evans
    Posted July 28, 2020 10:25 pm

    Hey, this video and the zooming system are very old now. The new version of the engine is available from the website (shown in the video description) and there is an example in the github repository dealing with zooming (example 2.3-cameras-mouse-zoom). 🙂

  • Madshell
    Posted July 28, 2020 10:25 pm

    Amazing but where should I add the viewportMouseWheel listener that you posted in your blog?

  • Rob Evans
    Posted July 28, 2020 10:25 pm

    @WreckSector Hey ya, no the drawImage with 9 parameters is used here because every source image in the sprite sheet is bigger than the output to the screen, however the zoom is done using the canvas context scale method. All of the final screen positions are modified so that scaling is taken into account and the scale is done against the center of the screen.

Leave a comment