Sprite shearing to fake rotation

A place for your artistic side. Discuss techniques and tools for pixel art on the NES, GBC, or similar platforms.

Moderator: Moderators

User avatar
Bregalad
Posts: 8056
Joined: Fri Nov 12, 2004 2:49 pm
Location: Divonne-les-bains, France

Re: Sprite shearing to fake rotation

Post by Bregalad »

Just as a side note, a similar effect can be done to fake scaling as well. The image has multiple scaled versions of itself, and to make the transition smoother, between them the sprites within the metasprite are themselves scaled.
Have you played or watched a video of the game where this is used? These are boxes that a (disturbingly legless) person pushes around, so they have to be animated like that.
Not before, but now I just wated it and apparently the video is older than the last post as there is less angles in the video than on tepple's last post apparently.
User avatar
tokumaru
Posts: 12427
Joined: Sat Feb 12, 2005 9:43 pm
Location: Rio de Janeiro - Brazil

Re: Sprite shearing to fake rotation

Post by tokumaru »

There's a newer video in the game's thread that has the new animation.

EDIT: As for the scaling trick, I'm sure I've seen it in a fighting game for another console... Characters could jump to a second, farther away plane, and the transition was made smoother by "compacting" the individual sprites closer together. I'm not sure if there was a second set of sprites for the second plane or if it was all done with "compacted" sprites. I think it's the Yu Yu Hakusho game on the Mega Drive, gotta check it out.
tepples
Posts: 22708
Joined: Sun Sep 19, 2004 11:12 pm
Location: NE Indiana, USA (NTSC)
Contact:

Re: Sprite shearing to fake rotation

Post by tepples »

3D Battles of Worldrunner uses compacting for "pillar" type objects.
Sik
Posts: 1589
Joined: Thu Aug 12, 2010 3:43 am

Re: Sprite shearing to fake rotation

Post by Sik »

tokumaru wrote:EDIT: As for the scaling trick, I'm sure I've seen it in a fighting game for another console... Characters could jump to a second, farther away plane, and the transition was made smoother by "compacting" the individual sprites closer together. I'm not sure if there was a second set of sprites for the second plane or if it was all done with "compacted" sprites. I think it's the Yu Yu Hakusho game on the Mega Drive, gotta check it out.
Yep, though there's only one set of sprites (in fact that was probably the whole point, otherwise they wouldn't have bothered with it since the only sprite that is actually involved in the transition is the hop when you switch planes).

EDIT: also the problem with this method is the added sprite overlap increases the chances of sprite overflow. Not really much of an issue on the fourth generation consoles, but definitely a huge issue for the NES where you can have only 8 tiles worth of sprites on the same line.
User avatar
tokumaru
Posts: 12427
Joined: Sat Feb 12, 2005 9:43 pm
Location: Rio de Janeiro - Brazil

Re: Sprite shearing to fake rotation

Post by tokumaru »

Sik wrote:in fact that was probably the whole point, otherwise they wouldn't have bothered with it since the only sprite that is actually involved in the transition is the hop when you switch planes
True. I just checked the game, and indeed it's easy to see the imperfections on the compacted sprites.
Sik
Posts: 1589
Joined: Thu Aug 12, 2010 3:43 am

Re: Sprite shearing to fake rotation

Post by Sik »

Only if you're actively looking for them, and honestly doesn't look much worse than if you did scaling the proper way. But it only shrinks the sprites down just a bit, I'd imagine it'd be much more noticeable if it shrunk down by a pretty large amount. The text in the middle at the start and end of a match actually does that, but it animates so fast it's pretty much impossible to notice how bad it looks.
User avatar
mikejmoffitt
Posts: 1353
Joined: Sun May 27, 2012 8:43 pm

Re: Sprite shearing to fake rotation

Post by mikejmoffitt »

Street Fighter 2 uses this technique of compacting sprites together to produce a fake scaling effect for the "Round [n]" thing at the start of the round:
Image
It looks... okay?
tepples
Posts: 22708
Joined: Sun Sep 19, 2004 11:12 pm
Location: NE Indiana, USA (NTSC)
Contact:

Re: Sprite shearing to fake rotation

Post by tepples »

In cartoons, it's common to momentarily squash an object that comes in contact with another object. This can be simulated on the NES in a similar manner to shearing: by drawing the 8x8 pixel sprites of an animation cell less than 8 pixels apart for a few frames. (Yes, this may momentarily increase flicker on the overlapped scanlines.) Do any NES games do this?
Attachments
nosquash.gif
nosquash.gif (3.2 KiB) Viewed 8487 times
squash.gif
squash.gif (3.29 KiB) Viewed 8487 times
User avatar
tokumaru
Posts: 12427
Joined: Sat Feb 12, 2005 9:43 pm
Location: Rio de Janeiro - Brazil

Re: Sprite shearing to fake rotation

Post by tokumaru »

The difference is very subtle, but I think it does improve the overall perception of smoothness. The same could be done horizontally, when running into walls or other objects.

I'm not aware of any NES games squashing sprites on impact, but the concept of animating things without actually changing the graphics has been used since forever to make animations look smoother. In Anime for example, where characters are animated at 12fps or less, it's common practice to alternate background and foreground animations so that you don't end up with 2 consecutive identical video frames. If a character is moving, the same animation frame might be reused in different positions a couple of times before it's replaced by the next frame, so even though the character is in the exact same pose the result will look smoother than 12fps. This happens in video games all the time, because even if a game uses a really poor 2-frame walk cycle, the character will still "slide" smoothly over the floor.

I'm all for making the most out of the few tiles we have available on the NES, so if you can add extra animation frames just by displacing the tiles a bit, I say go for it.
lidnariq
Posts: 11432
Joined: Sun Apr 13, 2008 11:12 am

Re: Sprite shearing to fake rotation

Post by lidnariq »

Kirby in Kirby's Adventure uses the "compress self" (down) cel at the end of landing.
User avatar
Dwedit
Posts: 4924
Joined: Fri Nov 19, 2004 7:35 pm
Contact:

Re: Sprite shearing to fake rotation

Post by Dwedit »

tepples wrote:In cartoons, it's common to momentarily squash an object that comes in contact with another object. This can be simulated on the NES in a similar manner to shearing: by drawing the 8x8 pixel sprites of an animation cell less than 8 pixels apart for a few frames. (Yes, this may momentarily increase flicker on the overlapped scanlines.) Do any NES games do this?
Zelda 2 kinda does, Link enters the crouching animation when he lands from a full height jump or fall.
Here come the fortune cookies! Here come the fortune cookies! They're wearing paper hats!
User avatar
Bregalad
Posts: 8056
Joined: Fri Nov 12, 2004 2:49 pm
Location: Divonne-les-bains, France

Re: Sprite shearing to fake rotation

Post by Bregalad »

It might be a small detail, but I think it makes the animation looks 10 times better.
User avatar
mikejmoffitt
Posts: 1353
Joined: Sun May 27, 2012 8:43 pm

Re: Sprite shearing to fake rotation

Post by mikejmoffitt »

Dwedit wrote:
tepples wrote:In cartoons, it's common to momentarily squash an object that comes in contact with another object. This can be simulated on the NES in a similar manner to shearing: by drawing the 8x8 pixel sprites of an animation cell less than 8 pixels apart for a few frames. (Yes, this may momentarily increase flicker on the overlapped scanlines.) Do any NES games do this?
Zelda 2 kinda does, Link enters the crouching animation when he lands from a full height jump or fall.
Ducktales does this with Scrooge as well in the same situation.
Shiru
Posts: 1161
Joined: Sat Jan 23, 2010 11:41 pm

Re: Sprite shearing to fake rotation

Post by Shiru »

So does Chip & Dale and many other games where artists had some understanding of basics of animation. The idea that tepples suggested is not in using the same basics, but in implementing it with relative sprite shifts rather than with extra tiles for the squashing frame, like (almost) all games are doing.
tepples
Posts: 22708
Joined: Sun Sep 19, 2004 11:12 pm
Location: NE Indiana, USA (NTSC)
Contact:

Re: Sprite shearing to fake rotation

Post by tepples »

Another thing I thought of is combining the two: using relative sprite shifts to transition in and out of the crouch pose.
Post Reply