Smooth Parallax - Pixel Renderer Devlog #2

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ม.ค. 2025

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

  • @aarthificial
    @aarthificial  ปีที่แล้ว +29

    The source code for this video is available on GitHub:
    github.com/motion-canvas/examples

  • @kaisassnowski
    @kaisassnowski ปีที่แล้ว +504

    Fantastic explanation! The first part about what actually causes the parallax effect is such a great example of "a picture is worth a thousand words".

    • @sebbog
      @sebbog ปีที่แล้ว +1

      1 day ago but 36 minutes ago

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

      @@sebbog your comment was 36 minutes ago, Kai Sassnwski's comment was 1 day ago, the video was 1 hour ago. wtf is happening...

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

      @@areg5705 Prob the video was released to channel members and then made public?

    • @aarthificial
      @aarthificial  ปีที่แล้ว +37

      Everyone can travel through time for the low low price of $1/month
      www.patreon.com/aarthificial

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

      @@aarthificial Stop giving my secrets away!

  • @Tomatech
    @Tomatech ปีที่แล้ว +310

    Whenever I've tried upscaling, I've always made my base resolution be 640x360, so that it can scale to 720p displays when multiplied by two, and 1080p displays when multiplied by three

    • @Bruno-cb5gk
      @Bruno-cb5gk ปีที่แล้ว +58

      This also makes 1440p work well since that's just 2x 720p.

    • @spacechannelfiver
      @spacechannelfiver ปีที่แล้ว +61

      @@Bruno-cb5gk This scale is also neatly divisible by 8, so you can get good 8-bit style text emulation of a 80x45 terminal

    • @Splarkszter
      @Splarkszter ปีที่แล้ว +5

      wow. this is really cool to keep notes of.

    • @gileee
      @gileee 9 หลายเดือนก่อน +1

      ​@@Bruno-cb5gk And 4k is 2x 1080p, so it's perfect for everything.

  • @capsey_
    @capsey_ ปีที่แล้ว +53

    I remember being very frustrated with how Unity's pixel perfect 2D camera works and this all is exactly how I wanted it to behave. Learning shaders is definitely something I need to do, I've seem so much cool stuff people do with them and your videos are big inspiration as always! ❤

  • @boatbomber
    @boatbomber ปีที่แล้ว +134

    Your visual explanations are so good! Love the animations, they're really helpful. I'm very excited to see more about the volumetrics!

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

      bootbomber please give me robux

  • @bnckatona
    @bnckatona ปีที่แล้ว +68

    The production quality of your videos blows me away every time. Such a nice and clean explanation with great visuals. Can't wait for the next devlog

  • @OctagonalSquare
    @OctagonalSquare ปีที่แล้ว +89

    This is amazing! I’m actually a developer, and shader stuff has NEVER made sense. I understand the physical lights and concepts and such, but programming them makes no sense to my brain because it’s just so different than other languages

  • @clementesepulveda1514
    @clementesepulveda1514 ปีที่แล้ว +16

    You can tell this video was made with a lot of care. Really impressive stuff (visuals and also the technical)

  • @someonewithsomename
    @someonewithsomename ปีที่แล้ว +12

    Honestly, the quality is so high and you explain everything so entertaining, I'd watch you explaining how to peel a potato for an hour straight!

  • @smokeback
    @smokeback ปีที่แล้ว +8

    Came across your channel while on game research and subbed amazing logic for a dev learning.Look forward to your game

  • @func_e
    @func_e ปีที่แล้ว +4

    broski, this is awesome. thank you so much for being this smart and nice enough to show everyone on youtube :D

  • @Bvngee
    @Bvngee ปีที่แล้ว +3

    Your videos remind me of why programming is fun. I've recently become less and less fullfilled by what used to be so fun, as I've dived into linux and gotten lost in configuration. Shit like this is why I started, and what keeps me going. Thank you

  • @aswin-murali
    @aswin-murali ปีที่แล้ว +2

    Damn not only do you have the knowledge, you spend time to make it easier for us to understand! Only few people actually do that. Keep going man!

  • @gofrisuto
    @gofrisuto ปีที่แล้ว +8

    Waiting for this was an agony, but if waiting means that you can produce videos in this level of quality, then I will wait till the end of the time.

  • @SFotakos
    @SFotakos ปีที่แล้ว +1

    Absolutely incredible how well parallax was explained.
    I knew how it was supposed to look, but understanding why was absolutely fantastic.
    Awesome content!

  • @the-guy-beyond-the-socket
    @the-guy-beyond-the-socket ปีที่แล้ว +6

    a lot of people already said that, but i just want to thank you for such a great videos about explaining mechanics.

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

    the effect of the ‚offset later‘ aproach is just beautiful!

  • @hojster24
    @hojster24 ปีที่แล้ว +1

    Sweet explaination, always stoked when you drop a video, thanks!

  • @yahyashafqat7352
    @yahyashafqat7352 ปีที่แล้ว +3

    Honestly you know you're gonna learn something useful when aarthificial uploads! Love the work and content. Keep It Up Champ!

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

    I've clicked on your page so many times in the last couple months just in case I missed something you posted. So glad to get something new!

  • @chance2480
    @chance2480 ปีที่แล้ว +1

    If the game is half as good as your devlogs it is going to slap so hard

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

    Your videos are like reading research papers. In-depth, insightful and full of learnings.

  • @NotAFoe
    @NotAFoe ปีที่แล้ว +1

    Hell yaaaah. Love these so much

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

    I continue to be equally impressed by each of your videos. To me you are truly the greatest on the platform

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

    YOU ARE MY FAVORITE TH-camR-PROGRAMMER

  • @chekote
    @chekote ปีที่แล้ว +1

    Dude, your explanation videos are insane. You convey complex concepts in such a succinct eloquent manner. Not to mention the astoundingly good visualizations you come up with. 🤯

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

    I understanfd nothing, yet I am fascinated.

  • @rodrigoalves8440
    @rodrigoalves8440 ปีที่แล้ว +1

    it's funny how i don't understand about anything you are talking about, I still keep my full attention on the whole video making "Wow" facial expressions

  • @MokarromHossain
    @MokarromHossain ปีที่แล้ว +1

    I love the fact that, you explain it in a way so that even someone without any knowledge in gamedev will also enjoy and understand it.
    Epic explanation man ❤

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

    You are actually a genius and every day you upload is a good day

  • @nolidev4926
    @nolidev4926 ปีที่แล้ว +1

    high quality presentation, interesting work, best devlog series

  • @Skeffles
    @Skeffles ปีที่แล้ว +1

    Very nice video! I really like the smooth movement/parallax combo

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

    Bro just explained why perspective is a thing better than anyone else I’ve seen, and in one sentence

  • @thepro4805
    @thepro4805 ปีที่แล้ว +1

    Every time i see your videos i want to cry bc ill know no matter what ill do i will never reach this quality of work and smartness in my whole life, kudos to you for doing it you are very very talented

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

    Your videos are so good, never stop uploading, we need more of you

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

    I'm blown away by the quality of explanations and visuals !

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

    Oh wow, your explanation of the parallax thing just made me finally understand the bit missing on why vision works how it does. thank you so much!!!

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

    Pretty much everything you discuss here is miles beyond my understanding, but you manage to make it pleasant to be intellectually overwhelmed. Instant click whenever I see a video.

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

    These devlogs have inspired me so much to jump into programing once more, that are explained in such a simple and easy to understand way!

  • @pionsteam
    @pionsteam ปีที่แล้ว +1

    Im so excited for when this game will eventually release.
    Love the dev logs!

  • @lunkums
    @lunkums ปีที่แล้ว +1

    It's always a good day when aarthificial posts

  • @Guraw
    @Guraw ปีที่แล้ว +1

    Pure inspiration! Love your videos

  • @diogo.cichocki
    @diogo.cichocki ปีที่แล้ว

    I just love the music in your videos.

  • @AlmantasKli
    @AlmantasKli ปีที่แล้ว +1

    Dude, just your negative ratio value explanation made me think of how cool would a scene of running around some central object would be. you could use it for an important place, object, or a bossfight.

  • @lian1238
    @lian1238 ปีที่แล้ว +3

    Okay, the animation is so good. Too good in fact! I can’t focus on your explanation cuz I’m too busy wondering how you made those animations

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

    YESS FINALLY 2ND PART ILYSM

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

    I'm happy that you're back with an amazing Astortion Devlog!

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

    ayy, new video on dealing with pixels, lovely 🙏

  • @diogo.cichocki
    @diogo.cichocki ปีที่แล้ว

    The fan art is amazing!!!!!!!!

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

    I am working on my own 2D engine, and seeing the simplicity of the things in this series is just beyond words. It's *so simple* yet only a mere fraction of these things actually occurred to me as a good idea. Part of the blame may be that I am doing purely sprite based rendering and thus there is no such thing as a mesh in my engine.

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

    Very nice explanation and visual aids you have used! Great!

  • @CrossCoderDev
    @CrossCoderDev ปีที่แล้ว +1

    This is probably the most advanced game development content on TH-cam! 😮

  • @WilliumBobCole
    @WilliumBobCole ปีที่แล้ว +1

    You are almost certainly right in choosing the smoother parallax scrolling method for gameplay purposes, but I do really like the aesthetic of the snappy scrolling, I hope that it could be included as an option 😅

  • @Luiz-md5xq
    @Luiz-md5xq ปีที่แล้ว +3

    i shouldnt have sleept on math class

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

    Any day is a good day with a new aarthificial devlog

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

    Right when I saw this video on my homepage I said: "Oh yeah"! This is going to be a good video as always!

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

    Yeah, this puts me in better understanding what I've been trying to do!! Thanks.

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

      all the little stars in my space scenes or the tiny windows of my background buildings are all blinky, when i move the camera especially at extreme zooms

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

    always watching your videos 5 times. they are that good. might buy your game 5 times too.... keep it up my goat

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

    YEAH!!!! BACK AT IT AGAIN!!!!!! (I'm not being sarcastic, I'm actually hyped for this video!)

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

    That's absolutely blowing my mind

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

    This is so inspiring! keep doing these pleases :D

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

    Beautiful video as always, great stuff!

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

    ❤❤❤ example of a perfect TH-cam 👌🏿👌🏿👌🏿

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

    new vid from aarthificial, lets goooooo peepoHappy

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

    amazing video as always :)

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

    woah I was not expecting to see sanguine there! I was just thinking "that style looks really familiar...." haha

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

    Honey, wake up, aartificial posted

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

    Glad to finally see another devlog :)

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

    There are no better video presentations than aarthificial's.
    Change my mind.

  • @realElo.2
    @realElo.2 ปีที่แล้ว

    babe wake up aarth uploaded

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

    You are great at explaining
    You are perfect

  • @sonaye-dynamis
    @sonaye-dynamis ปีที่แล้ว

    When he does something, he changes the world of game development at the same time.

  • @fatih.tavukcu
    @fatih.tavukcu ปีที่แล้ว

    Great video. I really prefer if the pixel perfect stuff is maintained through all effects, be it scrolling, rotating, scaling etc. but then again, it's really up to everybody's own preferences.

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

    0:55 GameDev meme: (that actually happened in a project I was in)
    Someone was asked to shrink the size of an object. What the person did? Edit the scale? No, the person moved the object far away from the camera.

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

    This video is very well done

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

    This man is treating pixel art like actual art isntead of a cheapo way to churn out indie games. I got sick (and still am) of the constant pixel art barrage in indie games, but this? Now THIS is pixel art done right. I personally cannot see myself working on the coding side of any project, but nevertheless I love watching these dev logs! Keep up the good work :)
    (P.S.: forgot to mention, but the production quality for these videos is more than just impressive. It's very clear that you have artistic skill!)

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

    I’ve now used this video as inspiration to create a custom game engine with a guilty gear style renderer from ogl, thanks for the inspiration

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

    Wow, that is one implementation of parallax i have not seen yet!

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

    Cool. In your outro you mention dof and volumetrics because of the layers...could you have light sources that swing towards and away from the camera. It could put some areas in complete darkness periodically. Might make an interesting game mechanic.

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

    Yay a new video by the guy who makes really good videos, but I understand nothing about them!

  • @Akromee
    @Akromee ปีที่แล้ว +1

    This video uploaded right after i just uploaded my parallax animation test 💀

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

    No entiendo nada pero me parece fascinante el laburo que hace este pibe.

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

    Well explained, and pretty intuitive. The end result at 7:22 looks almost too smooth though when compared to the size of the pixels. Have you tried rounding the camera offset to the nearest half or quarter pixel? I'm sure the effect is less pronounced for a full screen though, so may not be needed.

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

    new video! yay!

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

    Never have i had something explained in how it works, understood it but also be soooo confused from it

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

    YES A NEW VID

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

    Holy shit, I'm learning math and understanding it!

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

    0:20 I was at this place about two hours ago (London Blackfriars)

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

    Very cool, thank you!

  • @Cymock1
    @Cymock1 ปีที่แล้ว +3

    When's the next devlog?

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

    this is remarkable!

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

    Love it.

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

    Wow thx for explaining evrything

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

    I'm not a game developper, but I really enjoy watching your explanations, keep up the good work !

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

    I don't know if you've seen it (though I figure someone has probably mentioned by now), but your visualisations remind me of 3blue1brown's videos. really pleasant to watch, and really effective at conveying the concepts you're presenting.

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

    this video goes hard

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

    the pixel offset reminds me of a similar trick used by many msx games to get smooth scrolling

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

    awesome video! :D

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

    I watched this video while standing in the middle of London Blackfriars station and that clip at the beginning completely threw me off 😅

  • @totheknee
    @totheknee ปีที่แล้ว +1

    4:08 - I've been working on the same "problem." How did you decide against 320x180? It also scales to 6x (1080p) and 12x (4k), as well as 4x (720p). I'm torn, but I like the idea of 480x270 because the extra resolution gives ~2x details, which is really good imo. I guess for you, 160x90 would be too small for cutscenes....
    Edit: I saw in the comments that 180p also can target 8x (1440p). Now I'm torn again, unless I just sell out and go with 640x360.

    • @aarthificial
      @aarthificial  ปีที่แล้ว +1

      In my case the main character is 24x24 pixels and 480x270 just feels best to me. You move a lot in the game so I need the camera to be zoomed out so you see more things around you. Also Hyper Light Drifter uses this resolution so I know it can work well.