Smooth Parallax - Pixel Renderer Devlog #2

Поделиться
HTML-код
  • Опубликовано: 10 июн 2024
  • === Wishlist Astortion on Steam ===
    store.steampowered.com/app/19...
    === Support the Channel ===
    / aarthificial
    === Huge thanks for the fan art! ===
    Sanguine (NSFW warning):
    / snguine
    Shyllelagh:
    / shyllelagh
    === Video Source Code ===
    github.com/motion-canvas/exam...
    === Livestreams on the Second Channel ===
    ruclips.net/user/aarthificial2...
    === Timestamps ===
    0:00 Intro
    0:20 Parallax scrolling
    3:24 Upscaling
    4:30 Putting it all together
    7:34 Outro
    === Tools I'm using ===
    Motion Canvas
    Affinity Designer
    DaVinci Resolve
    Audacity
    === Music ===
    "No.10 A New Beginning" by Esther Abrami
    "Two Moons" by Bobby Richards
    "Interstellar Mood" by Nico Staf
    === Attribution ===
    Stock footage provided by Freepik, downloaded from www.videvo.net
    #MadeWithMotionCanvas

Комментарии • 189

  • @aarthificial
    @aarthificial  Год назад +28

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

  • @kaisassnowski
    @kaisassnowski Год назад +502

    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 Год назад +308

    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 Год назад +57

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

    • @spacechannelfiver
      @spacechannelfiver Год назад +60

      @@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 Год назад +3

      wow. this is really cool to keep notes of.

    • @gileee
      @gileee Месяц назад

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

  • @capsey_
    @capsey_ Год назад +49

    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! ❤

  • @OctagonalSquare
    @OctagonalSquare Год назад +87

    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

  • @boatbomber
    @boatbomber Год назад +133

    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 7 месяцев назад

      bootbomber please give me robux

  • @bnckatona
    @bnckatona Год назад +67

    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

  • @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!

  • @BvngeeCord
    @BvngeeCord Год назад +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

  • @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

  • @smokeback
    @smokeback Год назад +8

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

  • @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!

  • @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!

  • @kasteviii
    @kasteviii Год назад +6

    these devlogs are impressive! I'm excited for astortion, but I'm also certain that your content has already made an impact on the medium.
    props on creating a communication template that other people can adopt, and even releasing your own software... your contributions are outstanding and inspiring
    thanks!

  • @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.

  • @meamyr
    @meamyr Год назад +2

    YOU ARE MY FAVORITE RUclipsR-PROGRAMMER

  • @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!

  • @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!

  • @pranshuchittora5444
    @pranshuchittora5444 Год назад +2

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

  • @shlimon7667
    @shlimon7667 Год назад +2

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

  • @moroi3397
    @moroi3397 Год назад +2

    I understanfd nothing, yet I am fascinated.

  • @hojster24
    @hojster24 Год назад +1

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

  • @SunnyCress
    @SunnyCress Год назад

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

  • @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. 🤯

  • @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 ❤

  • @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!

  • @chance2480
    @chance2480 Год назад +1

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

  • @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 !

  • @chairyoudown2656
    @chairyoudown2656 Год назад

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

  • @diogo.cichocki
    @diogo.cichocki Год назад

    I just love the music in your videos.

  • @nolidev4926
    @nolidev4926 Год назад +1

    high quality presentation, interesting work, best devlog series

  • @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!!!

  • @pixobit5882
    @pixobit5882 Год назад

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

  • @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.

  • @whizzbang7520
    @whizzbang7520 Год назад

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

  • @NotAFoe
    @NotAFoe Год назад +1

    Hell yaaaah. Love these so much

  • @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

  • @Guraw
    @Guraw Год назад +1

    Pure inspiration! Love your videos

  • @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

  • @Andthehand
    @Andthehand Год назад

    That's absolutely blowing my mind

  • @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

  • @Skeffles
    @Skeffles Год назад +1

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

  • @pionsteam9112
    @pionsteam9112 Год назад +1

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

  • @doormatt_lol
    @doormatt_lol Год назад

    amazing video as always :)

  • @iwsfg
    @iwsfg Год назад

    ayy, new video on dealing with pixels, lovely 🙏

  • @diogo.cichocki
    @diogo.cichocki Год назад

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

  • @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

  • @violynos5775
    @violynos5775 Год назад

    YESS FINALLY 2ND PART ILYSM

  • @hylt0n
    @hylt0n Год назад

    Beautiful video as always, great stuff!

  • @CrossCoderDev
    @CrossCoderDev Год назад +1

    This is probably the most advanced game development content on RUclips! 😮

  • @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.

  • @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 😅

  • @lavatasche2806
    @lavatasche2806 Год назад

    This video is very well done

  • @matinghanbary8783
    @matinghanbary8783 Год назад

    You are great at explaining
    You are perfect

  • @DrNabeel20
    @DrNabeel20 Год назад

    This is so inspiring! keep doing these pleases :D

  • @lunkums
    @lunkums Год назад +1

    It's always a good day when aarthificial posts

  • @pladselsker8340
    @pladselsker8340 Год назад

    Glad to finally see another devlog :)

  • @laszlokortvelyessy1999
    @laszlokortvelyessy1999 Год назад

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

  • @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.

  • @MelonSiggi
    @MelonSiggi Год назад

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

  • @thatanimeweirdo
    @thatanimeweirdo Год назад

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

  • @Luiz-md5xq
    @Luiz-md5xq Год назад +3

    i shouldnt have sleept on math class

  • @that0neDev
    @that0neDev Год назад

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

  • @Zandario
    @Zandario Год назад

    Any day is a good day with a new aarthificial devlog

  • @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.

  • @AgainPsychoX
    @AgainPsychoX Год назад

    new vid from aarthificial, lets goooooo peepoHappy

  • @ReBufff
    @ReBufff Год назад

    Very cool, thank you!

  • @khovre
    @khovre Год назад

    Honey, wake up, aartificial posted

  • @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

  • @StevenRerani
    @StevenRerani Год назад

    ❤❤❤ example of a perfect RUclips 👌🏿👌🏿👌🏿

  • @krum3155
    @krum3155 Год назад

    new video! yay!

  • @Chaos1king
    @Chaos1king Год назад

    Wow thx for explaining evrything

  • @Akromee
    @Akromee Год назад +1

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

  • @realElo.2
    @realElo.2 Год назад

    babe wake up aarth uploaded

  • @ThiagoCunha
    @ThiagoCunha 3 месяца назад

    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.

  • @makeitsogames
    @makeitsogames 9 месяцев назад

    this is remarkable!

  • @thylakoto
    @thylakoto Год назад

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

  • @birdbutt6900
    @birdbutt6900 Год назад

    you are a genius

  • @NathanHedglin
    @NathanHedglin Год назад

    Love it.

  • @MrSteelYourOreos
    @MrSteelYourOreos Год назад

    YES A NEW VID

  • @SSn0wx
    @SSn0wx Год назад

    awesome video! :D

  • @Dajuhf
    @Dajuhf Год назад

    Amazing!

  • @Pixelbean275
    @Pixelbean275 6 месяцев назад

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

  • @VHSvince
    @VHSvince Год назад

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

  • @skope2055
    @skope2055 Год назад

    awesome

  • @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.

  • @googuy58
    @googuy58 Год назад

    this video goes hard

  • @damianlambrecht2190
    @damianlambrecht2190 Год назад

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

  • @JamesTDG
    @JamesTDG Год назад

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

  • @NEWGHOST9
    @NEWGHOST9 Год назад

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

  • @screensquad121
    @screensquad121 9 месяцев назад

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

  • @loopit_3
    @loopit_3 Год назад

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

  • @Twiddle_things
    @Twiddle_things 11 месяцев назад

    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!)

  • @Huitretf2
    @Huitretf2 Год назад

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

  • @zoeyhewll9199
    @zoeyhewll9199 7 месяцев назад

    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.

  • @mrscsi6472
    @mrscsi6472 Год назад

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