Background Types (and why Parallax is important)

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 มิ.ย. 2024
  • There are several different 2D background types, which I talk through in this video (spoiler, parallax is the best)
    #shorts
  • เกม

ความคิดเห็น • 62

  • @loyaleling
    @loyaleling 11 หลายเดือนก่อน +878

    Terraria is a great example of this because in the settings you can switch between modes

    • @wn4426
      @wn4426 6 หลายเดือนก่อน +43

      I love it. I think having many layers is the best option, but my PC isn't amazing so having the option to flatten or remove it helps SOOO much with performance

    • @BurningMarsh
      @BurningMarsh 6 หลายเดือนก่อน +8

      ⁠@@wn4426not to be rude but you must have a laptop or something cause my switch and xbox can handle them both perfectly fine I know they were optimized for those but I feel even a lower-end desktop should be able to handle base terraria well

    • @wn4426
      @wn4426 6 หลายเดือนก่อน +9

      @@BurningMarsh nah its just an old pc

    • @gumbitoicic9977
      @gumbitoicic9977 6 หลายเดือนก่อน +3

      ​@@BurningMarshlaptops are pcs

    • @cloudy7092
      @cloudy7092 6 หลายเดือนก่อน

      not really, if you put paralax at 0 it still moves

  • @stumonster6091
    @stumonster6091 5 หลายเดือนก่อน +70

    If your looking to impress you tech high school class, parallax is godly.
    I made a 2D game for my ITM major, it was terrible, hardly anything worked how i wanted and it was mostly a sprite test.
    But one thing I had from the beginning, great parallax backgrounds and even some foreground. It easily was the thing that got me as high a mark as I got, and genuinely I loved the look of it.

  • @darkfrei2
    @darkfrei2 2 ปีที่แล้ว +194

    Very nice! Can you show how to code it?

    • @jameswales2122
      @jameswales2122 11 หลายเดือนก่อน +29

      There's a few ways to do this. I would do it by taking the change in the position of the camera and moving each layer with the camera but at a decreased amount of change

    • @zergrush8709
      @zergrush8709 6 หลายเดือนก่อน +8

      I’ve heard that you use a 3d camera and just place objects that move slower further away from the camera and objects that move faster closer to the camera. You can then also put stuff in the foreground too (in front of the player). I believe this technique is used in hollow knight.

    • @razacmarx1441
      @razacmarx1441 5 หลายเดือนก่อน

      ​@@zergrush8709 why not just use some functions, for example, foreground = f(x) =x, background f(x) =x/2, or similar functions to calculate map positions from zhe theoretical player position. You could also use mod(x, y) to generate a background loop, etc.

  • @sakuya9017
    @sakuya9017 ปีที่แล้ว +52

    I'm trying to learn how to make the parallax effect with unity. Nice tid bit of info here, thanks!

  • @rafeverao4105
    @rafeverao4105 5 หลายเดือนก่อน +4

    I just love the little bird character. I'm learning how to do something I love while watching a cute lil guy. love him.

  • @LandoGame
    @LandoGame 2 หลายเดือนก่อน +2

    Games such as hollow knight despite being a 2D game are actually made in 3D so they can use multi-layer parallax Extremely well by Literally putting layers that are further away, further away from the camera

  • @justaway_of_the_samurai
    @justaway_of_the_samurai 5 หลายเดือนก่อน +6

    The last one adds depth, but kinda unrealistically.
    In reality there wouldn't be several mountains in the background being displaced that quickly relative to each other and the camera.
    It IS still a good option though for placing other various background images with closer range in the scene. So you can use this for layering trees in a forest, with a single mountain in the background, or a brick wall that the player is passing directly in front of.

    • @ebobab9564
      @ebobab9564 3 หลายเดือนก่อน +1

      Yes but that is quite solvable, no?
      Instead of having a rigid mountain just have it move very slowly whereas the trees move much faster

  • @nottechytutorials
    @nottechytutorials ปีที่แล้ว +11

    I never thought about different layers like that. Thanks for the tips.

  • @eboatwright_
    @eboatwright_ 2 ปีที่แล้ว +6

    Really awesome! :D

  • @Mernom
    @Mernom 4 หลายเดือนก่อน

    I remember figuring this stuff out in the Jazz Jackrabbit 2 map editor when I was a kid.

  • @adityapawar4692
    @adityapawar4692 4 หลายเดือนก่อน +1

    If u use each type based on the player traveling distance like if the player is traveling from city to city its should be multi layer showing he is covering great distance, or if the player is moving in city it should be single layer as he is moving short distance (across the city) or if he is in a cave or dungeon it should be fixed or flat as he is moving a single structure.

  • @purplerain3109
    @purplerain3109 5 หลายเดือนก่อน

    Moving in a straight line vs. A diagonal line vs. moving in a circle!

  • @chefdunsparce4254
    @chefdunsparce4254 5 หลายเดือนก่อน

    Peak background music

  • @valletas
    @valletas ปีที่แล้ว +2

    The first level of my game uses like 7 background layers and 1 front layer for parallax

  • @snowset675
    @snowset675 5 หลายเดือนก่อน

    There aren’t a lot of channels on shorts about game design, and as I’m trying to learn Godot, I could use your videos’ help. Subbed!

  • @veggiet2009
    @veggiet2009 5 หลายเดือนก่อน

    Also can implement alternate universe physics by making the background move faster than the player... Definitely use sparingly

  • @brandonclark171
    @brandonclark171 3 หลายเดือนก่อน

    You should show each onion of the code, background, and layers.

  • @BlueAndy_
    @BlueAndy_ 4 หลายเดือนก่อน +1

    Isnt the fixed background moving with the same speed as the camera?

  • @dungeon_delvers
    @dungeon_delvers 5 หลายเดือนก่อน

    Hmm, flat feels close, each type of parallax pushes it out farther, and fixed feels the most distanced. I wonder what inverted parallax would feel like? Either the opposite direction or quicker than the camera

    • @george36615984
      @george36615984 5 หลายเดือนก่อน

      Inverted would feel weird, the fastest movement being from the farthest background would probably make it seem like the character is spinning the camera while going in a straight line something. Or there would be some sort of disconnect like with optical illusions I think.

  • @user-gy9dh2ox6p
    @user-gy9dh2ox6p 27 วันที่ผ่านมา

    Who made the assets? I wanna make a game with that bird

  • @samlewis6487
    @samlewis6487 5 หลายเดือนก่อน

    You can make easy parallax by just having the game exist in a 3d space with 2d motion and having the background be literally behind the foreground

  • @mars4480
    @mars4480 4 หลายเดือนก่อน

    Flat is best for rooms, fixed is best for short periods (so it still looks livley) for very far backrounds, like oceans, forest tops, deserts etc. Basicly the horizon (tho can work for other) Single layer is classic but basic, its great for runner levels! And multi layer is great for, as seen here, for backrounds like mountains, forests, human structures and other- pretty obviously- layerd backrounds. So all can! Be fluid with your work! Dont be scared to try something new!

  • @poshpolygon1494
    @poshpolygon1494 2 ปีที่แล้ว +2

    Way to go!!!
    50th Like

  • @GreenGoblinCoryintheHouse
    @GreenGoblinCoryintheHouse 5 หลายเดือนก่อน

    This channel makes me wanna leave everything and get on game dev but i suck at coding. It will be a nightmare.

  • @ZaneDragonBorn
    @ZaneDragonBorn 3 หลายเดือนก่อน

    Do these rely on the plastyer staying in place and world move around them or can the player move around with a parallax

  • @cesarsalad
    @cesarsalad 11 หลายเดือนก่อน +3

    would do if i knew how to do it 💀

    • @treymtz
      @treymtz 6 หลายเดือนก่อน +1

      Need help? If your on Unity, there are many example scripts ready to go and all you need to do is slap it on a gameobject to get it working. There are simple ones that work quick and easy, as well as more complex ones that allow for customization.

    • @cesarsalad
      @cesarsalad 6 หลายเดือนก่อน

      damn, thanks

  • @MemeCheryl
    @MemeCheryl 5 หลายเดือนก่อน

    Does the parallax run a check every frame to see if yout character is still on screen?

  • @ngohieu8165
    @ngohieu8165 5 หลายเดือนก่อน

    Elonmusk background: background moving reverse direction

  • @Isaak0923
    @Isaak0923 10 หลายเดือนก่อน

    I love your discord server :)

  • @griswoldthegoblin9420
    @griswoldthegoblin9420 6 หลายเดือนก่อน

    Did you make a tutorial on how to make such a simple platformer?

  • @appledrawss1353
    @appledrawss1353 5 หลายเดือนก่อน

    quick question: *how* do you make multi-layer parallax

  • @user-ly7vp5ng2z
    @user-ly7vp5ng2z 4 หลายเดือนก่อน

    also topdown games?

  • @diagojonathan
    @diagojonathan 5 หลายเดือนก่อน

    Can you make the background move on its own, like in terraria

  • @Display_Name774
    @Display_Name774 ปีที่แล้ว

    Interesting even tho I'm looking at the parallax mod for Kerbal space program

  • @yagami1160
    @yagami1160 2 หลายเดือนก่อน +1

    multilayer parallax was the first thing I developed in first month of learning coding

  • @cyberraysagency
    @cyberraysagency 15 วันที่ผ่านมา

  • @TheLoneBit
    @TheLoneBit 11 หลายเดือนก่อน +1

    Kirby: Nightmare in Dreamland was my favorite game as a kid. I beat it from beginning to end several times.
    Good times. Rainbow Resort was always a good song from the track.

  • @HunterGoodin
    @HunterGoodin 6 หลายเดือนก่อน

    If you’re talking about backgrounds, zoom out the camera. The focus of this educational content isn’t the player, it’s the background. The furthest back layer is barely present. Also don’t have platforms that take up most of the screen when you jump onto them.

  • @randommewtwo
    @randommewtwo 6 หลายเดือนก่อน

    Kaiso parallax, where every pixel moves at its own speed

    • @sugarpoyon2077
      @sugarpoyon2077 6 หลายเดือนก่อน

      Where can I see that? Sounds pretty interesting

    • @AizzurasReaper
      @AizzurasReaper 6 หลายเดือนก่อน

      @@sugarpoyon2077 I think it was a joke.

    • @sugarpoyon2077
      @sugarpoyon2077 6 หลายเดือนก่อน

      @@AizzurasReaper I w a n n a s e e t h a t

  • @SoftHyphen.
    @SoftHyphen. 2 หลายเดือนก่อน +1

    Difficult? Just steal the code from some kid on the internet

  • @joshuakelly9390
    @joshuakelly9390 4 หลายเดือนก่อน

    It really upsets me how much bad advice this guy gives. At least this one was just a "what not to do" vid