Creating a Flexible Touch Screen Camera Controller In Godot | Basics With Godot

[@SkuriLP]

Amazing Tutorial thank you so much!

[@diogohipolito560]

I am so glad I found your channel! It has literally everything I was looking for to build android games using Godot.

[@obiekt19]

To anyone who tries to *apply limits* to the camera: 1. Set your desired limits on the camera object in the inspector 2. In the script from this video, inside the handle_drag() function, change the line offset -= event.relative.rotated(rotation) * pan_speed to global_position -= event.relative.rotated(rotation) * pan_speed Basically, swap *offset* with *global_position* - from now on, limits will be taken into consideration. This is by design, which you can see if you hover over any of the limit properties in the inspector - offsets ignore limits! Additionally, make sure to clamp the value in case limits are exceeded, else *global_position* will increase with further panning, even if the limit doesn't seemingly move the camera visually. From my observations, you usually want to manipulate the position/global_position of the camera for your usual movement, not the offset. The offset is, as specified in the docs, "useful for looking around or camera shake animations. The offsetted camera can go past the limits [...]". To help with camera maneuvering, I highly recommend anthonyec's *Little Camera Preview* plugin, which works for both 2D and 3D cameras, and it does take limits into consideration. It allows to display and pin camera previews inside the editor, a feature that is still sadly missing from Godot. I hope this helps someone. And as usual, astounding work Mitch, I never commented on any of your videos, but you've been a huge help to me over the past year. Thank you!

[@VTSfilms]

Dude, you are a boss! This was exactly what I was looking for. My camera seems to 'stick' a little to the edge. When I reach the limit, the camera needs a little extra convincing to get off the edge, but im super happy I can now stay inside the play area. Thank you so much!

[@VTSfilms]

Hey man, I followed your advice, and I now have the following issue: In my 2d Fire emblem clone for mobile, my Camera2D is 'sticking' to the edge of the map. I have set the limit for my camera in the Limit tab, and when I did just that, I had the issue that if you swiped 3x left, the camera would stop at the edge, but you'd need to swipe 3x right before the camera would actually move right again. Now this is my current camera script, with the bottom part helping to party solve this: The camera is still 'sticking' to the edge, needing about half the screen of swiping before letting loose of the edge. I'd love some advice on how to make my camera feel better. I added this to the bottom of the code: # Clamp the new position within the set limits new_position.x = clamp(new_position.x, limit_left, limit_right) new_position.y = clamp(new_position.y, limit_top, limit_bottom) Now it doesn't stick as much (no need to swipe as much up as you did down over the edge), but it's still sticking, needing about half a screen upwards if you went to far down.

[@obiekt19]

@@VTSfilms Hey there, glad you found the tip helpful! I really wish I could provide you with some sort of formula, but unfortunately I don't have one. I tried to come up with one, but I couldn't. For my case, I had my scene background top-left aligned to (0, 0), so it made limits top/left easy to set. I didn't need to pan sideways, just vertically, and it turned out that I had to clamp the y value to values like 428 and 713 (which I couldn't correlate at all to my background sprite for which I set limits for). And it worked with any kind of zoom, so no problems there. Problem is, with this approach you need to figure those out for every scene that has a different background size/camera limits. So for larger games it's not a perfect solution. I only had 4 scenes, each having a background of the same size and no further plans for expansion, so (with pain) I accepted those magic numbers. Perhaps it's related to camera's bounding rect if such thing even exists? And maybe that's how those numbers come to be the perfect ones? There must be a correlation somewhere. Honestly out of pure curiosity, if you ever figure this out, please let me know! :D

[@VTSfilms]

@@obiekt19 under the camera, there is a checkbox that displays the limit box. So that makes that quite easy to set that up. (also learned that after fucking around with it for an hour...) But the camera still 'sticks' to the edge if I drag over it..

[@Theo_drawi]

This helped me thank you so much!!!

[@guillermolmr]

Great tutorial!

[@sigitsatriap6505]

love it, thanks !

[@hirochima26]

your videos are awesome and you are awesome, you deserve a lot of respect and support :) keep up the good work

[@Nonoice]

It would be nice to do a tutorial on encryption of a Godot export to prevent people from being able from an .exe or an .apk to recover data from a godot project and steal the code

[@FinePointCGI]

I will add it to my list!

[@guillermolmr]

TIP: you can make the speed constant to the speed of your finger if you divide by the zoom: offset -= event.relative.rotated(rotation)/zoom * pan_speed

[@andriipopovich6704]

Very useful. Thank you!

[@JustMobileGames]

Very helpful I am satisfied, thank you

[@ProfesorRagequitlife]

@FinePointCGI Is there a way to limit how far the camera can travel with dragging? I cant figure out a way to keep the camera from going way off the playing field, I would figure the "limits" tab in the camera inspector would do this, but the camera is plowing right through the limits like they arent even there.

[@willwainwright7166]

I figured this out last night (am no Godot expert so may be better way). Adding this here in case someone else is looking for it. I wanted to limit based off a background image size thats larger than the camera, I set the camera anchor mode to top left (so the min pan will be 0 for both x & y axis). Then I calculate the max pan by getting the background width and subtracting the viewport width / zoom; then same for height: e.g. width: var max_x_offset = background_size.x - (viewport_size.x / zoom.x) then clamp the offset: new_offset.x = clamp(new_offset.x, 0, max_x_offset)

[@guillermolmr]

There is a scale and pan on project settings now.

[@Necriptos]

This was great but I wish it also showed how to pan and zoom at the same time

[@FinePointCGI]

You are correct I'm not sure why I didn't cover that

[@damianpinto9695]

Gracias 🙏👍

[@codewithmax]

Thanks! But why you don’t use clamp method for zoom limit?

[@FinePointCGI]

Tbh I should have I wrote this tutorial really late last night so it's very likely that I just spaced on it lol

[@codewithmax]

@@FinePointCGI it’s very good lesson

[@newtechnologystudios]

I'm having a little problem. I'm trying to create the same camera in a 3D scene, but I got a converted zoom (when I zoom it out, it grows on the contrary, and vice versa). Can you tell me how to fix this? Thank you for so useful tutorial.

[@ibrahimbahalwan2972]

I also experienced the same. Did you somehow manage to find the solution?

[@guillermolmr]

Why 2 current_angle? one global and one local?

[@Gostyr]

"touch_points" not declared in the current scope. What i have to do with this

[@FinePointCGI]

Can I get a snippet of your code so I can see what it looks like? What version of Godot are you using

[@Gostyr]

@@FinePointCGI i started another project theese days, and deleated last project, so i am not able to send u snippet. Anyway have a good day

[@jubibi390]

hello~ may i know how did you integrate your mobile and PC? I'm also making a game for mobile.

[@thetoyamostudio]

What if we only want to drag one direction? how can we make it? Thanks Sir.

[@thetoyamostudio]

And how can we limit our pan area?

[@PHDtt]

is it possible to make a tutorial for 3D scene ?

[@FinePointCGI]

That is currently on my list! If you want let me know what you need and I will be more than happy to actually build it because that's on my list to be created soon.

[@PHDtt]

​@@FinePointCGIthanks u 😍, i needed a 3D navigation touch system similar to sketchfab (both Orbit and First person) , and if it will be possible to switch between them it will be amazing. the problem with sketchfab is when u switch to first person, it doesn't have any touch ui for navigation. also during navigation, if camera don't cross objects (collisions) it will be awesome. thank u again .

[@PHDtt]

@@FinePointCGI hope to see the video soon! 🙏

[@FinePointCGI]

@@PHDtt so im thinking about this. are we looking for a 3D isometric? or 3D first person? 3D person?

[@PHDtt]

@@FinePointCGI Thank u, 3D person would be great, something similar to sketchfab, using gestures to pan, move, zoom and rotate around 3d objects.

[@ArabGameDev]

hi @FinePointCGI' i made a shader that add light mask bcz it's removed in 4.0 can you improve it bcz it has artifacts?

[@Nelcia1]

Hey, how do I add a limit on how much the camera can go? For example games like clash of clans or hay day has this boundary where camera gets stuck. I tried using the “limit” thing built in the editor. But it doesn’t work.