Pixelation
General => General Discussion => Topic started by: baccaman21 on December 19, 2006, 01:30:51 pm
-
right... I know I'm old hat at a pixels... but something i've never really got my head around is sub pixel animation and related techniques... i'm more of a cartoony selshaded officiando...
so... can any of you lovely people help illuminate this field of pixels for me as i'm in need of some sound advice and direction.
ta.
Pete :)
-
Heya Pete,
it's not that complicated, basically you use antialias to move an element in the picture seemingly by less than a pixel at a time.
Made a quick picture to show it. Top: one pixel at a time, bottom: sub pixel movement so smoothen it out.
(http://www.ptoing.net/subpixel_aa.gif)
For actual pixelart this can be used for small idle wobbles of stuff like motors or for subtle breathing animations on smaller sprites where you can tween between 2 frames like this.
-
thought it was... so essentially it IS anti aliasing over time... cheers sven...
I've never actually tried doing this EVER... (shocking I know) - I may give it a whirl on my next anim... (which is taking longer than I thought)
btw - I'm handing in my resignation end of the week... so I'm off very early jan... WEYHEY!!!
-
curse you ptoing, I made almost the exact same image!
-
that's what I like... a nice quick thread that ends as abrubtly as it starts... thanks chaps...
<case closed>
NEXT!
-
well another thing there is, is the rgb subpixel aa you can do on lcd displays.
I am using a weighted approach here, not using full red, green and blue, but variants which work much better and look ok on CRTs as well.
For classical pixelart this is pretty much useless tho unless you could make a game only in black and white, it does not work anywhere as well with colour and of course some screens use BGR and that would fuck how it looks completely.
(http://www.ptoing.net/subpixel_aa2.png)
No aa, subpixel rgb aa, 1 pixel classic and 2 pixel classic aa
Basically it works because each pixel is made from 3 little strips of R, G and B, so if you want darkness on the right 2 thirds of a pixel you put a red pixel, if you want only the right one third dark you put yellow there which is both red and green activated.
So yeh, pretty much pointless for normal pixelart.
EDIT: Hahaha, Takam, I bet I was faster because I used the power of Promotion's animbrushes :P
-
lol, you got me, I was using mspaint :P
I'll get into promotion soon I swear
-
lol, you got me, I was using mspaint :P
I'll get into promotion soon I swear
No no no, don't. Mspaint is much more hardcore and it impresses the laymen.
-
Oh, shut up..
-
;)
-
(http://ptoing.net/subwink.gif)
-
(http://ptoing.net/subwink.gif)
Dude that just messed with my head.. :durr:
-
(http://img234.imageshack.us/img234/1578/image023rl5.gif)
-
I think there should be one topic about the various pixel art programs. Topics seem to derail quickly whenever MsPaint is involved. :-X
(Involved, or even mentioned.)
-
Hehe....subpixel animation. Fun stuff. Moderately hard to pull off successfully though.. but good to know for smooth anims sometimes. !yus!
-
It works great with subtle animations, like characters breathing/idling. Also known as animating with colors.
There is another type of sub-pixel art, but that deals with creating art that takes advantage of the RGB layouts of LCD screens to create the illusion of more horizontal detail.
EDIT: Whoops, Ptoing beat me to it. :P
-
got another query regarding this topic... thnx for the replies btw - even the OT ones.. ;)
So, I understand the technique now - it's pretty much what I thought but you've clarified it for me.
I got a technical question... Sven/Ptoing, in both your examples you demonstrates the anti alias color which the motion is moving from and to... this makes perfect sense... (essentially creating a kind of motion blur from one pixel to another) however, my query regards masking sprites out - now obviously, it's easier to demo the technique with the samples you've shown against plain backgrounds... so presumably if one was to create sprites, for say, a GBA game - (not that I think I ever will anymore but for arguments sake)... then presumably one couldn't do the sub-pixel aliasing on the edges that are external of the sprite as this would (I'd imagine) 'fizz' against the various broken colored backgrounds... as you can't dicate what colors your aliasing to - if that makes sense?
So, realistically, in a practicle application, what's the solution? Surely, subpixel anims can really only work within the confined space of the sprites profile/outline...? yes or no...?
If no - how does one manage to reduce (what I visualise) as edge noise - without resorting to alpha maps - which one lo color pixel work you tend not to have access to?
I've not actually tried this as yet so this is pure hypothesis... I may be completely off mark.
Cheers
pete
:)
-
Yes, only on the inside for sprites unless you have only one colour for the background guess.
Here is an example:
(http://ptoing.net/marco.gif)
He has some esp at the top of the shoulder.
-
heres another example:
(http://img146.imageshack.us/img146/3798/helpoiy5.gif)
my link sprites had quite a bit of subpixel animation, on the sword especially
my decision was, since I had a black outline, to have the outline 'lag' behind the movement of the sword, Im not an expert with subpixel animating, but I think it had good results and at the very least a resolution you could consider
-
hmmm... yeah I see... this is great chaps... real food for thought...
something I can see I'll need some time experimenting with... I'm now starting to have ideas of where to take this as a technique and using it within my own skillset and adapting it...
hmmm... food for thought indeed...
I wonder...
<...trails off in thought...>
-
i look forward to seeing what you make ;)
-
Yeah, fun stuff.
More examples:
(http://img.photobucket.com/albums/v157/Xionight/13430c2d.gif) I'm still proud of this one. The silhouette doesn't change during the idle part. (At least I don't think it does...Not much anyway.)
(http://img.photobucket.com/albums/v157/Xionight/Samus_VariaSuit_stand_left.gif) Yep, good ol' Samus. Again, the outline doesn't change anywhere but the back thingy.
-
I'm happy there are topics like that on Pixelation. Some new practical knowledge acquired! ;)
(http://img.photobucket.com/albums/v157/Xionight/13430c2d.gif)
That's really pro stuff, Xion.
-
Baccaman, the solution I usually employ when I want to make less than a pixel of movement for scrolling a sillouethe...is simply to selectively modify the sillouethe.
how can I explain it?......hm.okay I dont have to
(http://ptoing.net/marco.gif) see marco's shoulder there? it's transforming like there's no tomorrow. it's only supposed to be going up, but in order to make the movment more subtle than bumping it up a pixel, it's shape gets deformed as it moves up. in order to animate like this you need to have a picture of the sprite inside your mind which is more detailed than the actual resolution it's at, only that way you can modify it's shape and stay faithful to what it should look like, otherwise you're just making a blobbery mess.
am I making any sense at all?