I Try to Explain Sub Pixels in Animation

I Try to Explain Sub Pixels in Animation

Nootall

9 месяцев назад

176,148 Просмотров

Probably one of the more advanced concepts in the world of pixel art, but I think it's a good one to be aware of even if you're just starting out.

Anyway, here's my charlatan explanation of the concept based on where I've used it over the years.

Twitter: https://twitter.com/Nootall_
Ramblings: https://nicknuttall.com/
Ссылки и html тэги не поддерживаются


Комментарии:

Cobalt
Cobalt - 31.10.2023 04:14

what software is this?

Ответить
Alexandria Gardiner
Alexandria Gardiner - 30.10.2023 03:23

This is actually really helpful for pixel art in general, not just animation-

Ответить
Caleb Watkins
Caleb Watkins - 28.10.2023 23:56

So is subpixeling in any way related to shading and depth?

Ответить
Mobile Matthew
Mobile Matthew - 28.10.2023 20:06

This made so muvh sense now i will forget most of it in like an hour but still

Ответить
LRgogo
LRgogo - 27.10.2023 21:35

My undivided attention to this lecture has been stolen by the allure of ChickenWater

Ответить
Insanastar Chaos
Insanastar Chaos - 27.10.2023 06:16

I think you explained it very well.

Ответить
Graham Cruickshank
Graham Cruickshank - 26.10.2023 20:16

Nice video! Great anim tips

Ответить
KAY
KAY - 26.10.2023 16:56

i dint even do pixelart but this video ooked interesting and it was

Ответить
Hugo Frota
Hugo Frota - 26.10.2023 06:58

Hey i looooved this video, thanks for inspiring me, i'm opening aseprite right now to draw 🤣
By the way: what was the duration (milliseconds) of the frames of the eevees animation? i'd love to know 🙇‍♂🙇‍♂💟

Ответить
Karl Hendrikse
Karl Hendrikse - 26.10.2023 06:16

Subpixels are red, green and blue, e.g. as used by Microsoft ClearType. It's not just regular old antialiasing. I don't think I've ever seen subpixel-based antialiasing used outside of text rendering.

Ответить
DieToDice
DieToDice - 25.10.2023 12:38

I had a totally different idea for what sub pixeling meant when I clicked and now I have an insane new appreciation for pixel animations

Ответить
Zuper Dario
Zuper Dario - 25.10.2023 11:32

Man I love pix el!

Ответить
Eric Jacinto
Eric Jacinto - 25.10.2023 08:49

This is a very good video. You did a good job explaining this!

Ответить
Xbob42
Xbob42 - 25.10.2023 02:09

You explained and demonstrated that quite well, but when I think of the term "subpixel" I think of "smaller than a pixel," meanwhile this appears to be, as you said, more of blending. Or color transitioning. I ain't no big city artist, but "subpixel animation" gave me very different expectations.

Ответить
DIM00252
DIM00252 - 24.10.2023 23:07

an old pokémon game remake with these lively sprites would be incredible

Ответить
TacoCannon2200
TacoCannon2200 - 24.10.2023 19:59

As hobby pixel artist this is a great video for me to watch, because although I already did this to an extent before, it helps to have a name and understand how it functions in a more technical way.

Ответить
LevelEditorThingy
LevelEditorThingy - 24.10.2023 16:11

Also, subpixels in gameplay are a result of a coordinate being able to have a value between 2 pixels, or more accurate between 2 predetermined columns and rows on the grid. To not draw something like that, games like celeste use a simple function like floor(x) to make it display on a normal pixel

Ответить
The Alpacaa
The Alpacaa - 24.10.2023 15:20

You can actually go even deeper into it, like we do in Typography. Since letters onscreen are very thin and small, you have to use Sub-Pixel-Rendering to make it look smooth. Every individual pixel is always made up of three lights in the order "RGB", usually arranged from left to right. We can abuse that to basically get triple the resolution per horizontal pixel.

For example, if I wanted a pixel that is not sitting exactly on the pixel grid, I can turn off the subpixel on one side, and add it to the other side of the line. That way i can shift it by 1/3 of a pixel horizontally. Naturally the sides get color shifted slightly because the subpixels are only a single color.

I wonder if you can use this in animation aswell somehow. It relies on the hardware of the screen though.

Ответить