I Tried Sorting Pixels

  Рет қаралды 851,189

Acerola

Acerola

Жыл бұрын

Pixel sorting has been a niche data moshing technique in the generative art community for many years, but an efficient real time pixel sorting shader for games has never been made for a few reasons. Can I solve the puzzle and invent one?
Topics covered include: GPU sorting algorithms (the parallel bitonic merge sort), basic shader optimizations and advanced shader optimizations regarding memory use.
Download my GShade shader pack!
github.com/GarrettGunnell/Ace...
Support me on Patreon!
/ acerola_t
Socials:
Twitter: / acerola_t
Twitch: / acerola_t
Discord: / discord
Code: github.com/GarrettGunnell/Pix...
Music:
During The Test - Persona 3 OST
Afternoon Break - Persona 3 OST
This Mysterious Feeling - Persona 3 OST
Fearful Experience - Persona 3 OST
Just Like This - Persona 3 OST
Iwatodai Dorm - Persona 3 OST
Soft Oversight - Sonny Boy OST
Judgement - Sonny Boy OST
GO!GO!STYLE - Paradise Killer OST
Midori Eyes - Paradise Killer OST
Dead End Chaos Theatre - Earthbound OST
Vehicle Handling - Persona 2 Innocent Sin OST
Police Station - Persona OST
Thanks for watching!
This video is dedicated to my friend, Alotryx.
#acerola #graphics #gamedev #unity3d #graphics #shaders

Пікірлер: 2 200
@Acerola_t
@Acerola_t Жыл бұрын
the 30 second parallel bitonic merge segment took me 15 hours to edit anyways what was your favorite cat clip
@meqativ
@meqativ Жыл бұрын
the cat one definitely
@sans5955
@sans5955 Жыл бұрын
I actually wanted to listen to your optimization explanation cuz optimizing is something I struggle with immensely but your cat clips were too distracting :(
@SokoBuilds
@SokoBuilds Жыл бұрын
the one with the cat
@DashconroyAS
@DashconroyAS Жыл бұрын
gotta be cat clip #2
@caps_lock
@caps_lock Жыл бұрын
ill watch it again if it makes you feel better
@capsey_
@capsey_ Жыл бұрын
Graphics Programmers: My program renders an image for 3 days, but I was able to shave off 4.3 hours, I'm so good at it Real-Time Graphics Programmers: I just wasted quarter of a millisecond, it was reserved for pathfinding calculations, my managers is going to kill me
@Numbabu
@Numbabu Жыл бұрын
“My optimized bogosort only takes one billion years to finish sorting now, down from 1.1 billion, it’s so much faster”
@thysem
@thysem Жыл бұрын
@@Numbabuto be fair that is 100 million years less than before
@eveleynce
@eveleynce Жыл бұрын
@@Numbabu the optimization? remembering not to choose the same random numbers as last time
@senzmaki4890
@senzmaki4890 Жыл бұрын
@@Numbabu bogo sort lowkey underrated, literally the fastest sorting algorithm if you're lucky enough
@airplanes_aren.t_real
@airplanes_aren.t_real Жыл бұрын
​@@senzmaki4890 that's like saying "casting fireball on dnd is underrated, it creates a portal to the hell realm if you're lucky"
@Not_mera
@Not_mera Жыл бұрын
In art class, I opened my photos in notepad++ and wrote some stories. My teacher was shockingly confused how I'd intentionally altered a pic to make it "glitched." They're just numbers in an order, and I changed it.
@Cyberfishofant
@Cyberfishofant Жыл бұрын
niice
@Cyberfishofant
@Cyberfishofant Жыл бұрын
did you just straight up type into it? Like Counter: 40 (in case yt hides it)
@roberine7241
@roberine7241 Жыл бұрын
A am wondering what that looks like. I'll have to try that out at some point.
@likemau5552
@likemau5552 Жыл бұрын
I did that too, way to go you can really get a variety of effects depending on type of file, bmp, png, jpeg, propably a bunch more interesting lossy and lossless compression algorithms, but jpg is really good if you want a lossy compression artifacts, and for lossless compression you can introduce major glitches into a png file, also you can mess with pure non compressed bitmap if you want more precise glitch manipulation, try them all out and remember that there are different types of .bmp to choose from
@gljames24
@gljames24 Жыл бұрын
@@Cyberfishofant Yep, you can open an image in a text editor and just start typing. Or even manually write an image, but most formats are compressed.
@Attemptedburger
@Attemptedburger Жыл бұрын
I would like to point out that the effect would be great for gameplay if it were only applied to certain objects in the game, via a two-color buffer that shows which areas are allowed to be affected by the effect before the contrast map is applied to those areas, allowing the effect to be limited to certain portions of the image. the uses would be awesome. you could have a character's skin glitching out, but their clothes stay stable, you could have a sword that leaves behind a glitchy trail in the air, and so on and so forth.
@BustyCatbot
@BustyCatbot 6 ай бұрын
A game mechanic that allows you to interact with "glitched" objects in a specific way would be pretty damn cool, it'd definitely be an eye-catching indicator.
@krasistefanovlol
@krasistefanovlol 5 ай бұрын
considering it has to sort less pixels too, if the screen isnt covered in areas to pixel sort im sure it'd get to 2 ms or less
@themilkguy9572
@themilkguy9572 Жыл бұрын
I would love to see a game made with this filter. something like psychological or surreal horror. I think this filter paired with good sound design and a decent art style would make for a really mind bending and fun game
@sgramstrup
@sgramstrup 8 ай бұрын
I think he needs to blur the final stage a bit, but interesting..
@slimeball3209
@slimeball3209 5 ай бұрын
cyberpunk isnt having it?
@TRENTINATERx2000
@TRENTINATERx2000 4 ай бұрын
cyberpunk kind of implemented it when the relic effects affected the player.
@uh-ohspaghetti-os4118
@uh-ohspaghetti-os4118 4 ай бұрын
Not a horror game but Splatter uses effects like this very often
@spazzls4090
@spazzls4090 3 ай бұрын
Cyberpunk is your game if you like existential horror
@Mcbuzzerr
@Mcbuzzerr Жыл бұрын
I'm not gonna retain any of this information, but I always feel like acerola got to learn so much in making each video! This was really interesting to watch!
@snooks5607
@snooks5607 Жыл бұрын
just yesterday Andreas Kling in his 1000th video talked about consumption patterns and how he found it hard to retain information from watching tech videos himself. he mentioned trying taking notes about the videos and how that led him to being more selective in what to watch. not sure I'd ever have the discipline but found it interesting anyway.
@SquidHominid
@SquidHominid Жыл бұрын
as a 3D graphics student, this comment is every day of my life lmao
@tobenamed610
@tobenamed610 10 ай бұрын
Me neither, especially because I was 100% focused on the cats
@almondsanimated
@almondsanimated 9 ай бұрын
the cat cams were the best parts
@juliusnebulus702
@juliusnebulus702 Жыл бұрын
Came for the programming knowledge, stayed for the reminders that the monogatari series live forever in my heart
@MMYLDZ
@MMYLDZ Жыл бұрын
The editing is very spesifically cultured and I now want more.
@Manafii102
@Manafii102 Жыл бұрын
i have never and likely will never need to create graphics shaders, yet these videos are so endlessly entertaining and informative that i can't stop watching
@reed6514
@reed6514 Жыл бұрын
i love learning about other programming specialties through vids like this
@konstaConstant
@konstaConstant Жыл бұрын
But because of this vid, you were there to witness how someone else was! And it was *so* cool
@CatinaboxReal
@CatinaboxReal Жыл бұрын
hello fellow void pfp
@yan-amar
@yan-amar 11 ай бұрын
I mean, cat videos, right?
@CatinaboxReal
@CatinaboxReal 11 ай бұрын
i am no longer void pfp
@dimon3271
@dimon3271 Жыл бұрын
Babe, wake up. New Acerola video just dropped
@lolcat69
@lolcat69 Жыл бұрын
Ok honey
@dimon3271
@dimon3271 Жыл бұрын
@@lolcat69 😘😘😘
@PropaneWP
@PropaneWP Жыл бұрын
Just 5 more minutes ok
@mech_electro
@mech_electro Жыл бұрын
Babe, wake up, this comment trend started years ago
@smilleur
@smilleur Жыл бұрын
Im so fucking sick of seeing this comment trend
@springheeledjacques
@springheeledjacques Жыл бұрын
As an engineer with over a decade of experience in a completely different part of the field (distributed systems), graphics and shader programming has always felt like magic to me. Very cool to see it broken down like this.
@kaviprashanna
@kaviprashanna 11 ай бұрын
I didn't understand 95% of the video.. but i feel smarter somehow.
@dotdotmod
@dotdotmod Жыл бұрын
I'm pretty new to shader programming and have no idea of 90% of the shader optimizations you were talking about, but just so I didn't feel dumb, I covered the cat videos with my hands in order to avoid getting distracted! Also, instead of having groups that have already finished a thread wait for the others to finish, can't you divide the spans in 2s (two spans a thread) so you can roughly get them 2 spans done by one group at the same time as others? It may sound weird because I'm probably mixing up some of these terms
@sephdebusser
@sephdebusser Жыл бұрын
That would make the worst case be twice the amount of time that it is now(bc you have no way to prevent a group of 2 spans to not be 2 worst-case ones). Right now we have the same amount of active groups than there are spans in the image. Reducing the number of groups is not a thing that's going to speed the whole thing up bc GPUs can easily do thousands of things in parallel. On a CPU implementation, this would be a better approach, bc CPUs can't do that many threads in parallel, so there'd be a queue of spans to still be processed.
@dotdotmod
@dotdotmod Жыл бұрын
@@sephdebusser So it essentially positively double the best case's performance and negatively doubles the worst case's performance?
@sephdebusser
@sephdebusser Жыл бұрын
@@dotdotmod no, bc best case scenario of the original is still the time of one group processing a single small span. In your case, the best case is one group processing two small spans. Still double the time
@SimonBuchanNz
@SimonBuchanNz Жыл бұрын
The trouble is knowing you need to do that, because it's the CPU that starts threads, but the GPU that knows how many threads are needed. It is doable, I'm pretty sure, but I think a better approach would be to try to figure out how to apply quicksort, O(n log n) is a lot better than O(n²). I think you could maybe pull it off by coloring the entire span in the thread mask with a span id instead of the start index having the length? Damn, now I want to try and figure this out.
@error.418
@error.418 Жыл бұрын
@@SimonBuchanNz "Damn, now I want to try and figure this out." This video is such a nerd snipe, yeah.
@TheDrMike25
@TheDrMike25 Жыл бұрын
In animation, PixelSorters are a great way to create scene transitions with this glitch aestethic! Ist awesome to see how they work
@kindauncool
@kindauncool Жыл бұрын
What is "black scene"'s importance
@WinterNox
@WinterNox 9 ай бұрын
​@@kindauncoolI don't that think it is anything of importance.
@amruthchangappa
@amruthchangappa 9 ай бұрын
@@kindauncool not sure if you still care, but it's a reference to the monogatari anime series
@renkuroex3548
@renkuroex3548 Жыл бұрын
I thought the title said snorting pixels
@RivertedYT-
@RivertedYT- 2 күн бұрын
No Comments?
@holo_fever
@holo_fever 6 ай бұрын
I read the title of the video as “I tried snorting pixels” - so you’re welcome for your next video idea.
@verybasic1836
@verybasic1836 Жыл бұрын
Actually one of the most beginner friendly descriptions of Compute Shaders i have ever heard. You should do more with them. I had a hard time when learning Compute Shader Concepts the first time.
@The5thUSER
@The5thUSER Жыл бұрын
I think there IS an improvement on the shader code to be made: If your sortvalue buffer is of a known data type (e.g. uint8), I think you can use a radix sort - which should be a lot faster than your current alg.
@Acerola_t
@Acerola_t Жыл бұрын
it would still be single threaded radix sort which would be a yikes but I should try it yeah
@Sloimay
@Sloimay Жыл бұрын
​@@Acerola_t radix sort is like O(3n) space and O(7n) time, we won't even need to transfer the buffer to group memory as each value in the buffer is accessed only once Its only problem is that its slower than the current sorting alg for small spans.
@IgnacioLosiggio
@IgnacioLosiggio Жыл бұрын
​@@Sloimay why not both then. The control mask already has the span lengths! Each group can decide it's preferred algo (AFAIK doing this means that you should not even try to do more than one thread per group, GPUs are SIMT machines, right?)
@GhostGlitch.
@GhostGlitch. Жыл бұрын
@@IgnacioLosiggio imo probably not worth the effort. As long as the short spans don't take longer than the long spans, it doesn't help to optimize them.
@Nitronoid
@Nitronoid 11 ай бұрын
There exist efficient `stable_sort_by_key` algorithms for the GPU. The solution here would be to sort the original pixels using a key. We can calculate it by first running a prefix sum over the mask, giving us 'spans' each filled with a unique index. Multiply the prefix_sum by the maximum value that will be used in the sort (ensures a pixel can't 'escape' it's span). Then, calculate the sort key using (original value * mask + prefix_sum). All the masked-out values will have the exact same key within a span. All the masked in values will retain the same local delta within a span. Each span's maximum value is guaranteed to be less than the following spans minimum value. Using a stable sort ensures that although masked out values have the same key value, their order doesn't change.
@WinderTP
@WinderTP Жыл бұрын
I'm a video editor who loves glitchy effects and learning about how pixel sorting actually works has been very entertaining. I love how the post-processing workflow is so similar to doing VFX and colour correction too lol
@linesinthedirt
@linesinthedirt 8 ай бұрын
how would you implement this as a sort of Adobe or AE plugin? is it possible? Pleas get back to me
@gabgren1
@gabgren1 3 ай бұрын
There’s another one called PixSort as well
@austinconner2479
@austinconner2479 10 ай бұрын
If the parallel bitonic merge sort was fast enough you can also use it in the span sorting case: Do a first pass to assign to each pixel the index of its corresponding span, and then sort the entire column lexicographically first by span index. Lexicographical sorting can be accomplished by putting span index into some bits higher than the highest data bits of the sort keys.
@Riccorbypro
@Riccorbypro Жыл бұрын
Oh boy time for another sorting rabbit hole. Also having Nekopara as the associated visual for a "video game" just killed me every time.
@Vallee152
@Vallee152 Жыл бұрын
1:40 I wanted history tho ;-;
@blacklight683
@blacklight683 22 күн бұрын
Same
@CEOofGameDev
@CEOofGameDev 9 ай бұрын
13:42 Mr. Rola, as in, short for acerola. I legit fucking died here, omg.
@jamcdonald120
@jamcdonald120 11 ай бұрын
you may be able to speed up the algorithm by using the parallel prefix sums algorithm to calculate the span of each row. If you have enough compute cores, it can drop the time for creating this mask from O(n) to O(logn). Also, once you build the span mask using prefix sums, there are some handy parallel sorting algorithms that should let you divide up the sorting of each sub section without having to ask the CPU for guidance. If you want I can see if I can find my psudocode for this (im pretty sure we solved basically this problem in my parallel algorithms class), but I havent worked much with shaders, so your on your own translating it
@unflexian
@unflexian 6 ай бұрын
heya, this is crazy interesting. do you have the source?
@jamcdonald120
@jamcdonald120 2 ай бұрын
@ianI think cs.wmich.edu/gupta/teaching/cs5260/5260Sp15web/lectureNotes/thm14%20-%20parallel%20prefix%20from%20Ottman.pdf covers prefix sums well and maybe www.dcc.fc.up.pt/~ricroc/aulas/1516/cp/apontamentos/slides_sorting.pdf for sorting?
@theprobplays5986
@theprobplays5986 Жыл бұрын
13:10 where tf did my cats go >:(
@isaacbunsen5833
@isaacbunsen5833 Жыл бұрын
You would get an effect that looks very similar if you simply set a hard number of samples per span. Because they're sorted they tend to look like gradients, so even a simple min and max of a span would look very similar.
@musicstreams3479
@musicstreams3479 Жыл бұрын
I think they may have used pixel sorting shaders to do some of the effects in Cyberpunk 2077. The effect at 16:15 looks really similar to the effect when you're on the Net or while viewing the edges of braindances
@TwoForFlinchin1
@TwoForFlinchin1 6 ай бұрын
Looks like the tarot too
@drolemem
@drolemem 11 ай бұрын
12:06 sus
@BebxOfficial
@BebxOfficial Жыл бұрын
FINALLY THERE'S A VIDEO ON THIS!!!!!! LET'S GOOOOOOOO!!!!!!!!! this effect is such a banger. they should implement it into every competitive game ever made.
@Dumdumshum
@Dumdumshum Жыл бұрын
I think they used an effect like this in cyberpunk. It would actually be useful for small segments of play in a sci-fi game where the matrix is glitching.
@mistikalcanavarlarparlamen3265
@mistikalcanavarlarparlamen3265 Жыл бұрын
Hey! I like the fact that you spend time explaining us the history behind it all!!!
@strongmungus
@strongmungus 6 ай бұрын
I agree. I also thought it was interesting that a woman was an early pioneer of sorting algorithms. The world was a lot more sexist in the 50s, so it's pretty impressive that she made the contributions that she did.
@celeron55
@celeron55 5 ай бұрын
@@strongmungus Except that it really isn't that surprising when you know women ended up working in the early programming profession a lot, as back then it was kind of an extension of a data entry job or similar. Then it transitioned into an engineering job, which in turn was more popular among men.
@NeatNit
@NeatNit 8 ай бұрын
17:09 In the end, the real time pixel sorter is the friends we made along the way.
@Blockmaster987
@Blockmaster987 Жыл бұрын
Thank you for providing a full, in-depth explanation of how everything works. Graphics programming is a niche field and basic theory is hard to come by when searching the internet.
@NBDbingo5
@NBDbingo5 Жыл бұрын
you're so professional for displaying the other videos for each technique you applied toward the end of the video
@etan_6
@etan_6 8 ай бұрын
Your videos are amazing. You’re good enough at coding to talk about it in a easy to understand way, you structure your videos in easy to digest and entertaining way, and your editing complements it all perfectly.
@spataruandrei8888
@spataruandrei8888 Жыл бұрын
You won me at the moon album cover. Great video and amazing explanation. I like a lot the way you explain aspects in an academic manner while still keeping it funny and entertaining. Great video and great skills!
@adamblackler488
@adamblackler488 Жыл бұрын
they did sorting on a pixel
@kennystevens2923
@kennystevens2923 Жыл бұрын
indeed
@TheSpyFishMan
@TheSpyFishMan Жыл бұрын
Idea for making it possible to parallelize the pixel sort algorithm (keep in mind I have no idea what I'm talking about): Instead of generating a texture with the start of each span encoded by the position of pixels, generate a texture where the value of each pixel in a column represents what segment of the column it's pixel is in. Say there are two spans in a particular column, then the values of pixels in the texture from top to bottom would be a block of pixels with value 1, then for the extent of the first span, pixels would have a value of 2, then a value of 3 between the spans, 4 within the bounds of the second span, and 5 to the end. Also, if the first pixel is part of a span, then the first block of pixels should be even, so it can start at 0, to maintain the relationship that even numbers represent pixels within a span, and odd numbers represent pixels outside a span. Then during the sort phase, instead of using a thread for every pixel, use a group of n/2 threads for every column of pixels, where n is the height of the columns. Then sort the entire column using the parallel bitonic merge sort algorithm, except make sure to first multiply the pixels sort value by 255 times the value from the corresponding texture location, or use a second comparison between the two texture values. Either way, the sorting algorithm will sort the entire column, and the increasing index will prevent mixing of spans and inter-span regions by making each region's values all greater than the previous region's values, and all smaller than the next region's values, or else achieve the same by some other logic. Then, either within the sort logic, or on a separate pass, take the original (unsorted, or just don't swap in the sort algorithm if both tex values are odd) value for pixels with an odd numbered texture value. So, in the end, the CPU can dispatch the same number of thread to every column of the image regardless of the number of spans in each column, and you can do the parallel sort algorithm instead of single threading them.
@telaferrum
@telaferrum Жыл бұрын
Would love to see Acerola try this. I saw someone else also suggest this same idea after reading all 300-something comments as of now.
@iskierka8399
@iskierka8399 Жыл бұрын
For someone who has no idea what they're talking about, this is pretty spot-on to what I was going to suggest as a graphics programmer. You would probably keep the ranges that don't want sorting by simply modifying the swap logic, so that either even or odd spans (depending on code design and/or artistic choice) evaluate as their pixel position instead of value (easiest way to preserve position). This would be preferable to a second access since you're already loading the texture and writing anyway, so copying the original values in would be less efficient by adding more accesses.
@charleslambert3368
@charleslambert3368 Жыл бұрын
is parallel bitonic an in-place sort algorithm? If so, i'd not worry about spans per-se but just play around with functions you AND with the comparison logic to see what happens. Maybe only swap two values if their luminance has the same first 3 bits or if their original positions are within n pixels of each other.
@JonDigitalTV
@JonDigitalTV 11 ай бұрын
Thank you! This was so informative and easy to understand. Can’t wait to see what else you have planned.
@jfalk6500
@jfalk6500 7 ай бұрын
7:12 you can't keep teasing me with that tiger
@almoni127
@almoni127 Жыл бұрын
Never did graphics programming, but what about the following solution? Calculate for each pixel whether it is inside a span and if so, what span number. Then use the bitonic sort with the following comparator: If pixels are both in a span and have the same span number then compare them by value. Otherwise, compare them by index.
@thechurro3920
@thechurro3920 Жыл бұрын
That was my thought as well! We could even combine the process of computing the simplified sorting value into span marking to avoid excess data writing.
@almoni127
@almoni127 Жыл бұрын
@@donaldhobson8873 right
@kiyu3229
@kiyu3229 Жыл бұрын
I haven't seen the video yet but can't you just get the RGB average of every pixel and then just sort that
@telaferrum
@telaferrum Жыл бұрын
Would love to see a follow up with this approach. Someone else suggested this in another comment too after reading through all 300-something
@zloboslav_
@zloboslav_ Жыл бұрын
I've seen similar looking effects in some glitch art communities, both in image and video, but never in a live rendering shader! Very cool video!
@miwelysuscosas1507
@miwelysuscosas1507 8 ай бұрын
10:55 help, I'm trying to pay attention but the cat cam's are distracting me
@shimlaDnB
@shimlaDnB Жыл бұрын
genious, i used to work a lot with pixel sortring processing scripts back in the day but this is kind of a game changer, to run it on the GPU in realtime is quite a challenge you overcame, love the content and thanks for sharing the code!
@benmcreynolds8581
@benmcreynolds8581 Жыл бұрын
I really dig this aesthetic that you created from this. It's really a awesome vibe. The amount of creativity that could be utilized by this is, is huge. Especially with Analog Horror, and other Avant guard type art styles.
@Nerdule
@Nerdule Жыл бұрын
I'm sorry, but this kind of algorithmic manipulation of discrete image pixels is exactly the opposite of analog horror. It literally could not be more digital. Like I know this is a nitpick, but not everything glitchy is analog horror!
@LambOfDemyelination
@LambOfDemyelination Жыл бұрын
Love your videos! One of the few channels I have notifications for, consistently interesting and entertaining. ❤
@TravisHi_YT
@TravisHi_YT 6 күн бұрын
The effect on still images was super cool, nice work!
@Killerkraft975
@Killerkraft975 Ай бұрын
I like how simple yet in depth the explanations were. Im at university wanting to do this and thankfully this was easy enough for me to understand but no so simple to know without any context. Thanks !
@kachelstacktus
@kachelstacktus Жыл бұрын
I absolutely love the video and the idea. The one thing I have to ask for the next one is a short explanation at the start with example images. I wasn't sure what you were going for with the pixel sorting, since I thought you would do so over the entire image, thus rendering it entirely unrecognizable. It wasn't until 4:42 that I finally understood what the goal was.
@Not_Pulsus
@Not_Pulsus Жыл бұрын
I was so damn happy watching this, I never thought I'd see an in depth exploration of my niche interest like this! I do Glitch Photography and I'm so passionate; I almost cried when you mentioned Kim Asendorf!
@michaelklaczynski3650
@michaelklaczynski3650 9 ай бұрын
Awesome explanation and visualization of bitonic merge sort!
@zasteneugen4423
@zasteneugen4423 10 ай бұрын
i love the editing and the way you explained this topic...
@tealsquid7205
@tealsquid7205 Жыл бұрын
Great video. All it needs is a quick historical recap of all sorting algorithms
@kaidwyer
@kaidwyer Жыл бұрын
Incorporating this into a game itself instead of as a filter would be interesting. Imagine if you're playing as a character who's had a memory-altering implant for something like schizophrenia, and slowly start to see phantoms appear from a malfunction of the memory device. The character could slowly begin to realize the device was hiding the true reality all along, and fight to discern what the world is really like beyond the deep-fried digital veil. There could be quests exploring previously invisible areas, and a neverending struggle to balance the mental illness and the glitchy device.
@Andrew-li6ik
@Andrew-li6ik 9 ай бұрын
a scanner darkly?
@PiraGem
@PiraGem 10 ай бұрын
you're always talking about so much topics that i never would have thought for, i used some of those ideas for my own projects
@bonehead537
@bonehead537 Жыл бұрын
Honestly blows my mind seeing how effects like these work behind the scenes. Loved playing around in after affects using datamosh 2 and ae pixel sorter 2, but to see a pixel sorter in real time in a game engine while also being open source is mind blowing. Been recently been trying to create a little suite of shaders in unity of the majority of effects that I use in After Effects, the main ones being datamoshing, pixel sorting and ae's colorama effect (like a custom heat map effect, annoying me atm 💀). This pixel sorting video and the rest of your series of creating these custom shaders for FF14 has given me a hell of a lot of motivation and i cant thank you enough for that. 🙏
@filiformis
@filiformis Жыл бұрын
As much as I love your cat, it's getting in the way of all the interesting graphics programming optimization visuals.
@Posty-vw9jc
@Posty-vw9jc 7 ай бұрын
16:15 legit looks like an effect in cyberpunk
@sacordovaplata
@sacordovaplata 7 ай бұрын
That's what I thought! It look like when they are *SPOILERS* inside Mikoshi and talking with Alt
@CompilerStuck
@CompilerStuck 7 ай бұрын
I haven't thought of sorting in that way.. great video!
@IshEaterson
@IshEaterson 8 ай бұрын
Your content is incredible - subbed!
@LinuxBacon
@LinuxBacon Жыл бұрын
When I saw some of the performance near the beginning, I thought there was no way that it would be even partially salvageable. That was some super neat optimization!
@Aragubas
@Aragubas Жыл бұрын
That effect looks amazing! I can already think of usecases for it!
@supplechap5429
@supplechap5429 Жыл бұрын
I read the title as “I tried snorting pixels” and thought this was going to be a trip report on some new compound
@ItsGBMoD
@ItsGBMoD 4 ай бұрын
i love the monogatari style editing you have for some scenes
@Gymomanen
@Gymomanen Жыл бұрын
I crack up completely from these videos. Love how you manage to keep it entertaining while still being so informative. Considering you set a cap on the span length anyway, would it make sense to make an indirect dispatch with one threadgroup per span to bitonic sort them instead of just running one thread per span?
@Acerola_t
@Acerola_t Жыл бұрын
In the absolute worst case yes since you know the whole image is being sorted but like you could just do a full bitonic merge sort if you want to sort the whole image where as I wanted to only sort the spans in the mask, which the cpu can't optimally dispatch groups for.
@Gymomanen
@Gymomanen Жыл бұрын
I may have missed the point, but my idea wasn’t that you would dispatch the groups from the cpu. You would do an indirect dispatch based on what you get from the pass that generates the span-mask you had. Instead of writing that mask, you could count the number of spans (using some atomic counter) and store that in an indirect-buffer. For each unique span you also store the start pixel and the number of pixels that span covers. Then you can just dispatch the number of groups (one per span) indirectly using the indirect buffer. So the cpu does not need to know anything about spans, and that data is kept on the GPU :) Are there reasons that would not work?
@calvin2307
@calvin2307 Жыл бұрын
I was looking for the comments if anyone had mentioned this. IndirectDispatch would work, you can even bucket a few fixed span lengths and dispatch shader variations. 1 threadgroup per span so you could do the bitonic sort in parallel. The problem is not dissimilar to tiled classification deferred shading . First video I've seen from this channel, but lots of fun :)
@nxone9903
@nxone9903 9 ай бұрын
11:37 he he he cat-egorised
@langtonsuncle5563
@langtonsuncle5563 Жыл бұрын
Very glad I discovered this channel a week before starting my GPU programming class
@rallokkcaz
@rallokkcaz Жыл бұрын
I forgot about pixel sort! Great video, you just got yourself a fan.
@dylangergutierrez
@dylangergutierrez Жыл бұрын
I think it would be really interesting to separate the chroma and luminance channels, and sort only one of them before recombining.
@pindebraende
@pindebraende Жыл бұрын
Your videos really helped my five year old learn about real-time image rendering, it's way better than the cocomelon version. she always asks for "the long hair man" (: thank you so much
@Acerola_t
@Acerola_t Жыл бұрын
my true target audience
@thewonderfulwizardofozisan7573
@thewonderfulwizardofozisan7573 8 ай бұрын
Haha! I was just doing that looking-forward-in-the-video-thumbnails-to-skip-forward when you inserted that scene. Got me!
@crazyivan030983
@crazyivan030983 9 ай бұрын
This shifting perspective animation made my day :D new subscriber :) greetings from Poland :D
@BanNerdHogs
@BanNerdHogs 11 ай бұрын
13:36 I was already enjoying the video, and then the MGMT reference made it even better
@Not_Pulsus
@Not_Pulsus Жыл бұрын
Acerola, this channel is so damn cool. I feel like you're pioneering the "white paper" of the modern age.
@nethe1096
@nethe1096 Жыл бұрын
The first time I heard and saw pixel sorting was on a community post from Max0r and it just so happens the beginning has a song he used in one of his videos, so this gives me sort of flashback feeling to it. Also damn interesting and well explained. Good job
@JohnDoe-hk6fe
@JohnDoe-hk6fe 6 ай бұрын
That tony the tiger picture is 100% certified cursed.
@Krono159
@Krono159 Жыл бұрын
0:29 ... bro what's up with that tony the tiger cropped yiff?
@hhjpegg
@hhjpegg 6 ай бұрын
howd you know what it was? 🤨🤨🤨🤨🤨🤨🤨
@Request_2_PANic
@Request_2_PANic Жыл бұрын
I think a sorting algorithm for image data could be an interesting way to compress its size, even if it's not as efficient as other methods. Go through the image, list the colors as 24bit values, and use the numbers they correspond to and how many of each are along the lines.
@gljames24
@gljames24 Жыл бұрын
I'm pretty sure PNG already does something similar with its lossless compression.
@Fishman7523
@Fishman7523 8 ай бұрын
This video is both hilarious and extremely informative. Definitely subscribing
@Fishman7523
@Fishman7523 8 ай бұрын
The furry Frosted Flakes tiger drawing made me want to sever my ocular nerves
@ClarkPeppermint
@ClarkPeppermint Жыл бұрын
this is sick cuh, keep da good work up
@luismarioramirezperalta8045
@luismarioramirezperalta8045 Жыл бұрын
I think you could use simple quicksort or mergesort (no tread division) to make the sorting of the spans significantly faster, maybe not 2ms fast but way faster
@BrooksMoses
@BrooksMoses 6 ай бұрын
The sort "keys" are small one- or two-byte integers, so you could also try a radix sort. That's O(N), whereas the quicksort or mergesort algorithms are O(N log N).
@Nielk1
@Nielk1 8 ай бұрын
What if you use the mask's X (or Y) coordinate as a high significance value added to the value you're sorting. You'd use the start of the span as the number, so on black areas it would keep counting up but on white areas it would stall and create a span that all has the same high sig value added to it. Then you can use the Parallel Bitonic Merge Sort again.
@MrPicklepod
@MrPicklepod 8 ай бұрын
I'd actually love to see someone play a game with this shader. Amazing video!
@Boback111
@Boback111 7 ай бұрын
I don’t know about pixel sorting but subbed for the momento reference. Great movie. Tbh been using some pixel sorting and displacement map in node video and liking some of the results. Gona check if u have a vid on datamoshing been messing with that too.
@zekiz774
@zekiz774 Жыл бұрын
Did... Did you make a Monogatari reference throughout the video with the different colored scenes and chapters?
@Acerola_t
@Acerola_t Жыл бұрын
next you'll wonder where my name comes from!
@zekiz774
@zekiz774 Жыл бұрын
@@Acerola_t ohhh. Didn't even think of that. Lol
@MaxIronsThird
@MaxIronsThird Жыл бұрын
I wish you could do this in a game, but it would have to look a bit more restrained to the actual 3D objects and not bleed too much. I would legit use that in my game.
@Astro_H0riz0n
@Astro_H0riz0n 4 ай бұрын
I love your editing style
@victoryd.8824
@victoryd.8824 10 ай бұрын
First video ive seen from this channel and I have to say I love the almost exclusively Persona bgm
@AlexandreCoulonOldChannel
@AlexandreCoulonOldChannel Жыл бұрын
I watched this video and I will never be the same ! Wow !
@edenasharpie
@edenasharpie Жыл бұрын
2:49 factorio players: OOH OOH I'VE SEEN THIS ONE
@mstech-gamingandmore1827
@mstech-gamingandmore1827 8 ай бұрын
The image in the middle or the image om the right?
@edenasharpie
@edenasharpie 8 ай бұрын
@@mstech-gamingandmore1827 middle, google factorio balancers for reference
@gehtsiegarnixan
@gehtsiegarnixan Жыл бұрын
I was only able to pay attention thanks to the cat clips. Truely the inovation in tutorials and teaching mateiral we needed. Please keep using them.
@SorcererDragon
@SorcererDragon 5 ай бұрын
I do QA for a rendering software and this is genuinely so much more interesting than I imagined. It’s facinating to take a look under the hood even if it’s not something the devs I work with would ever do.
@SupperGammer
@SupperGammer Жыл бұрын
The cat videos did not help my ADHD
@bottlekruiser
@bottlekruiser Жыл бұрын
oh hey a video that is not a short
@Acerola_t
@Acerola_t Жыл бұрын
lol I made the shorts cause those topics won the patron poll
@ponygore
@ponygore 8 ай бұрын
here at exactly 100k, congrats :D
@hallwaerd
@hallwaerd 8 ай бұрын
Okay that does look really sick Also the image to represent gatekeeping had me cackling
@P_ckneck
@P_ckneck Жыл бұрын
The trollface sorting algorithm
@Noteclip
@Noteclip Жыл бұрын
Ah yes, more glitchy graphics so I can mask my fucked up meshes
@mitch14311
@mitch14311 Жыл бұрын
first time on the channel, love the jokes and the content and good information
@Srcsqwrn
@Srcsqwrn 9 ай бұрын
THE TONE AND STYLE OF THIS VIDEO WAS PERFECT FOR MY CAVEMAN BRAIN~ Also I accidently typed this in caps, but it feels appropriate, so it stays. Subscribed.
I Tried Recreating Counter Strike 2's Smoke Grenades
33:55
Acerola
Рет қаралды 430 М.
This is the Kuwahara Filter
18:16
Acerola
Рет қаралды 391 М.
маленький брат прыгает в бассейн
00:15
GL Show Russian
Рет қаралды 4,4 МЛН
Conforto para a barriga de grávida 🤔💡
00:10
Polar em português
Рет қаралды 90 МЛН
10 FORBIDDEN Sorting Algorithms
9:41
Ardens
Рет қаралды 769 М.
This Black Hole Could be Bigger Than The Universe
11:44
Kurzgesagt – In a Nutshell
Рет қаралды 708 М.
How I re-created the rhythm game osu! from scratch in C++!
5:51
Omer Hasanov
Рет қаралды 22 М.
Your Colors Suck (it's not your fault)
37:01
Acerola
Рет қаралды 460 М.
I tried finding Hidden Gems on AliExpress AGAIN! (Part 9)
15:00
GreatScott!
Рет қаралды 427 М.
Motion Extraction
7:00
Posy
Рет қаралды 772 М.
I Made A Fully Ray Traced Game
26:17
Acerola
Рет қаралды 157 М.
Optimizing my Game so it Runs on a Potato
19:02
Blargis
Рет қаралды 296 М.
When Your Game Is Bad But Your Optimisation Is Genius
8:52
Vercidium
Рет қаралды 1,3 МЛН
Edit My Photo change back coloured with Bast Tech
0:45
BST TECH
Рет қаралды 334 М.
Xiaomi Note 13 Pro по безумной цене в России
0:43
Простые Технологии
Рет қаралды 1,7 МЛН
Вы поможете украсть ваш iPhone
0:56
Romancev768
Рет қаралды 650 М.
Introducing the all-new iPad Pro | Apple
1:29
Apple
Рет қаралды 37 МЛН
How about that uh?😎 #sneakers #airpods
0:13
Side Sphere
Рет қаралды 10 МЛН