after a week of looking for toturials and literally watching the same 5 of them ( including this one ) it finally worked and I actually understand it now... it was a nasty surprise because after i created my first game I couldnt get it to look right on my phone.. thanks a bunch!
To anybody who comes across this video in 2022, an alternative is just making the playable area of your game a 3:2 aspect ratio and filling the background for 16:9 and 4:3 ratios. This way, play is universal for all possible devices.
almost fell for this... The interior space is reduced unfortunately. While the alignment may work around the edges, it's increasing the space from the middle... Great attempt though.
Another way to do this (not promising it will work for a moving camera) is to make a Plane object then add the below code to the camera and set the Plane to the camera script. Make the plane the size of the mobile screen you're working on and the bounds.size can be changed based on what dimensions you are adjusting. I used it for my project and it keeps the screen size and game objects at the desired ratio for all devices in the simulator. public class AdjustCamera : MonoBehaviour { public MeshRenderer maze; void Start() { float orthoSize = maze.bounds.size.x + (maze.bounds.size.y); Camera.main.orthographicSize = orthoSize; } }
This is NOT a good solution. 6:27 There will be a smaller gap between top/bottom ball and middle ball, because if that gap should be like 3 tile size tall when your character is like 2.5 size, so on wider resolutions there will be gap smaller than 2.5 between top and middle ball and your character will not be able to move between those 2 balls. This script will manage your corners/borders but it will not scale objects correctly to fit any size screen. On even wider screen resolution those 2 right balls will touch each other and there will be no gap between them at all.
@@awesometuts Try this on Motorola Razr resoltion (2142 x 876) and i'm sure that right 2 balls will touch each other or even overlap an this will be a problem even on your game.
Looks like a rather poor and half baked solution for responsible design. As other comments already said, game objects do not get resized. So if you design your game on let's say 4k and then use the script to turn everything down to 720p or whatever, you will end up with extremely large game objects. Also this way you have to anchor all game objects in order to have the correct scaling. And position game object somewhere else than the premade positions lead to the same problem you try to solve.
Hello, its a great tutorial. please give some information on these two points: 1. the step by step recommend settings for a game to be deployed irrespective of the platform & the device screen size i.e. it can be run on either tab/phone/laptop. 2.How to deploy a task in android needing input from a joystick to move the character? it will be really helpful.
You can download it, I got scared seeing your comment but when I tried, I got access to the modified files, all you have to do is to click on view your course and search through the list for this video title
I face a problem when I build setting On Android the terrain has been removed in the mobile view only shows a white surface and shows the player and UI Button
iam also struggling on that thing what you want to do is at the starting lines of the script you see a link . copy and paste in chrome . and you see the code . 1.copy the code 2. create a new file named "viewportHandler" 3.remove the code after you opening the script and paste the copied code here but there is one thing . Fahir posted the two links which are similar to each other
Thank you Fahir ,it was always good to see your teaching but i got a question! should i do that anchor thing for every single gameObject in the scene??
I think scaling in unity engine should be simplier and not so complicated, i still have problems with scaling and resolituons even doing unity for years..
the download link is just redirecting to the youtube video of yours
9 หลายเดือนก่อน
Really nice code!! I just put another camera and put culling mask to nothing, because i wanted to do this in a perspective camera, but didn't work, so this camera is orthographic an works as well.
What is the difference with Canvas UI component ? What are the pros/cons of both techniques ? These 2 scripts "push" to the center of screen all elements/sprites. But they do not resize elements/sprites according to screen size.
Canvas UI scaling only works on Canvas elements, if your game only runs on the Canvas layer that will probably work but if that's not the case your UI elements will stay where they are supposed to be but everything else will shift. Can't say for the rest.
thank you this works! only thing is now objects with waypoints don't go to the points, but instead go to the camera. I assume this is to do with camera viewport. Anyone??
Can u make a tutorial on how to make mobile game character controls using unreal engine C++ I can’t find any tutorial on mobile game touch input for unreal c++
thank you for this, i am trying to use the script ScaleToFitScreen on my back ground and its not working, it keeps scaling the background my background very very small... like 0.0004 x and y is 0.0003... which is clearly not what i am testing, as when i use mobile deviecs, they need to be around 265 for x and y 216, but other devices need to be 300 etc... why is it not working???
Where is 'CameraViewportHandler' script? I just saw the cameraAanchor. Can you give me the link to get both of those scripts? As I can't find camera handler script, I think I'm at wrong link. Don't know where to get that script. So I'm asking you that where the script is on.
Hi Thank you for your help. I have a problem. I added CameraViewPointHandler Script to my camera. I can see the things on it but nothing happens. Even if i change Units Size, nothing happens
Guys i saw a thousand videos, i asked Ai tools and everything but all of this is bullshit, now lemme tell u ITS SUPERRR SIMPLE how i figured it out. So the thing is that unity follows the values in inspector, it doesnt follows the initial values in the script. So IN UR INSPECTOR, in ur canvas screenspace -overlay OR canvas - screen space camera, first set to scale with screen size, then u just have to set the reference resolution to what u want and screen match mode to match width or height and Match accordingly 0 to 1. Thats it, that reference resolution will already be then set to whatever screen u play the game on when exported. For example i set my reference resolution to 770x570 in inspector, now that i've exported the game i can play the game on 1920x1080 without having the game objects/ui elements change or go out of screen, they appear with perfect size and adjust appropriately.
if you paid attention to what I was saying in the video and if you saw the blog post you would have read and heard me saying that this is for static games where objects don't move, or dynamic games but for objects that don't move.
I used this for android , I'm having issues with some android devices , has anyone else had the same problem , because it's happening only on the scene i used this code if someone had the same issue and solved , please help .
So is this only applicable to static 2d camera? I'm slightly confused as to why this is happening on your game in the first place I have made a game and this does not happen The only thing I needed to scale correctly through resolutions was gui The game itself always renders correctly.
@@awesometuts ok thanks So it applies to objects rendered based on resolution. It confused me because I'm using gui on 3d moving games Thanks awesome dude.
Hello. Nice video! I am now trying to download the 'modified' assets and I visited your website. I got an email after that, but it didn't include any assets in it. Am I doing anything wrong?
Dear Fahir , Please create a video about cinemachine , im working on a ThirdPerson Game , everything is ok but i dont know how to move camera by touch control instead of move camera by Mouse X Or Y, im want to publish this game for mobile !
The RectTransform for UI has a built in ability to anchor to the edges, but not the standard Transform. Either way though, the solution doesn't work for scaling a game to any resolution. You can see that the objects get closer to the middle, which defeats the purpose...
![Earn Money From Your Games - Unity AdMob Tutorial [2020]](http://i.ytimg.com/vi/fGMFHN3gXpY/mqdefault.jpg)
![Earn Money From Your Games - Unity AdMob Tutorial [2020]](/img/tr.png)
Modified Scripts From The Video
awesometuts.com/blog/support-mobile-screen-sizes-unity/?
After almost 2 years! I finally found this tip. I can't finish my thesis because of this issue. It really helps me. Thank you bro!
after a week of looking for toturials and literally watching the same 5 of them ( including this one ) it finally worked and I actually understand it now... it was a nasty surprise because after i created my first game I couldnt get it to look right on my phone.. thanks a bunch!
Plz help me out a bit then if u have the time to cuz for me it ain't working at all
I know how you feel. Came across what I believe to be a similar issue. Have not yet tested to see if this will fix my issue but I'm hopeful!
@@nathangames1576 same, I think I found the solution
2024 and still relevant! Thanks for this nice tutorial!
To anybody who comes across this video in 2022, an alternative is just making the playable area of your game a 3:2 aspect ratio and filling the background for 16:9 and 4:3 ratios. This way, play is universal for all possible devices.
can u plz tell how cuz What do u mean by background for 16:9 and 4:3, aren't they a bit different even though they equal the same
@Mr Tanaka with the viewport code right? Yeah I think my problem is already solved but thx for telling
@Mr Tanaka Hello, could you please give more details? I have 100% same problem. It would be a massive life saver!!!
@@ghauswood9594 Hi! Could you please elaborate? It's my main problem that I wasn't been able to fix for more than 6 months. Thank you in advance!
@Mr Tanaka does it work for moblie?
almost fell for this... The interior space is reduced unfortunately. While the alignment may work around the edges, it's increasing the space from the middle... Great attempt though.
finally a video that points to real game objects and not the UI with the scale option. nice work keep going
Glad you liked it
10/10 one of the most irritating issues in game dev. İ am hoping to find nice solutions in the video.
Love your excitement over those scripts! Thank you alot! Very needed! I have always had this issues.
Another way to do this (not promising it will work for a moving camera) is to make a Plane object then add the below code to the camera and set the Plane to the camera script. Make the plane the size of the mobile screen you're working on and the bounds.size can be changed based on what dimensions you are adjusting. I used it for my project and it keeps the screen size and game objects at the desired ratio for all devices in the simulator.
public class AdjustCamera : MonoBehaviour
{
public MeshRenderer maze;
void Start()
{
float orthoSize = maze.bounds.size.x + (maze.bounds.size.y);
Camera.main.orthographicSize = orthoSize;
}
}
thankyou so much that was so easy and it worked
This is NOT a good solution. 6:27 There will be a smaller gap between top/bottom ball and middle ball, because if that gap should be like 3 tile size tall when your character is like 2.5 size, so on wider resolutions there will be gap smaller than 2.5 between top and middle ball and your character will not be able to move between those 2 balls. This script will manage your corners/borders but it will not scale objects correctly to fit any size screen. On even wider screen resolution those 2 right balls will touch each other and there will be no gap between them at all.
@@awesometuts Try this on Motorola Razr resoltion (2142 x 876) and i'm sure that right 2 balls will touch each other or even overlap an this will be a problem even on your game.
you are right,, but where's the solution, please help
exactly, the only solution is to stretch the images. There simply isn't a way to fit all resolutions without stretching.
You have to do the anchor thing for every object, that's actually a pain
Certain assets must have these type of scripts as default shorely, other wise it would be a nightmare
Exactly what I was thinking!
But what happens when you move your objects? Or when the camera moves? Will the "anchored" items move with it, appearing immobile?
The object could move, but if you move the camera then the object will not since it is anchored to the camera.
What about the object sizes? If they keep the original size, then the spaces of content will be smaller.
exactly, i am having this proble right now.
Sounds scary..
You can just select "Stretch" on them so it keeps getting bigger or smaller depending on the situation.
@@Wourly You can just select "Stretch" on them so it keeps getting bigger or smaller depending on the situation.
@@septercat Where is the stretch option?
Thanks a lot. I was searching all the internet and couldn't find anything.
I will try it tomorrow 😁
What to do if we don't want to anchor it but scale it with screen size ?
Got any answer?
Looks like a rather poor and half baked solution for responsible design.
As other comments already said, game objects do not get resized. So if you design your game on let's say 4k and then use the script to turn everything down to 720p or whatever, you will end up with extremely large game objects.
Also this way you have to anchor all game objects in order to have the correct scaling.
And position game object somewhere else than the premade positions lead to the same problem you try to solve.
Yeah this seems like an absolutely ludicrous solution. Do you know of a better way to handle different shaped screens?
thanks bro helped a lot.
Hello,
its a great tutorial.
please give some information on these two points:
1. the step by step recommend settings for a game to be deployed irrespective of the platform & the device screen size i.e. it can be run on either tab/phone/laptop.
2.How to deploy a task in android needing input from a joystick to move the character?
it will be really helpful.
Where is your modified scripted located? I've signed up and I cant seem to find it anywhere
You can download it, I got scared seeing your comment but when I tried, I got access to the modified files, all you have to do is to click on view your course and search through the list for this video title
so do i, been searching anywhere in the website
@@bimodirty nah bro its right there, send me a dm on discord if u want more help
@@Genericcc the enrollment for youtube tutorial courses is closed now :(
@@Genericcc thank you so much for your help, for those in needs can contact Generic#6969 in Discord!
what if we have a game where camera moves with the player ?
Thanks, i couldn't find a way to do this, it was exactly what i was looking for
Great video! Thanks for the info!
This is exactly what I need, but is there a way to apply this on a canvas in unity? My entire game is built on a canvas.
How can i get download Modified Scripts? I didn't find it on the site.
Did you get the script? Please help
This script only seems to work in "Landscape" mode... When I put the Camera Script into "portrait", the assets do not get scaled up or down :(
Really?
Yeah, even me too the portrait mode doesn't seem to work
Thanks for the video. God bless u. 😇🙏🏻
Cannot find the modified Scripts, please help...
bro, You got the script or not? Please help
Just wrote my review about the game. It is very good one, love it. Hope to bring you some revenue.
what about perspective cameras. this code works fine on orthographic camera but not on perspective cameras.
Do you have an answer for this?
I face a problem when I build setting On Android the terrain has been removed in the mobile view only shows a white surface and shows the player and UI Button
What is up guys fire here 🤣
Can stay long hours listening and watching.
Great Video Straight to the point
Love your vids bud
Solid 🔥Thank you
i cannot rename camerafit to view port handler . by the way where is second script . the both scripts are similar
It was a little bit tedious to find the modified scripts, but except for that 10/10
Can you please help me getting the scripts
@@tanvirsiddiqui5952 sure, add me on Discord - Generic#6969
Can you please help me getting the scripts ???
@@isseyed sure you got any socials?
@@isseyed no problem with mail,
in the AnchorGameObject script i have error in "CameraFit", what i need to do?
iam also struggling on that thing what you want to do is at the starting lines of the script you see a link . copy and paste in chrome . and you see the code .
1.copy the code
2. create a new file named "viewportHandler"
3.remove the code after you opening the script and paste the copied code here
but there is one thing . Fahir posted the two links which are similar to each other
It is trying to reference to the viewport script. You need to replace CameraFit with the name of the other .cs file he linked in the Descripton
u make my day !!! thank you !!
Thank you Fahir ,it was always good to see your teaching but i got a question! should i do that anchor thing for every single gameObject in the scene??
you can already do that by changing the rect transform on the inspector
I think scaling in unity engine should be simplier and not so complicated, i still have problems with scaling and resolituons even doing unity for years..
the download link is just redirecting to the youtube video of yours
Really nice code!! I just put another camera and put culling mask to nothing, because i wanted to do this in a perspective camera, but didn't work, so this camera is orthographic an works as well.
What is the difference with Canvas UI component ? What are the pros/cons of both techniques ? These 2 scripts "push" to the center of screen all elements/sprites. But they do not resize elements/sprites according to screen size.
Canvas UI scaling only works on Canvas elements, if your game only runs on the Canvas layer that will probably work but if that's not the case your UI elements will stay where they are supposed to be but everything else will shift. Can't say for the rest.
Tysm :) you really helpd me alot :)
sooooo, i need to add that script to every single object and move it again to the same spot ?
I can't find his modified script, Please anyone help?
so im supposed to anchor every single game object in order to scale my game ????
thank you very much for this video and scripts.
thank you this works! only thing is now objects with waypoints don't go to the points, but instead go to the camera. I assume this is to do with camera viewport. Anyone??
Thanks dude!
Thanks for the script, looks good!
bro this process affect to game optimization?
Can u make a tutorial on how to make mobile game character controls using unreal engine C++ I can’t find any tutorial on mobile game touch input for unreal c++
Literally perfect timing
*Make something to scale the gameObject accordingly, as well.*
Very nice Fahir. Much appreciated.
thank you for this, i am trying to use the script ScaleToFitScreen on my back ground and its not working, it keeps scaling the background my background very very small... like 0.0004 x and y is 0.0003... which is clearly not what i am testing, as when i use mobile deviecs, they need to be around 265 for x and y 216, but other devices need to be 300 etc... why is it not working???
what did you modify in those scripts? What's the difference between yours and the original ones?
For some reason, this doesn't work for me :(( attaching the anchor script doesn't do anything..
I tried alot but couldn't find your modified script
Thankyou bro your a life saver A+++++++++++. the man
Glad I could help
Great help, Looking for the Right Solution for Decades
This video so usefull.Thank you.
Great vid this helped a lot
Where is 'CameraViewportHandler' script? I just saw the cameraAanchor. Can you give me the link to get both of those scripts? As I can't find camera handler script, I think I'm at wrong link. Don't know where to get that script. So I'm asking you that where the script is on.
i cant find the scripts and i really need them. ???
so you have to add a script to every object in your game?
basically yeah, but this is not a solution for games that have too many objects, I have a better solution, I will create a video for that.
@@awesometutsOkay. i'll hit the bell.
Thank you for this content bro :)
can anyone send me those modified scripts...can;t access those..i am making a 2D game in portrait and none of these scripts are doing any good
How do you know what unit size to input? I'm using 1920x1080 Portrait.
Hi Thank you for your help. I have a problem. I added CameraViewPointHandler Script to my camera. I can see the things on it but nothing happens. Even if i change Units Size, nothing happens
I am having the same issue, did you figure it out?
Guys i saw a thousand videos, i asked Ai tools and everything but all of this is bullshit, now lemme tell u ITS SUPERRR SIMPLE how i figured it out. So the thing is that unity follows the values in inspector, it doesnt follows the initial values in the script. So IN UR INSPECTOR, in ur canvas screenspace -overlay OR canvas - screen space camera, first set to scale with screen size, then u just have to set the reference resolution to what u want and screen match mode to match width or height and Match accordingly 0 to 1. Thats it, that reference resolution will already be then set to whatever screen u play the game on when exported.
For example i set my reference resolution to 770x570 in inspector, now that i've exported the game i can play the game on 1920x1080 without having the game objects/ui elements change or go out of screen, they appear with perfect size and adjust appropriately.
I guess it works also on UI ? maybe its ment for UI :P
Is it the modified ones or ?
Can I use this in mirror?
Thank you sir
nice but in this manner on some devices the objects are going to be closer to each other compared to other devices.
How does it effect the Position of the effect? Will the coordinates be changed?
Anchor game object is not useful, if your game object is moving to any new position, because the anchor script will stop it from moving.
if you paid attention to what I was saying in the video and if you saw the blog post you would have read and heard me saying that this is for static games where objects don't move, or dynamic games but for objects that don't move.
I used this for android , I'm having issues with some android devices , has anyone else had the same problem , because it's happening only on the scene i used this code if someone had the same issue and solved , please help .
Is this working for 2d?
YOu save my life :)
This is too much pain in a ass. I would say f.... those who got different screens.... Create your games with the margin and that's it!
Thanks for the scripts.
a god walks amongst us
I need to put the script to all my gameobject? Then they will all stay at the right place?
yep
I use your scripts but my game is still not responsive
sup dude, can you send the link for your files? i cant find it on your website!
Love You bro...
So is this only applicable to static 2d camera?
I'm slightly confused as to why this is happening on your game in the first place
I have made a game and this does not happen
The only thing I needed to scale correctly through resolutions was gui
The game itself always renders correctly.
@@awesometuts ok thanks
So it applies to objects rendered based on resolution. It confused me because I'm using gui on 3d moving games
Thanks awesome dude.
@@awesometuts thanks again awesome dude.
Hello. Nice video! I am now trying to download the 'modified' assets and I visited your website. I got an email after that, but it didn't include any assets in it. Am I doing anything wrong?
Did you get the script? please hep
Could you please do the same Tutorial for Unreal Engine? I dont how to do it there... :/
A little warning upfront. Works ONLY IN ORTHOGRAPHIC CAMERA!!!!
Dear Fahir , Please create a video about cinemachine , im working on a ThirdPerson Game , everything is ok but i dont know how to move camera by touch control instead of move camera by Mouse X Or Y, im want to publish this game for mobile !
Why it's so difficult to get the Scritp from your WebSite???
@@awesometuts Thank you. I Got it
I think the thing you did with the AnchorGameObject script can be done with the Transform component itself. Correct me if I am wrong. @Awesome Tuts
The RectTransform for UI has a built in ability to anchor to the edges, but not the standard Transform.
Either way though, the solution doesn't work for scaling a game to any resolution. You can see that the objects get closer to the middle, which defeats the purpose...
hello, is this also applicable to 3d mobile game?
Yes
Will this work for unity Ui ??
For managing multiple landscape aspect ratios
unity UI has its own way of achieving this effect with anchors, so you don't need this for UI