Smooth Parallax - Pixel Renderer Devlog #2

[@aarthificial]

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

[@kaisassnowski]

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]

1 day ago but 36 minutes ago

[@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]

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

[@aarthificial]

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

[@kaisassnowski]

@@aarthificial Stop giving my secrets away!

[@Tomatech]

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]

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

[@spacechannelfiver]

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

wow. this is really cool to keep notes of.

[@gileee]

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

[@capsey_]

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]

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

[@C0nejin]

bootbomber please give me robux

[@bnckatona]

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]

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]

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

[@someonewithsomename]

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]

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

[@SFotakos]

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

[@func_e]

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

[@gofrisuto]

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.

[@Bvngee]

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]

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!

[@marcelbricman]

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

[@the-guy-beyond-the-socket]

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

[@pranshuchittora5444]

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

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

[@yahyashafqat7352]

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

[@shlimon7667]

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

[@hojster24]

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

[@NotAFoe]

Hell yaaaah. Love these so much

[@chance2480]

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

[@moroi3397]

I understanfd nothing, yet I am fascinated.

[@meamyr]

YOU ARE MY FAVORITE KZbinR-PROGRAMMER

[@rodrigoalves8440]

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

[@chekote]

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

[@SunnyCress]

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

[@nolidev4926]

high quality presentation, interesting work, best devlog series

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

[@MokarromHossain]

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 ❤

[@cheesymcnuggets]

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

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

[@Ergg08]

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

[@thepro4805]

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

[@chairyoudown2656]

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

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

[@Skeffles]

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

[@pionsteam]

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

[@AlmantasKli]

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.

[@Guraw]

Pure inspiration! Love your videos

[@diogo.cichocki]

I just love the music in your videos.

[@WilliumBobCole]

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 😅

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

[@whizzbang7520]

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

[@Luiz-md5xq]

i shouldnt have sleept on math class

[@lian1238]

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

[@pixobit5882]

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

[@CrossCoderDev]

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

[@Andthehand]

That's absolutely blowing my mind

[@that0neDev]

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

[@lunkums]

It's always a good day when aarthificial posts

[@thylakoto]

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

[@diogo.cichocki]

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

[@violynos]

YESS FINALLY 2ND PART ILYSM

[@highscore99999]

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

[@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]

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

[@iwsfg]

ayy, new video on dealing with pixels, lovely 🙏

[@Zandario]

Any day is a good day with a new aarthificial devlog

[@doormatt_lol]

amazing video as always :)

[@hylt0n]

Beautiful video as always, great stuff!

[@ThiagoCunha]

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.

[@screensquad121]

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

[@matinghanbary8783]

You are great at explaining You are perfect

[@pladselsker8340]

Glad to finally see another devlog :)

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

[@DrNabeel20]

This is so inspiring! keep doing these pleases :D

[@totheknee]

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]

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.

[@VHSvince]

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

[@AgainPsychoX]

new vid from aarthificial, lets goooooo peepoHappy

[@thatanimeweirdo]

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

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

[@lavatasche2806]

This video is very well done

[@Mittzys]

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

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

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

[@MelonSiggi]

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

[@realElo.2]

babe wake up aarth uploaded

[@khovre]

Honey, wake up, aartificial posted

[@StevenRerani]

❤❤❤ example of a perfect KZbin 👌🏿👌🏿👌🏿

[@Akromee]

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

[@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]

new video! yay!

[@loopit_3]

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

[@Cymock1]

When's the next devlog?

[@damianlambrecht2190]

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

[@ReBufff]

Very cool, thank you!

[@makeitsogames]

this is remarkable!

[@mrscsi6472]

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

[@MrSteelYourOreos]

YES A NEW VID

[@alxxisc2200]

How many time did a video like this took you? Theire is so much explanation and plan to visiualise what you explained it's a really really good content i'm glad to know your chain and hope more people will know your work. It's insane

[@aarthificial]

Thanks! One video takes about two weeks to make. Visualisations alone take about one week.

[@alxxisc2200]

@@aarthificial thanks

[@Pixelbean275]

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

[@NathanHedglin]

Love it.

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

[@NEWGHOST9]

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

[@AI__Machine]

or divide cam x, by a random value, and have that resulting value be the x position of the camera. and call it a day. that's what I do for any 2D game i make.

[@JamesTDG]

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

[@Chaos1king]

Wow thx for explaining evrything

[@Huitretf2]

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