精灵图

精灵图（英语：Sprite），又被称为拼合图。在电脑图形学中，当一张二维图像集成进场景中，成为整个显示图像的一部分时，这张图就称为精灵图^[1]。

因为常见碳酸饮料雪碧的英文名称也是“Sprite”，也有人会使用雪碧图的非正式译名。

历史

精灵图源于1974年左右街机的兴起，其中的只读存储器使得精灵图被广泛使用。Taito当时发售了最早使用精灵图的电子游戏。

二十世纪七十年代中期，Signetics设计出第一款支持生成精灵图形的视频/图形处理器。

1977年发售的Atari 2600以其硬件精灵图为卖点，支持五个图形对象同时在游戏场景中独立移动。

“精灵图”一词首次作为图形术语出现，是在德州仪器的9918(A)视频显示处理器上^[2]。使用“精灵图”作为术语，是因为精灵图并不是帧缓冲中位图数据的一部分，而是“悬浮”于帧缓冲中数据之上，不影响其中数据，就像幽灵或精灵一样。

应用

精灵图多用于游戏中的人物和可移动物品，也可以用于显示滑鼠指针和输入的文字。如果屏幕上的可移动物体的尺寸比一个精灵图要大，可由若干个精灵图缩放/拼接而成。

广告牌（billboards）实现的是3D场景中的一种精灵图。正如高速公路旁的广告牌总是朝向驾驶员一样，3D精灵图总是朝向摄像机。使用广告牌技术不仅能够获得更高的性能，同时还能使得画面更加美观。相对于其它类型的3D对象，大多数3D渲染引擎处理这类“3D精灵图”时处理得更快。从美学角度看，有时精灵图也很占优，因为多边形渲染很难实现一些类似于火焰的效果。

CSS拼合图

一张拼合图

CSS拼合图（CSS Sprites）技术，是将需要分别显示的多张图像集成为单一图像，然后利用层叠样式表分别定位显示各部分图的技术，以减少下载图像数量，提高网页显示速度。^[3]

参见

2.5D

参考文献

^ sprite - {程式語言}精靈. 国家教育研究院双语词汇、学术名词暨辞书资讯网. [2019-03-22].
^ Karl Guttag Conference on Delphi TI Net - comp.sys.ti. Groups.google.com. [2019-03-22]. （原始内容存档于2013-05-30）.
^ CSS Image Sprites. [2019-03-22]. （原始内容存档于2019-03-21）.

[1] sprite - {程式語言}精靈. 国家教育研究院双语词汇、学术名词暨辞书资讯网. [2019-03-22].

[2] Karl Guttag Conference on Delphi TI Net - comp.sys.ti. Groups.google.com. [2019-03-22]. （原始内容存档于2013-05-30）.

[3] CSS Image Sprites. [2019-03-22]. （原始内容存档于2019-03-21）.

[1]

[2]

[3]