Спрайт

Картинка персонажа или предмета, подготовленная для игры: прозрачный фон, ровные края и небольшой размер. Программист не рисует её кодом — он вставляет готовый файл и задаёт ему место и размер.

Как это выглядит: .hero { width: 96px; } <img class="hero" src="geroy.png" alt="Герой с посохом" /> PNG и SVG — умеют прозрачность JPG — не умеет: вокруг героя останется белый прямоугольник

Не путать: Спрайт — не «весь персонаж» и не файл игры: это именно картинка. И не путать с фотографией: у спрайта прозрачный фон, иначе на траве вокруг героя будет белый прямоугольник. Спрайт-лист — один файл с несколькими кадрами движения, а не несколько отдельных файлов.

Откуда слово: От английского sprite — «дух, эльф, невидимка», через латинское spiritus — «дыхание, дух». В 1970-х так назвали маленькие подвижные картинки, которые железо выводило поверх неподвижного фона: они словно жили отдельно от экрана. Слово пришло из мифологии, а стало техническим термином.

Где это проходят: урок 7.1 «Персонаж — это картинка с прозрачным фоном» · Интерфейсы и сайты с нуля

Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.