Sprite: Difference between revisions
(Merged from Sprite sheet.) |
LeyKlussyn (talk | contribs) (→Compositing: Added another link) |
||
(6 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
{{expand article}} | |||
A '''sprite''' (Japanese term: 立ち絵, Hepburn: '''tachie''', lit. "standing image") is an image used to represent a character. An NPC with one line will probably only have a single static sprite/image (if they’re visually represented at all). Characters with more screen time generally have multiple expressions, poses, and/or outfits and would thus have multiple sprites. Some sprites may be animated (commonly with programs like Live2D or EmoFuri), but most games currently have static sprites. | A '''sprite''' (Japanese term: 立ち絵, Hepburn: '''tachie''', lit. "standing image") is an image used to represent a character. An NPC with one line will probably only have a single static sprite/image (if they’re visually represented at all). Characters with more screen time generally have multiple expressions, poses, and/or outfits and would thus have multiple sprites. Some sprites may be animated (commonly with programs like Live2D or EmoFuri), but most games currently have static sprites. | ||
Line 7: | Line 9: | ||
Sprite compositing is when multiple images are compiled together in "real time" to be viewed as a single entity. Generally used to layer different elements of a sprite together to allow for smaller overall game file size rather than having a completely different pre-compiled image for each different pose and expression combination. | Sprite compositing is when multiple images are compiled together in "real time" to be viewed as a single entity. Generally used to layer different elements of a sprite together to allow for smaller overall game file size rather than having a completely different pre-compiled image for each different pose and expression combination. | ||
In [[Ren'Py]], sprite compositing is referred to as ''' | In [[Ren'Py]], sprite compositing is referred to as '''Layered Images''' or '''Live Composite'''. (Layered Images being the most recent tool, allowing for more complex sprites.) | ||
{| class="wikitable" style="margin:left" | |||
|+ Sprite composition example | |||
|- | |||
! scope="row"| Overlay | |||
| blush | |||
| red | |||
| sweat | |||
|- | |||
! scope="row"| Brow | |||
| flat | |||
| arch | |||
| furrow | |||
| raise | |||
| oneraise | |||
| pinch | |||
| question | |||
|- | |||
! scope="row"| Eye | |||
| open | |||
| wide | |||
| lid | |||
| tight | |||
| closedown | |||
| closeup | |||
| wink | |||
|- | |||
! scope="row"| Talk | |||
| neutral | |||
| smile | |||
| happy | |||
| surprised | |||
| sad | |||
| serious | |||
| tease | |||
| annoyed | |||
|- | |||
! scope="row"| Mouth | |||
| neutral | |||
| smile | |||
| happy | |||
| surprised | |||
| sad | |||
| serious | |||
| tease | |||
| annoyed | |||
|- | |||
! scope="row"| Look | |||
| front | |||
| away | |||
| up | |||
| down | |||
|- | |||
|} | |||
(Credits to Ingthing, which used it for her game ''Of Sense and Soul''. [https://docs.google.com/spreadsheets/u/0/d/1MoeA3QyQnxJRFSQd2BCqAjq_KkaW9KI4f6LGje-q0EM/htmlview# Here's another example as well.]) | |||
==Sprite Sheets== | ==Sprite Sheets== | ||
Line 15: | Line 71: | ||
In visual novel terms, it may also refer to an aesthetic layout of a character sprite’s images that shows the different poses/expressions of a character, usually for inclusion in the game’s art book or for promotional purposes (ex: crowdfunding graphics). | In visual novel terms, it may also refer to an aesthetic layout of a character sprite’s images that shows the different poses/expressions of a character, usually for inclusion in the game’s art book or for promotional purposes (ex: crowdfunding graphics). | ||
==3D Sprites== | |||
{{empty section}} | |||
==Animation== | |||
{{empty section}} | |||
===With Transforms=== | |||
===With Live2D=== | |||
===With Spine=== | |||
{{ | {{development nav}} |
Revision as of 12:46, 27 January 2023
This article needs expansion. You can help by adding to it. |
A sprite (Japanese term: 立ち絵, Hepburn: tachie, lit. "standing image") is an image used to represent a character. An NPC with one line will probably only have a single static sprite/image (if they’re visually represented at all). Characters with more screen time generally have multiple expressions, poses, and/or outfits and would thus have multiple sprites. Some sprites may be animated (commonly with programs like Live2D or EmoFuri), but most games currently have static sprites.
Compositing
Sprite compositing is when multiple images are compiled together in "real time" to be viewed as a single entity. Generally used to layer different elements of a sprite together to allow for smaller overall game file size rather than having a completely different pre-compiled image for each different pose and expression combination.
In Ren'Py, sprite compositing is referred to as Layered Images or Live Composite. (Layered Images being the most recent tool, allowing for more complex sprites.)
Overlay | blush | red | sweat | |||||
---|---|---|---|---|---|---|---|---|
Brow | flat | arch | furrow | raise | oneraise | pinch | question | |
Eye | open | wide | lid | tight | closedown | closeup | wink | |
Talk | neutral | smile | happy | surprised | sad | serious | tease | annoyed |
Mouth | neutral | smile | happy | surprised | sad | serious | tease | annoyed |
Look | front | away | up | down |
(Credits to Ingthing, which used it for her game Of Sense and Soul. Here's another example as well.)
Sprite Sheets
A sprite sheet is an image with a sprite’s expressions/poses, usually used with a game or animation engine for composite/multi state sprite optimization. Packing sprites into a single sheet optimizes file load and render time in many cases where it's needed.
In visual novel terms, it may also refer to an aesthetic layout of a character sprite’s images that shows the different poses/expressions of a character, usually for inclusion in the game’s art book or for promotional purposes (ex: crowdfunding graphics).
3D Sprites
This section is empty. You can help by adding to it. |
Animation
This section is empty. You can help by adding to it. |
With Transforms
With Live2D
With Spine
|