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.

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

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

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

[@clementesepulveda1514]

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

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

[@smokeback]

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

[@func_e]

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

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

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

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

[@yahyashafqat7352]

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

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

[@meamyr]

YOU ARE MY FAVORITE KZbinR-PROGRAMMER

[@marcelbricman]

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

[@SFotakos]

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

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

[@pranshuchittora5444]

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

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

[@shlimon7667]

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

[@NotAFoe]

Hell yaaaah. Love these so much

[@hojster24]

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

[@diogo.cichocki]

I just love the music in your videos.

[@chance2480]

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

[@SunnyCress]

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

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

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

[@chairyoudown2656]

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

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

[@moroi3397]

I understanfd nothing, yet I am fascinated.

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

[@whizzbang7520]

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

[@Andthehand]

That's absolutely blowing my mind

[@iwsfg]

ayy, new video on dealing with pixels, lovely 🙏

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

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

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

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

[@violynos]

YESS FINALLY 2ND PART ILYSM

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

[@Guraw]

Pure inspiration! Love your videos

[@pionsteam]

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

[@diogo.cichocki]

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

[@Ergg08]

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

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

[@Skeffles]

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

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

[@MelonSiggi]

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

[@CrossCoderDev]

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

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

[@thatanimeweirdo]

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

[@cheesymcnuggets]

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

[@pixobit5882]

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

[@Pixelbean275]

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

[@matinghanbary8783]

You are great at explaining You are perfect

[@doormatt_lol]

amazing video as always :)

[@AgainPsychoX]

new vid from aarthificial, lets goooooo peepoHappy

[@lunkums]

It's always a good day when aarthificial posts

[@lavatasche2806]

This video is very well done

[@that0neDev]

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

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

[@thylakoto]

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

[@StevenRerani]

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

[@laszlokortvelyessy1999]

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

[@pladselsker8340]

Glad to finally see another devlog :)

[@damianlambrecht2190]

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

[@krum3155]

new video! yay!

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

[@ReBufff]

Very cool, thank you!

[@ChaoticLifemaker]

I actually just exclaimed "OOH!" when I saw Aarthifivial had another upload. Just sayin'

[@hylt0n]

Beautiful video as always, great stuff!

[@Huitretf2]

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

[@Luiz-md5xq]

i shouldnt have sleept on math class

[@Chaos1king]

Wow thx for explaining evrything

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

[@NEWGHOST9]

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

[@NathanHedglin]

Love it.

[@MrSteelYourOreos]

YES A NEW VID

[@birdbutt6900]

you are a genius

[@Zandario]

Any day is a good day with a new aarthificial devlog

[@khovre]

Honey, wake up, aartificial posted

[@JamesTDG]

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

[@Akromee]

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

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

[@DrNabeel20]

This is so inspiring! keep doing these pleases :D

[@Mittzys]

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

[@realElo.2]

babe wake up aarth uploaded

[@VHSvince]

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

[@googuy58]

this video goes hard

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

[@KingGurke98]

You, sir, are an inspiration! Also what's that music in the end, I like it :)

[@aarthificial]

Thanks! It's Interstellar Mood by Nico Staf kzbin.info/www/bejne/m5OXZ2meiJlgqNU

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

[@JeffACornell]

The dialog from 2:45 to 3:00 seems like you left something out. The only way those descriptions make sense is if you apply some additional transformation to the ratio. The central layer corresponds to a ratio of 1, not 0. And an infinitely distant background has a ratio of 0, not 1. Foreground layers don't have negative ratios; they have positive ratios greater than 1, while background layers (with finite distance) have positive ratios less than 1. A negative ratio would represent inverted parallax, meaning either a layer behind the camera that still gets rendered for some reason, or a background layer the camera is rotating within. Edit: after some thought, I think your descriptions are based on using 1 minus the ratio as the variable of interest, rather than the ratio itself.

[@aarthificial]

It could be

[@screensquad121]

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

[@Dajuhf]

Amazing!