精靈圖

精靈圖（粵拼：zing1 ling4 tou4；英文：sprite）係 2D 電腦圖像成日會用到嘅一種技術。簡單講，精靈圖係一種 2D 嘅圖像，用嚟結合埋一齊、產生一幅整體嘅 output 圖像。精靈圖呢家嘢喺廿世紀嘅視像遊戲嗰度好常見，超任以及同期嘅視像遊戲，多數都係用精靈圖嚟顯示隻遊戲嘅圖像嘅，不過由廿一世紀起，視像遊戲產業變咗以 3D 圖像做主導，遊戲機遊戲明顯少咗用精靈圖，但係一啲運算能力冇咁勁嘅平台（例如係手機遊戲）依然成日會用^[1]。

左：一幅幅嘅精靈圖；
右：將啲精靈圖逐幅逐幅「播」出嚟，望落好似一個虛擬角色行緊路噉。

  提示：呢篇文講嘅唔係仙子畫。

基本應用

内文：2D 電腦圖像

睇埋：動畫戲同視像遊戲

想像依家有一隻採用 2D 電腦圖像嘅視像遊戲。隻遊戲嘅程式會記住描繪主角同埋啲怪獸嘅精靈圖，而主角嘅精靈圖又會包含咗（例如）主角企定定嗰陣嘅樣、行路嗰陣嘅樣、仲有係佢跳起嗰陣嘅樣... 等等。喺每一個刻時間，個遊戲程式都會^[1][2][3]

1. 知道隻遊戲嗰一刻要有邊啲物件^{[e 1]}（例：喺呢一刻，畫面要顯示主角、呢幾隻怪獸、仲有係呢關嘅背景）；
2. 知道每一件物件處於咩狀態（例：企定定唔郁嘅主角，望落會同出緊拳嘅主角唔同）；
3. 知道每一件物件處於咩位置；
4. 按照上述嘅資訊，揀要用邊幾幅精靈圖，並且
5. 將呢啲精靈圖同個背景合拼埋一齊，最後形成一個畫面。

廿世紀起嘅電腦運算速度夠快，就噉用肉眼睇，上述嘅過程快到好似畫面入便啲嘢真係郁緊噉。

就算到咗廿一世紀初，精靈圖喺電子遊戲製作上依然不時會用到，尤其常見於手機遊戲以及獨立遊戲^{[e 2]}等嘅遊戲類型。而包括 Unity 同埋 Unreal Engine 在內嘅主流遊戲引擎^{[e 3]}都有內置精靈圖彩現器^{[e 4]}同精靈圖編輯器^{[e 5]}等嘅多種精靈圖相關功能，例如係曉自動化噉將一幅拼合精靈圖（睇下便）斬開做一忽忽呀噉^[4][5]。

一隻遊戲嘅程式儲住咗個角色企喺度、行緊、跳緊... 等嘅樣嘅精靈圖，而為咗方便儲藏，設計者將呢一幅幅圖拼埋一齊做一個快勞，形成一幅大嘅拼合精靈圖，程式會教電腦點樣將幅拼合精靈圖斬件，將啲個別嘅精靈圖攞返出嚟用。

詞源同史

一隻 2D 視像遊戲入便嘅一幅精靈圖；幅圖描繪一架空想嘅坦克車。

睇埋：Sprite (傳說生物)同電子遊戲史

精靈圖嘅使用，起碼可以追溯到去街機嘅時代。1970 年代到 1980 年代嘅街機遊戲—例如係好出名嘅《街頭霸王》噉—經已喺度用精靈圖嚟顯示遊戲角色嘅影像^[6]，而 1977 年首次發行嘅家用遊戲機 Atari 2600 仲有內置嘅硬件，專門用嚟處理遊戲嘅精靈圖。

精靈圖呢個名嚟自意譯英文 sprite ^{[註 1]}呢隻字詞：呢隻字據講嚟自拉丁文 spiritus —大致係鬼魅或者靈體噉嘅意思，而打後中世紀起歐洲嘅人普遍都攞呢隻字詞（或者隻字詞嘅變體）嚟指仙子或者精靈等嘅超自然生物^[7]。用 sprite 嚟指一種電腦圖像技術，有人話係源自 1970 年代，由一班整顯示器嘅工程師所創嘅^[8]，講法係話精靈圖會喺背景圖像上面「飄浮」同時唔會取代幅背景，有少少似鬼或者民間傳說入便嗰啲 sprite 噉。

睇埋

• 立體模型
• 2.5D

註釋

1. 法文同西班牙文入便都有用到 sprite 一字，而且串法仲同英文一樣。

參考

用咗嘅重要概念嘅英文名：

1. object
2. indie games
3. game engine
4. sprite renderer
5. sprite editor

引用咗嘅學術文獻或者網頁：

1. Hague, James. "Why Do Dedicated Game Consoles Exist? 互聯網檔案館嘅歸檔，歸檔日期2018年4月23號，.". dadgum.com.
2. Schaul, T. (2013, August). A video game description language for model-based or interactive learning. In 2013 IEEE Conference on Computational Inteligence in Games (CIG) (pp. 1-8). IEEE.
3. Khalifa, A., Green, M. C., Perez-Liebana, D., & Togelius, J. (2017, August). General video game rule generation. In 2017 IEEE Conference on Computational Intelligence and Games (CIG) (pp. 170-177). IEEE.
4. Sprite Editor. Unity Document，可以睇睇 automatic slicing 嗰度。
5. Sprite Editor Reference. Unreal Engine 5 documentation.
6. Colby, Richard; Johnson, Matthew S. S.; Colby, Rebekah Shultz (27 January 2021). The Ethics of Playing, Researching, and Teaching Games in the Writing Classroom. Springer Nature. p. 130.
7. sprite (n.). Online Etymology Dictoinary.
8. First, Be Useful (Home computers and Pico Projectors), KGOn Tech.

拎

• （英文） 精靈圖彩現器，Unity 文件
• （英文） 精靈圖編輯器，Unity 文件