In the demo above, go into full screen and use your mouse to smoothly zoom in and out or pan by clicking and dragging the mouse.

This project file is an example of how to implement a smooth zoom and panning effect inside of Construct 3.  Check out the tutorial video on YouTube and let me know what you think!

---

I am a heavy user of Construct 3 and make various templates and tutorials available for free.  If you are new to making games or want to try out a refreshing engine that makes game development fun again using both intuitive event sheets and JavaScript, you can support me by using the referral link below:

https://www.construct.net/a/649226?t=construct3freetrial

Consider subscribing or supporting my on Patreon if you enjoy my content! http://bit.ly/PatreonFoozleCC

---

Discord Invite! https://discord.gg/KhYjZcGdkT

---

I am a youtuber, creator of games / tutorials, and actively building a collection of art / assets for creators to use royalty free in their games.  If you would like to support me, please consider subscribing to my YouTube channel (game dev focused) and or supporting me on Patreon.  Cheers!

FoozleCC 

StatusReleased
PlatformsHTML5
Rating
Rated 5.0 out of 5 stars
(1 total ratings)
AuthorFoozle
Made withConstruct

Download

Download NowName your own price

Click download now to get access to the following files:

SmoothCameraZoomAndPan.c3p 2.4 MB

Comments

Log in with itch.io to leave a comment.

(1 edit)

Amazing work! This should be in the tutorials of construct! What would make it even better is an extension that makes it work for mobile :D

love it, great work!

(+1)

Very cool project, thanks for sharing this, Joe! The only thing I’d change is to disable the edge scroll while a drag scroll is already in progress; it feels a little off when I start dragging and because the mouse is at an edge, it starts scrolling in another direction.