Sprite: Difference between revisions

From VNDev Wiki
(Merged from Sprite sheet.)
(→‎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 '''live composite'''.
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}}
{{development nav}}

Revision as of 12:46, 27 January 2023

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

An example of sprite compositing. (1) The parts of the sprite, with separate hair overlay, eyebrows, eyes, blush, and mouth. (2) The parts are layered on top of each other with visible bounding boxes. (3) The final sprite

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.)

Sprite composition example
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

Animation

With Transforms

With Live2D

With Spine