Unity Parallax Tutorial - How to infinite scrolling background

  Рет қаралды 506,096

Dani

Dani

Күн бұрын

A quick tutorial on how to achieve a cool parallax effect with infinite scrolling. This method uses a simple script, which means you don't need to mess with the z-axis. Personally, I think this is much better for a 2D game, and couldn't find any easy tutorials on it, so figured I would make my own. Go to my discord to download the tutorial resources!
➤Discord - / discord
➤Twitter - / danidevyt
➤Facebook - / danimilkman
//about
Hey! If you're new here, welcome! I'm an indie game developer, currently working on a physics based game using Unity. This is my devlog / devblog where I show off the progress I make on it. I'll try uploading every week, but I'm pretty busy with university and part time job, so I won't have time every week. But I'll do my best!
#UnityTutorial #unity #gamedev #indiegame #gamedevelopment #unity3d #madewithunity #indiedev #unity2d

Пікірлер: 957
@Danidev
@Danidev 5 жыл бұрын
**CORRECTION*** I have no idea why I put the code in FIxedUpdate. I'm a dummy. USE Update() INSTEAD!!! **WHY DO I PUT THE BACKGROUND ON THE CAMERA??** To answer this commonly asked question: *Usually* your camera follows the player. So when the player moves, the camera moves. This method is perfect for that, since the background only moves when the camera moves. Meaning the background moved when the plsyer moves. You don't have to put the background on the camera, but you would have to reverse my script to get it working outside of the camera. BUT if you want a moving background where the camera stands still, this implementation is not going to work. Luckily for you, that's way easier, and you just need to repeat the backgrounds at different speeds, using something like Mathf.repeat If you have any questions regarding this, the easiest way to ask me is in my discord. You can ask me here on KZbin too, just don't expect an instant reply. Thanks for watching!
@aaronswords404
@aaronswords404 4 жыл бұрын
About your correction. I was having stuttering in my game (only after building) by using Update(). Using FixedUpdate() actually eliminated the stuttering so I would recommend it.
@andrewpulle315
@andrewpulle315 4 жыл бұрын
@@aaronswords404 Fixed update is usually used for physics based needs since it updates either never, once, or multiples times a frame depending on the amount of physics changes and frame rate at that specific time
@TheDukeOfReason
@TheDukeOfReason 4 жыл бұрын
funny enough on Android I had to put it into LateUpdate to get rid of the stuttering. Go figure
@alexbarber2497
@alexbarber2497 4 жыл бұрын
I did the folowing correction; //lenght = GetComponent().bounds.size.x; lenght = GetComponentInChildren().bounds.size.x;
@darksavior1187
@darksavior1187 4 жыл бұрын
@@alexbarber2497 two things, first length is spelled wrong. Second, did you add an additional line, or change the first into the second?
@itsapocalypse8239
@itsapocalypse8239 3 жыл бұрын
We need more tutorials from Dani. He's pretty epic.
@kimjongun3890
@kimjongun3890 3 жыл бұрын
yep definitely maybe on Dani3
@equation1321
@equation1321 3 жыл бұрын
@@kimjongun3890 Dani tutorials
@GasimovTV
@GasimovTV 3 жыл бұрын
@@kimjongun3890 LMAO it is danistutorials. I guess you are not a true boner.
@gelis07
@gelis07 3 жыл бұрын
epik*
@equation1321
@equation1321 3 жыл бұрын
@@GasimovTV thats what i said :(
@adriansantos9316
@adriansantos9316 3 жыл бұрын
Your code is now my property.
@RylinthAnderfel
@RylinthAnderfel 4 жыл бұрын
Really appreciate this tutorial. Pretty easy to follow, straight to the point, simple code, and well presented. Helped me build an awesome parallax effect for a class project!
@mesenes77
@mesenes77 3 жыл бұрын
Brackeys stopped making tutorials Dani, It's your time.
@user-tw9ck7yc9i
@user-tw9ck7yc9i 3 жыл бұрын
Yeah, it's so sad that Brackeys won't make videos any more, he was the greatest youtuber making Unity tutors :(
@gamedevperson
@gamedevperson 3 жыл бұрын
@@user-tw9ck7yc9i rip brackeys :( i watched him for 2 years
@gamedevperson
@gamedevperson 3 жыл бұрын
@@ahsanzizan no he left
@bhawal5307
@bhawal5307 3 жыл бұрын
@@user-tw9ck7yc9i i learnt basic of c# from his yt vdos no more tutorials though rip
@clastergaming6394
@clastergaming6394 3 жыл бұрын
too bad dani turned into a meme channel with videos where code parts are skipped and stupid milk and other memes repeated
@geri4367
@geri4367 5 жыл бұрын
Way more simple that other implemetations I've seen. Good job :D
@hematogen50g
@hematogen50g 3 жыл бұрын
Simple - yes. Optimal - No.
@jameswellington7745
@jameswellington7745 3 жыл бұрын
hematogen50g Fair enough, but for those new to the C# scene such as myself and aren’t working on large scale projects, this is great.
@couchoclocknews
@couchoclocknews 3 жыл бұрын
Aren't you a vr dev youtuber?
@ethicalrevolution3294
@ethicalrevolution3294 3 жыл бұрын
@@hematogen50g Can you elaborate some details what you mean.
@sengoku8497
@sengoku8497 2 жыл бұрын
@@ethicalrevolution3294 well, here are some points I might guess: - 5 textures (sprites) duplicated 3 times, 15 entities in total for background - all this textures are being transformed on CPU (via C# script) - if the game lags, the difference between temp and |startpos +- length| might be too big, causing a weird visual effect Much more efficient solution would be just by changing offset of the sprite-texture in shader code per frame, executed on GPU
@ayebeesee
@ayebeesee 4 жыл бұрын
I love this implementation, it is so much simpler than other ones out there. Thank you so much for sharing!
@noodledoodle6029
@noodledoodle6029 5 жыл бұрын
Omg! Yesterday I thought I should request you to make a tutorial on parallax, turns out you've already made one! This is by far the *best* one I've found anywhere. Thank you :D
@Danidev
@Danidev 5 жыл бұрын
Haha cheers, glad you like it!
@vehemyr6332
@vehemyr6332 2 жыл бұрын
at 07:00, this code doesn't work in my build. if (temp > startpos + length) startpos += length; else if (temp < startpos - length) startpos -= length; The background change is 1 length too short, a quick fix is to multiply the length by 2: if (temp > startpos + length) startpos += length * 2; else if (temp < startpos - length) startpos -= length * 2; Don't know if anyone else is experiencing the same problem I did, but if you did here's the solution. Oh and great vid btw.
@rotatingfan
@rotatingfan Жыл бұрын
You saved my life. I love you.
@axl2375
@axl2375 Жыл бұрын
This needs more upvotes
@annajuliagomes5905
@annajuliagomes5905 Жыл бұрын
Thank you, helped a lot!
@ItsDarthy
@ItsDarthy Ай бұрын
Thanks so much!
@andreystarenky9780
@andreystarenky9780 4 жыл бұрын
Excellent tutorial thank you so much!! For anyone trying to figure out how to get the background to not flip/invert if you're using a player going back and forth, move the camera outside of the player and set camera's position to player.
@gfulpakwuli3799
@gfulpakwuli3799 2 жыл бұрын
This the most simple yet most effective parallax script I've ever encountered. Really good job! You got one new subscriber.
@NiclasGleesborg0
@NiclasGleesborg0 5 жыл бұрын
Nice tutorial and great explanation. Very understandable :)
@fypo
@fypo 3 жыл бұрын
Well i didn't expect to find Dani from 1 year ago while searching this!
@berkcan3475
@berkcan3475 4 жыл бұрын
thank you for video, I'm gonna give cool tip for fast editing who loves shortcuts, press Ctrl+3 to focus on Hierarchy and then press Ctrl+4 to focus on inspector
@Danidev
@Danidev 4 жыл бұрын
Oh, thanks!
@rystal
@rystal Жыл бұрын
@@Danidev Lol
@anupamchand3690
@anupamchand3690 2 жыл бұрын
Such an easy way to get a real cool effect which I've always seen and admired in some of the games I've played. Thanks!
@jessejames03
@jessejames03 3 жыл бұрын
This was just what i needed, u made my day better Dani👍
@squilliam2490
@squilliam2490 4 жыл бұрын
for the lazy people using System.Collections; using System.Collections.Generic; using UnityEngine; public class Parallax : MonoBehaviour { private float length, startpos; public GameObject cam; public float parallexEffect; void Start() { startpos = transform.position.x; length = GetComponent().bounds.size.x; } void Update() { float temp = (cam.transform.position.x * (1 - parallexEffect)); float dist = (cam.transform.position.x * parallexEffect); transform.position = new Vector3(startpos + dist, transform.position.y, transform.position.z); if (temp > startpos + length) startpos += length; else if (temp < startpos - length) startpos -= length; } }
@mcwhite5925
@mcwhite5925 4 жыл бұрын
thnx man xD
@warrior6633
@warrior6633 4 жыл бұрын
Sports Mania same.
@ThatOneLadyOverHere
@ThatOneLadyOverHere 4 жыл бұрын
@Sports Mania With practice we will start understanding. There's a reason they refer to it as a language, and the best way to learn a language is through immersion.
@bendent7261
@bendent7261 4 жыл бұрын
i dint notice for the lazy pepole bit so i couldnt workout why it wasnt working
@rohitchalak6379
@rohitchalak6379 4 жыл бұрын
Thanx!😎😎🤩
@danielvillalba4457
@danielvillalba4457 4 жыл бұрын
You rock man, amazing video, I thought that might be some issue with Cinemachine but it actually worked perfect, thanks a lot!
@neotrixsine7846
@neotrixsine7846 2 жыл бұрын
You always motivated me with your devlogs and now you are helping me with your tutorials!
@computercrafty9090
@computercrafty9090 2 жыл бұрын
This helped me very much. Thanks Dani.
@yoctometric
@yoctometric 5 жыл бұрын
This is a good strait forward tutorial. The game I'm working on right now could use a background, so now that I have the code all I need to figure out is the art! Thanks
@Danidev
@Danidev 5 жыл бұрын
Awesome! Good luck with that art, and thanks for watching! :)
@abelnicolae
@abelnicolae 4 жыл бұрын
you're the best. Thank for the help.
@cmd5789
@cmd5789 2 жыл бұрын
Stunning. Flawless. Perfect tutorial.
@aresanstudio8335
@aresanstudio8335 3 жыл бұрын
Thanks for sharing this great tutorial. I will need it for my 2D Game!
@josefsilvar4872
@josefsilvar4872 3 жыл бұрын
@Dani, please start making more tutorials like that again! It'd be really helpful because you explain it really great!
@diliupg
@diliupg 4 жыл бұрын
excellent tutorial. I implemented this in my game. Thank you. I will credit you. :)
@felixgeorgescu2230
@felixgeorgescu2230 3 жыл бұрын
What's the name of your game ?
@llamapunk89
@llamapunk89 3 жыл бұрын
Great tutorial! Exactly what I was looking for. :)
@kingdoom1906
@kingdoom1906 Жыл бұрын
It’s been 4 years for publishing this video from dani and here we are , man this is super good tutorial thank you helped me with this stupid thing i was struggle with
@karol_k
@karol_k 4 жыл бұрын
Idea: you can make many variations of a background tile, and as long as its seamless with each one, you can make the background have a little bit of random variation
@JonasTyroller
@JonasTyroller 5 жыл бұрын
Very nice. I like the colors as well! Looks pretty cool.
@Jackgalaga
@Jackgalaga 3 жыл бұрын
first reply b4 this blows up
@altreedy1649
@altreedy1649 3 жыл бұрын
@@Jackgalaga Nothing happened
@Jackgalaga
@Jackgalaga 3 жыл бұрын
@@altreedy1649 shut up it will
@TofiOfficial
@TofiOfficial 3 жыл бұрын
Thanks Dani for the tutorial!
@shapeshifter8986
@shapeshifter8986 5 жыл бұрын
WOW this blew me away..clean simple and beautiful Thanks a lot!
@Danidev
@Danidev 5 жыл бұрын
Glad to hear that!
@harleybekker
@harleybekker 5 жыл бұрын
Thank you :))
@idoblenderstuffs
@idoblenderstuffs 9 ай бұрын
im just legit trying to learn unity here and the first result leads me back to you. stop being dead, its cringe.
@RAULGARCIAYunqeExplorer
@RAULGARCIAYunqeExplorer 3 жыл бұрын
great demo - thanks and seems easy!
@jordanfaydherbe7394
@jordanfaydherbe7394 2 жыл бұрын
Perfect tutorial. Simple, easy to use, can be applied in many ways. 👍
@amajesticmango
@amajesticmango 3 жыл бұрын
bruh i watched this a few days ago looking for a tutorial and found this but didnt notice it was dani lmao
@red.williams18
@red.williams18 Жыл бұрын
To people viewing in the future, if the ends of your background asset don't match up (as described in the start of this video), a possible solution could be to import the same background twice, where the second background is flipped horizontally. This will ensure that either end of the background meets another at the exact same height.
@LAKXx
@LAKXx Жыл бұрын
smart nice one
@MabsMakes
@MabsMakes 4 жыл бұрын
Killed it! Awesome tutorial.
@PPLorux
@PPLorux 4 жыл бұрын
Awesome tutorial, straight to the point!
@Danidev
@Danidev 4 жыл бұрын
Cheers!
@emlel1948
@emlel1948 3 жыл бұрын
Lmao I had no idea that Dani did unity tutorials But still thank you
@roboking1020
@roboking1020 3 жыл бұрын
If anyone is using Cinemachine and is having a glitch where the background sprite doesn't properly loop when you reach the end, try changing length = GetComponent().bounds.size.x; in the start method to length = GetComponent().size.x;
@JOMU_MAKU
@JOMU_MAKU 3 жыл бұрын
thx Dani from the past i needed this. also your future self motivate me to do game development
@macchiato_1881
@macchiato_1881 2 жыл бұрын
Thank you Dani, very cool! 👍
@PorkandBeans
@PorkandBeans 4 жыл бұрын
I modified this code a bit so the background is affected by the Y position too (useful if your player character wants to move up or down) using System.Collections; using System.Collections.Generic; using UnityEngine; public class Parralax : MonoBehaviour { private float length, startpos, ypos; public GameObject cam; public float parallaxEffect; // Start is called before the first frame update void Start() { startpos = transform.position.x; ypos = transform.position.y; length = GetComponent().bounds.size.x; } // Update is called once per frame void Update() { float temp = (cam.transform.position.x * (1 - parallaxEffect)); float dist = (cam.transform.position.x * parallaxEffect); float ydist = (cam.transform.position.y * parallaxEffect); transform.position = new Vector3(startpos + dist, ypos + ydist, transform.position.z); if (temp > startpos + length) { startpos += length; } else if (temp < startpos - length) { startpos -= length; } }
@pabli.inkorea
@pabli.inkorea 3 жыл бұрын
i knew someone would help me with that! thank you a lot
@sebastiank686
@sebastiank686 3 жыл бұрын
you are the mvp
@karansh491
@karansh491 3 жыл бұрын
Haha nerd go brrrr
@OdinGamingMC
@OdinGamingMC 3 жыл бұрын
Thank you soooo much!
@faus585
@faus585 3 жыл бұрын
Thank you so much!!
@semirukiya5308
@semirukiya5308 4 жыл бұрын
I know this is not the most recent video, still I would like to point out one thing You've missed: What if camera is following player when he jumps? With the current script, the whole BG would jump with the player which wouldn't look too nice. Everyone who use their brain or know some basics would find the solution in an instant, but here's some tip for complete beginners: You need to add another float for Y axis and define its parameter, then put it in line: transform.position = new Vector3(startpos + dist, transform.position.y, transform.position.z); replacing ,,transform.position.y". That way Your BG will stay in place at Y axis. The video is great anyway, cheers to that!
@christopherthomas7460
@christopherthomas7460 4 жыл бұрын
Could you give an example of this
@semirukiya5308
@semirukiya5308 4 жыл бұрын
@@christopherthomas7460 Of course. Well, it actually highly depends on if You want the BG's position to change from time to time or not. In my example You don't want to do that, but the difference in code wouldn't be that big anyway. You could also make it adjustable through the inspector, but I will just use the solid amount as private. In the line You define Your parameters: private float length, startpos; You want to add another one. Let's call it posY, so the line would look like this: private float length, startpos, posY = 9.32f; posY represents the Y position of Your background - take a note I'm not talking about the Backgrounds container, but about one of Backgrounds sub-containers, so taking as an example from the video it would be any of 0 - 4 containers in hierarchy. I did use 9.32f but it is just an example. Then in the Update method, in this line: transform.position = new Vector3(startpos + dist, transform.position.y, transform.position.z); You want to replace transform.position.y with Your posY, so it would look like this: transform.position = new Vector3(startpos + dist, posY, transform.position.z); And that's it. I'm pretty much sure there are other ways to achieve that, but this one is the simplest one that came to my mind. As a summary for those who would still have a problem with understanding how it works: The first version of the line (from the video) will update Y axis of the background based on the Y axis of the camera. What You've changed here is that You said to the program that You want the BG to stay at the solid position You want, so in this case at Y = 9.32f.
@christopherthomas7460
@christopherthomas7460 4 жыл бұрын
@@semirukiya5308 Thank you. That makes a lot of sense it helped a lot 😊
@semirukiya5308
@semirukiya5308 4 жыл бұрын
@@christopherthomas7460 Glad I could help :)
@mtnvr6545
@mtnvr6545 3 жыл бұрын
Great reply! I was having an issue with this exact thing. Is it as simple as just removing the "transform.position.y" in the script? Thanks for any info
@meddjihed9108
@meddjihed9108 2 жыл бұрын
Easy, simple, and awesome, thanx man
@deano1
@deano1 3 жыл бұрын
i really like this tuff and it actually has helped me with a 2d game im working on. he really should do more on either this channel or danitutorials.
@Alriightyman
@Alriightyman 3 жыл бұрын
If you'd like part of the BG to auto-scroll use this: (NOTE: paralaxEffect should be something like 0.01 in the editor) using UnityEngine; public class Parallax : MonoBehaviour { public GameObject cam; public float parallaxEffect; public bool autoScroll = false; private float length, startpos; // Start is called before the first frame update void Start() { startpos = transform.position.x; length = GetComponent().bounds.size.x; } // Update is called once per frame void Update() { float temp = cam.transform.position.x * (1 - parallaxEffect); float distance = (cam.transform.position.x * parallaxEffect); float desiredXPos = startpos + distance; if(autoScroll) { // this will push bg to the left desiredXPos = transform.position.x - parallaxEffect; } transform.position = new Vector2(desiredXPos, transform.position.y); if (temp > startpos + length) { startpos += length; } else if(temp > startpos - length) { startpos -= length; } } }
@christianpaulb.basbas4569
@christianpaulb.basbas4569 Жыл бұрын
Thanks
@kosuken
@kosuken Жыл бұрын
but what if it was better, using UnityEngine; public class Parallax : MonoBehaviour { public GameObject cam; public float parallaxEffectX, parallaxEffectY; public bool autoScrollX = false, autoScrollY = false; private float lengthX, startposX; private float lengthY, startposY; // Start is called before the first frame update void Start() { startposX = transform.position.x; lengthX = GetComponent().bounds.size.x; startposY = transform.position.y; lengthY = GetComponent().bounds.size.y; } // Update is called once per frame void Update() { float tempX = cam.transform.position.x * (1 - parallaxEffectX); float distanceX = (cam.transform.position.x * parallaxEffectX); float desiredXPos = startposX + distanceX; float tempY = cam.transform.position.y * (1 - parallaxEffectY); float distanceY = (cam.transform.position.y * parallaxEffectY); float desiredYPos = startposY + distanceY; if(autoScrollX) { // this will push the object to the left desiredXPos = transform.position.x - parallaxEffectX; } if(autoScrollY) { // this will push the object down desiredYPos = transform.position.y - parallaxEffectY; } transform.position = new Vector2(desiredXPos, desiredYPos); if (tempX > startposX + lengthX) { startposX += lengthX; } else if(tempX > startposX - lengthX) { startposX -= lengthX; } if (tempY > startposY + lengthY) { startposY += lengthY; } else if(tempY > startposY - lengthY) { startposY -= lengthY; } } } this works for x and y
@kosuken
@kosuken Жыл бұрын
yeaaaa my script doesent work, like always
@rianahazra9945
@rianahazra9945 10 ай бұрын
TYSMMMM
@HypnoticMemer
@HypnoticMemer 10 ай бұрын
Hipoty hopity your code is now my property
@UrFriendXD
@UrFriendXD 3 жыл бұрын
A few things to help anyone who has these problems: If you're seeing the edges of the backgrounds when reaching the edge (it means your backgrounds are too short) replace the respecting code with this: if (temp > startpos + (length - offset)) { startpos += length; } else if (temp < startpos - (length - offset)) { startpos -= length; } This will make it so it moves earlier than needs too. You'll also need a public float of offset and just fine-tune it to your needs. If there's small jumping or the size of the children are not all the same (or you're lazy to find the correct X positions for each), have this script attached to each parallax child image (the dupes) and have one of each set to be marked isRight. This will automatically find the size of the image and offset them in the right X pos. public class ParallaxChild : MonoBehaviour { [SerializeField] private bool isRight; // Start is called before the first frame update void OnValidate() { var length = GetComponent().bounds.size.x; if (!isRight) { length *= -1; } transform.localPosition = new Vector3( length, 0, 0); } // Update is called once per frame void Update() { } Good luck with your Game Dev endeavors!
@judozwerg4951
@judozwerg4951 3 жыл бұрын
Thanks :)
@bahadrsenbay1232
@bahadrsenbay1232 6 ай бұрын
Thank you
@felipetomachevski1562
@felipetomachevski1562 10 ай бұрын
Great video, really helped me to understand the concept. Thank you very much
@b1tfl1p
@b1tfl1p 3 жыл бұрын
bruh this legend is helping me with tutorials now?
@lazyemperor5182
@lazyemperor5182 3 жыл бұрын
Who didn't find this before but got recommended now
@ItsCoderDan
@ItsCoderDan 3 жыл бұрын
i was searching for it :p, although i had no idea Dani made a totorial on this
@user-tf9lo4fi4m
@user-tf9lo4fi4m 3 жыл бұрын
​@@ItsCoderDan Hey guys, here is much simpler way to make same stuff in unity, but be careful it is on russian, lol. check this out: kzbin.info/www/bejne/ql6VdYNqirp2a6c
@ethann3725
@ethann3725 2 жыл бұрын
If anyone has issues with their backgrounds moving around weirdly and not repeating properly, make sure only the parent backgrounds have the script, not the children.
@squeeziejetadore3800
@squeeziejetadore3800 Жыл бұрын
went trough hell to log into my account here at school, just to tell you THANK YOU! omg I was struggling for so many hours and it was because of this... Anyways thank u fr fr
@animationmaster_4
@animationmaster_4 5 ай бұрын
And you come to save me time trying to figure it out myself. Thanks.
@CallMeKRSNA
@CallMeKRSNA 3 жыл бұрын
Excellent video. Working correctly. Thanks
@jjolatunji5447
@jjolatunji5447 4 жыл бұрын
love the tutorial bro helped so much thanksss
@PanconGo
@PanconGo 5 жыл бұрын
Hey man, nice tutorial! I have a question... How do you get that Windows classic theme? I love it!!
@Danidev
@Danidev 5 жыл бұрын
If you're on Win 7, right click on desktop > preferences > and then select classic theme :D
@PanconGo
@PanconGo 5 жыл бұрын
@@Danidev Oh! I think that you're using Windows 10 u.u, thank you anyway
@akshatdubey4343
@akshatdubey4343 3 жыл бұрын
its weird to see him not cracking jokes
@abovethemist1412
@abovethemist1412 2 жыл бұрын
yep
@sarathkrishnanramesh1938
@sarathkrishnanramesh1938 4 жыл бұрын
Great tutorial! Thanks!
@aryaanimated
@aryaanimated Ай бұрын
The first DanisTutorials video!
@xentox5016
@xentox5016 4 жыл бұрын
Nice Tutorial! But for some reason, if i walk to the left , it works perfect, but if i walk to the right they repeat to late
@perssontm1628
@perssontm1628 3 жыл бұрын
A bit late but just add another bg to the right then :)
@Ox-Plays
@Ox-Plays 5 жыл бұрын
What image size should I use for the background? As big as possible so it can be shrunk down with no loss of quality? I'm making a 2D side scroller, but I'd like for it to look good with smooth lines and stuff even on my 4k display at full screen.
@Danidev
@Danidev 5 жыл бұрын
Yeah then you should go for a 4k image size. It's better to scale down for sure, just make sure it's no too big. That could hurt your performance.
@acikgozemre
@acikgozemre 3 жыл бұрын
Wow. Thank you! Super Simple.
@VoidShadow66
@VoidShadow66 7 ай бұрын
Epic script for parallax effect. Dani's best!
@ereboss6348
@ereboss6348 Жыл бұрын
When I reach the end of the sprite, the sprite just does a weird jump and does not move smoothly. Does anyone else have this problem too?
@vlodarz
@vlodarz 2 жыл бұрын
So I needed the background to move from up to down infinitely while my camera would stay in place so I changed the script a bit. Might be useful for someone so here it is: public class Parallax : MonoBehaviour { private float length, startpos; public float parallaxEf; private float speed = -0.01f; //ypu can change this private float distFromMiddle = 0; //keep it 0 void Start() { startpos = transform.position.y; length = GetComponent().bounds.size.y; } void Update() { distFromMiddle = distFromMiddle + speed; float dist = (distFromMiddle * parallaxEf); transform.position = new Vector3(transform.position.x, startpos + dist, transform.position.z); if (dist < startpos - length) { transform.position = new Vector3(transform.position.x, startpos - length, transform.position.z); distFromMiddle = 0f; } } }
@NomansSkywalker
@NomansSkywalker 2 жыл бұрын
Thanks
@ekobooy
@ekobooy 2 жыл бұрын
@@NomansSkywalker its work nice while cam stay in one position, nice to use in menu backgrounds thhx
@gooseman6453
@gooseman6453 3 жыл бұрын
i just realised how good of a programmer dani is
@orlandodlugosceh4369
@orlandodlugosceh4369 6 ай бұрын
Thanks dani, very cool.
@coentertainer
@coentertainer Жыл бұрын
What would be the easiest way to add variety? Like instead of the same foreground element every time, it's one of a possible 5 that appear.
@Broockle
@Broockle Жыл бұрын
different pieces would be easy, you'd just have to place them all in order like in the video. If you want them to be random tho you'd prbly have to make a random range and then instantiate them in location... or w8 better idea.. Maybe try replacing the pictures with empty game objects that move in this parallax fashion. Then every time you force one to move you also make it switch image... something like that.
@manuelsilva4931
@manuelsilva4931 4 жыл бұрын
It's really nice. worked with me, but when my Character go backwards the Parallax bugs and the sprites doesn't duplicate at real time. Need help
@m00dude
@m00dude 4 жыл бұрын
Try this: else if(temp < startpos) { objPosition -= length; }
@windwakin
@windwakin 4 жыл бұрын
This is awesome! You are my hero!!
@tienne_k
@tienne_k 5 жыл бұрын
I tried it and it's amazing! Thank you so much!
@Danidev
@Danidev 5 жыл бұрын
Awesome, glad it worked out for you!
@marbldidnttry
@marbldidnttry 4 жыл бұрын
When my (example: mountains) move from the back to the front they do not move back as I go left
@carlosaguerou
@carlosaguerou 4 жыл бұрын
Hi, amazing tutorial! where i can download the resources? the background? i joined into discord but i dont find the resources
@stephen9849
@stephen9849 4 жыл бұрын
Now it's all about Karlson, no one cares anymore about any other game.
@EdwinCreatives
@EdwinCreatives 4 жыл бұрын
That's because you join the Discord group way too late. Dani might have forbidden the project files or hidden or even deleted
@FuzzyDPozzy
@FuzzyDPozzy 5 жыл бұрын
the simplex parallel bg i saw on youtube so cool thanks for sharing man keep make more tutorials
@Danidev
@Danidev 5 жыл бұрын
Thanks! That's why I made this video :D
@Skikopl
@Skikopl 3 жыл бұрын
Thank you Dani, still 1 year later useful.
@edwardharks
@edwardharks 5 жыл бұрын
Thanks for the great tutorial. One question - why do you use FixedUpdate if you're not updating physics?
@Danidev
@Danidev 5 жыл бұрын
Mainly because I've had some problems using the normal Update method when working with cameras. Sometimes the background moves in a choppy and jittery way, but using FixedUpdate() fixed it for me. But in theory normal Update should work fine.
@edwardharks
@edwardharks 5 жыл бұрын
@@Danidev I'll keep that in mind next time i'm working with the camera!
@PiyPowKachou
@PiyPowKachou 5 жыл бұрын
@@Danidev It was probably because of Physics related things. Physics run in a fixed update, thus when moving stuff with Rigidbody, for example, you get choppy movements because while Update has already updated position for camera and new renders come from a different position. Other stuff is still standing still until physics update. So it's kind of 3 frames freeze usually depending on the frame-rate ofc.
@chineduachimalo391
@chineduachimalo391 5 жыл бұрын
@@Danidev still experiencing little jittering even after fixed update, tried a everything i know, so exhausted
@ericbishop2461
@ericbishop2461 5 жыл бұрын
Try using LateUpdate to move the camera, as it is called every frame, but after everything else is done moving.
@ryanh8518
@ryanh8518 3 жыл бұрын
Great tutorial! My only problem is when I move it, it is very choppy. It takes a while to load in, I have a decent laptop so I am not sure why.
@iTheBOSSx
@iTheBOSSx 3 жыл бұрын
did you fix it bro?
@zhangchina5198
@zhangchina5198 Жыл бұрын
First of all, I really appreciate it, because your work is very helpful to me
@sexkotik
@sexkotik 4 ай бұрын
still useful after years ago, thanks 🔥
@ozanyokuva6930
@ozanyokuva6930 4 жыл бұрын
As you put the BG under the cam , when you try to adjust the cam you also move the background images , it makes designing very hard. You better update your paralax code to work without this hierarchy dependency. A am working on updating the code but I am a little new in unity, if you can update It will make the tutorial more relevant.
@dailydoseofchocolate9411
@dailydoseofchocolate9411 4 жыл бұрын
Hi, how do you handle different aspect ratio when the bg wont cover the whole viewPort?
@EdwinCreatives
@EdwinCreatives 4 жыл бұрын
aspect ratio doesn't affect the camera much. All you have to do is adjust the viewport's height and width to suit your background
@dailydoseofchocolate9411
@dailydoseofchocolate9411 4 жыл бұрын
@@EdwinCreativesI see, how do you adjust the view port?
@istanbulludeveloper
@istanbulludeveloper Жыл бұрын
Thanks for the great tutorial!
@akshaydhotre7056
@akshaydhotre7056 5 жыл бұрын
Works perfectly! Thanks for the tutorial
@Danidev
@Danidev 5 жыл бұрын
Awesome, no problem!
@HediDev
@HediDev 3 жыл бұрын
@@Danidev I am making a game about YOU kzbin.info/www/bejne/rH26ZYmjZq1pga8
@hachasansavan2612
@hachasansavan2612 3 жыл бұрын
hi guys. ı'm very new at unity. ı couldn't understand what he means here: float temp = (Cam.transform.position.x) * (1 - parallaxEfect); float dist = (Cam.transform.position.x * parallaxEfect); can you help?
@sarahclark4159
@sarahclark4159 3 жыл бұрын
I don’t either, but I upvoted, so hopefully someone gets you an answer soon. If you figure it out I’d love to know!
@hotpockets898
@hotpockets898 3 жыл бұрын
ok, so im pretty new to unity(so im probably wrong), but i do believe i can understand this, float temp is how long until it repeats, and float dist is telling the parallax efect to move, and once it gets one camera distance away its going to reset
@fuleswaripal9536
@fuleswaripal9536 3 жыл бұрын
Float is a datatype where you can insert integer variabal with decimals also . Cam is the short form of camera and cam is a function which specifies the position and direction of the camera we use x for storing position value . There are vector 3 where we can use x y and z . In vector 2 we can store value of x and y .'transform' is basically a function you need to write before storing value x or y or z . You first need to learn coding unity c# before doing this there are a lot of videos on unity c# coding watch it they will surely help you👍
@hachasansavan2612
@hachasansavan2612 3 жыл бұрын
@@fuleswaripal9536 thank you for your comment FulesWari. I'm not new at codding ı already know what you explain above. ı just couldn't understant the logic behind that part .... 1- parallaxEfect);
@Angelongamer
@Angelongamer 3 жыл бұрын
the code :D : using UnityEngine; public class Parallax : MonoBehaviour { private float length, startpos; public GameObject cam; public float parallaxEffect; // Start is called before the first frame update void Start() { startpos = transform.position.x; length = GetComponent().bounds.size.x; } // Update is called once per frame void Update() { float temp = (cam.transform.position.x * (1 - parallaxEffect)); float dist = (cam.transform.position.x * parallaxEffect); transform.position = new Vector3(startpos + dist, transform.position.y, transform.position.z); if (temp > startpos + length) startpos += length; else if (temp < startpos - length) startpos -= length; } }
@youngjepark5835
@youngjepark5835 2 жыл бұрын
wait i did not know this video is from dani! amazing
@alekseykustov9574
@alekseykustov9574 2 жыл бұрын
Это просто потрясающе! Искал несколько дней как сделать паралакс эффект везде предлагали странные и громозкие способы , а тут пару строчек кода и все идеально работает! Спасибо!!!!!!!!!!!
@Lajlaj
@Lajlaj 3 жыл бұрын
This works, but my background images are shaking alot. Anyone with a solution?
@vishnuj2717
@vishnuj2717 3 жыл бұрын
Before writing the last if else code my scene working fine but after that, When i hit the play button all the layers started blinking ??? What to do any suggestions?? 😕😕
@rorychang9965
@rorychang9965 3 жыл бұрын
Idk but I liked the comment so more people see ur comment
@bradmcdaniel3004
@bradmcdaniel3004 3 жыл бұрын
Same!
@vishnuj2717
@vishnuj2717 3 жыл бұрын
@@bradmcdaniel3004 I found the mistake 😁 Actually my both if conditions are cheaking greater then that's why they all are blinking. You can check yours also👍
@bradmcdaniel3004
@bradmcdaniel3004 3 жыл бұрын
Vishnu J ahhh ok hopefully my issue just as minor 💀
@pabli.inkorea
@pabli.inkorea 3 жыл бұрын
I had problems too, is not the best solution but i just made the bg as big as my level and didnt use the infinite copy part
@manueldemirdzhiyan7992
@manueldemirdzhiyan7992 4 жыл бұрын
Dude , you are amazing! Thank you, cheers!
@Danidev
@Danidev 4 жыл бұрын
Glad I could help! :)
@scubotica5583
@scubotica5583 4 жыл бұрын
Good tutorial, keep going!
@PumpkinEaterSixtyNine
@PumpkinEaterSixtyNine 3 жыл бұрын
Where can I get the sprites he's using? Cant find them on his dc
@mounamannou648
@mounamannou648 3 жыл бұрын
discord
@mayankbhaisora2699
@mayankbhaisora2699 3 жыл бұрын
I am also looking for the same. Can anyone please provide links to the assets. Can't find on Discord.
@thebiggestmaninexistence6239
@thebiggestmaninexistence6239 4 жыл бұрын
I cant do art dani, so can i use this for a game?
@monkizaki1440
@monkizaki1440 4 жыл бұрын
Uniqueness brings attention. Download free tree, bush, rocks, mountain brushes to make the background.
@funky_pepe
@funky_pepe 3 жыл бұрын
Im feeling very funky today, liked
@IDRIS-Music
@IDRIS-Music 2 жыл бұрын
Best guide ever bro thanks !
@Flurette
@Flurette 3 жыл бұрын
What is Karlson?
@dittodolphino
@dittodolphino Ай бұрын
oh Karlsson IS JUST A LIITLW GME OM WORKING WISHLIST NOW BONERS
@wolfie-games
@wolfie-games Ай бұрын
​@@dittodolphinoI was gonna say the same thing rip Dani
@SassyCassi
@SassyCassi 4 жыл бұрын
i've tried so hard x.x and it's just not repeating the layers at all
@aryanhavrest
@aryanhavrest 4 жыл бұрын
Yupp, same for me. You gotta use this length = GetComponent().size.x; so dont write bounds
@TheOneDemigod
@TheOneDemigod 4 жыл бұрын
Works awesome, thank you!
@Danidev
@Danidev 4 жыл бұрын
Glad to hear!
@bhawal5307
@bhawal5307 3 жыл бұрын
u explain very clearly, also love your vdos of your main channel, thank you
Unity 2D PARALLAX EFFECT Tutorial | Endless Scrolling Background
6:55
Infinite Parallax Scrolling Background - Unity 2D Complete Tutorial
7:24
Game Code Library
Рет қаралды 1,3 М.
Como ela fez isso? 😲
00:12
Los Wagners
Рет қаралды 34 МЛН
Эффект Карбонаро и бесконечное пиво
01:00
История одного вокалиста
Рет қаралды 6 МЛН
They RUINED Everything! 😢
00:31
Carter Sharer
Рет қаралды 16 МЛН
HOW TO MAKE 2D GAME ANIMATIONS IN UNITY - BEGINNER TUTORIAL
14:58
Blackthornprod
Рет қаралды 580 М.
Parallax Infinite Scrolling Background in Unity
17:11
Code Monkey
Рет қаралды 146 М.
How to make Parallax Backgrounds (Pixel Art Tutorial)
6:55
Pixel Overload
Рет қаралды 114 М.
The Perfect Pixel Art Parallax Tutorial [and Unity script!]
49:03
AdamCYounis
Рет қаралды 279 М.
How I learned Unity without following tutorials (Developing 1)
18:11
Game Maker's Toolkit
Рет қаралды 1,9 МЛН
Unity Beginners - How to Loop the Background Image
9:24
Adamant Algorithm
Рет қаралды 24 М.
The Hollow Knight Look IN 15 MINS (EASY 2D UNITY TUTORIAL)
16:30
Thomas Brush
Рет қаралды 75 М.
CyberBrawl - The Last Sacrifice
1:35
Brawl Stars
Рет қаралды 1,4 МЛН