Guide to Spriting - История изменений

Richard Jones в 12:53, 3 июля 2025

2025-07-03T12:53:03Z

← Предыдущая версия		Версия от 15:53, 3 июля 2025
Строка 23:		Строка 23:
	* Общаться с игроками для получения фидбека.		* Общаться с игроками для получения фидбека.
	* Помогать другим спрайтерам советами.		* Помогать другим спрайтерам советами.
	* Самостоятельно добавлять свои спрайты в билд SS13 с помощью GitHub.		* Самостоятельно добавлять свои спрайты в билд SS13 с помощью [[Git\|GitHub]].
	* Пробовать создавать пиксель арт.		* Пробовать создавать пиксель арт.

Строка 220:		Строка 220:
	*Когда хотите показать кому-то свое творение - не кидайте одежду просто скрином из редактора - так ни вы, ни советчики ничего не увидят. Цепляйте одежду на куклу там же в редакторе, или тестите в игре.		*Когда хотите показать кому-то свое творение - не кидайте одежду просто скрином из редактора - так ни вы, ни советчики ничего не увидят. Цепляйте одежду на куклу там же в редакторе, или тестите в игре.
	*[https://github.com/yogstation13/Yogstation/tree/master/tools/HitboxExpander HitboxExpander] - Скрипт на python, который расширяет "хитбоксы" спрайтов в dmi файле, размещая вокруг них слой из 1/255 альфа пикселей, что делает спрайты кликабильнее в игре. Это можно делать и вручную, но скрипт сделает за вас работу быстрее.		*[https://github.com/yogstation13/Yogstation/tree/master/tools/HitboxExpander HitboxExpander] - Скрипт на python, который расширяет "хитбоксы" спрайтов в dmi файле, размещая вокруг них слой из 1/255 альфа пикселей, что делает спрайты кликабильнее в игре. Это можно делать и вручную, но скрипт сделает за вас работу быстрее.
	*Чтобы добавить ваше творчество в билд, придется разбираться с Гитхабом, можно следовать [[Git~~/GitHub~~\|нашему гайду]]. В целом, вы можете попробовать найти кого-то, кто сделает всю грязную работу с Гитхабом за вас, желающие обычно есть. Найти таких людей можно в нашем [https://discord.com/invite/YCWRjkb дискорде], в канале #rnd или #sprites.		*Чтобы добавить ваше творчество в билд, придется разбираться с Гитхабом, можно следовать [[Git\|нашему гайду]]. В целом, вы можете попробовать найти кого-то, кто сделает всю грязную работу с Гитхабом за вас, желающие обычно есть. Найти таких людей можно в нашем [https://discord.com/invite/YCWRjkb дискорде], в канале #rnd или #sprites.

	== Что прочесть и где найти помощь?==		== Что прочесть и где найти помощь?==

Richard Jones в 07:58, 3 июля 2025

2025-07-03T07:58:29Z

← Предыдущая версия		Версия от 10:58, 3 июля 2025
Строка 191:		Строка 191:

	===Контуры===		===Контуры===
			[[Файл:Guide to Spriting Outline2.png\|мини\|311x311пкс\|Как и где использовать тот или иной контур]]
	Все спрайты должны иметь цветные контуры. Это означает, что спрайты должны иметь контуры, состоящие из более темных оттенков цветов, с которыми они соединяются, вместо одноцветного контура. Контуры также не должны игнорировать свето-тень: становиться темнее в более темных частях объекта и светлее, при выделении более светлых частей.		Все спрайты должны иметь цветные контуры. Это означает, что спрайты должны иметь контуры, состоящие из более темных оттенков цветов, с которыми они соединяются, вместо одноцветного контура. Контуры также не должны игнорировать свето-тень: становиться темнее в более темных частях объекта и светлее, при выделении более светлых частей.

Richard Jones в 07:42, 3 июля 2025

2025-07-03T07:42:05Z

← Предыдущая версия		Версия от 10:42, 3 июля 2025
Строка 179:		Строка 179:

	Спрайты, как правило, должны быть в перспективе на '''три четверти (для краткости - 3/4)''', за некоторыми исключениями. Перспектива на 3/4, по сути, означает, что у объектов одна грань и видна верхняя часть, обращенная вверх. В большинстве случаев это относится и к спрайтам предметов. [https://habr.com/ru/articles/242023/ Тут] можно почитать про перспективу чуть подробнее.		Спрайты, как правило, должны быть в перспективе на '''три четверти (для краткости - 3/4)''', за некоторыми исключениями. Перспектива на 3/4, по сути, означает, что у объектов одна грань и видна верхняя часть, обращенная вверх. В большинстве случаев это относится и к спрайтам предметов. [https://habr.com/ru/articles/242023/ Тут] можно почитать про перспективу чуть подробнее.
	[[Файл:3by4 spriting perspective example.png\|~~безрамки~~\|~~410x410пкс~~]]		[[Файл:3by4 spriting perspective example.png\|без\|450пкс]]

	===Палитра ===		===Палитра===
	Очень важным моментом в спрайтинге, а также в пиксельной графике в целом, является использование ограниченного набора цветов. Всегда старайтесь использовать цвет, который уже присутствует в вашем спрайте, вместо того, чтобы создавать новый. Чтобы выбрать цвет, который уже есть на вашем рисунке, воспользуйтесь пипеткой. Если ваша программа для рисования спрайтов поддерживает палитру, вы также можете выбрать цвета из существующей палитры. <gallery mode="packed" widths="200" heights="200" style="border: 1px solid grey; width: 650px; padding: 10px; background-color: hsla(0,100%,0%,0.03);">		Очень важным моментом в спрайтинге, а также в пиксельной графике в целом, является использование ограниченного набора цветов. Всегда старайтесь использовать цвет, который уже присутствует в вашем спрайте, вместо того, чтобы создавать новый. Чтобы выбрать цвет, который уже есть на вашем рисунке, воспользуйтесь пипеткой. Если ваша программа для рисования спрайтов поддерживает палитру, вы также можете выбрать цвета из существующей палитры. <gallery mode="packed" widths="200" heights="200" style="border: 1px solid grey; width: 650px; padding: 10px; background-color: hsla(0,100%,0%,0.03);">
	Файл:Guide to Spriting 1.png\|Не выбирайте каждый раз новый цвет…		Файл:Guide to Spriting 1.png\|Не выбирайте каждый раз новый цвет…
Строка 188:		Строка 188:
	</gallery>У нашего сервера в данный момент существует '''[https://forum.taucetistation.org/t/gajdy-i-referensy-dlya-uspeshnogo-sprajtinga/40387/3?u=richard_jones палитра], которой мы придерживаемся.''' Вы можете выходить за ее пределы, если знаете, что делаете. В целом, старайтесь использовать '''как можно меньше цветов''', и выбирайте более '''контрастные''', если это возможно. Если существующий в игре предмет похож на ваш спрайт (например, если он содержит цвета того же отдела), возьмите цвета этого уже существующего в билде спрайта, чтобы сохранить общую согласованность.		</gallery>У нашего сервера в данный момент существует '''[https://forum.taucetistation.org/t/gajdy-i-referensy-dlya-uspeshnogo-sprajtinga/40387/3?u=richard_jones палитра], которой мы придерживаемся.''' Вы можете выходить за ее пределы, если знаете, что делаете. В целом, старайтесь использовать '''как можно меньше цветов''', и выбирайте более '''контрастные''', если это возможно. Если существующий в игре предмет похож на ваш спрайт (например, если он содержит цвета того же отдела), возьмите цвета этого уже существующего в билде спрайта, чтобы сохранить общую согласованность.

	[[Файл:Choosing colors spriting example.png\|~~безрамки~~\|~~410x410пкс~~]]		[[Файл:Choosing colors spriting example.png\|без\|450пкс]]

	===Контуры===		===Контуры===
	Все спрайты должны иметь цветные контуры. Это означает, что спрайты должны иметь контуры, состоящие из более темных оттенков цветов, с которыми они соединяются, вместо одноцветного контура. Контуры также не должны игнорировать свето-тень: становиться темнее в более темных частях объекта и светлее, при выделении более светлых частей.		Все спрайты должны иметь цветные контуры. Это означает, что спрайты должны иметь контуры, состоящие из более темных оттенков цветов, с которыми они соединяются, вместо одноцветного контура. Контуры также не должны игнорировать свето-тень: становиться темнее в более темных частях объекта и светлее, при выделении более светлых частей.

	[[Файл:Outline spriting example.png\|~~410x410пкс~~]]		[[Файл:Outline spriting example.png\|без\|450пкс]]

	===Предметы===		===Предметы===
Строка 202:		Строка 202:
	# '''Спрайт в руках (англ. Inhand)''' - {{Anchor\|inhands}}нужен, чтобы отображать, что человек держит что-то в руке. У персонажа две руки (правая и левая), и четыре направления - сервер, юг, запад и восток. Соответственно, вам потребуется сделать 8 спрайтов предмета в руках. Не переживайте, их не нужно сильно детализировать (Нужно просто чтобы было видно, что человек держит что-то), а еще, нарисовав одно направление, его легко переиспользовать, чтобы нарисовать остальные. Спрайты в руках хранятся в папке [https://github.com/TauCetiStation/TauCetiClassic/tree/master/icons/mob/inhands icons/mob/inhands], во время рисования вам также пригодятся спрайты кукол, их можно найти в [[Guide to Spriting#Приложения\|приложениях статьи]].		# '''Спрайт в руках (англ. Inhand)''' - {{Anchor\|inhands}}нужен, чтобы отображать, что человек держит что-то в руке. У персонажа две руки (правая и левая), и четыре направления - сервер, юг, запад и восток. Соответственно, вам потребуется сделать 8 спрайтов предмета в руках. Не переживайте, их не нужно сильно детализировать (Нужно просто чтобы было видно, что человек держит что-то), а еще, нарисовав одно направление, его легко переиспользовать, чтобы нарисовать остальные. Спрайты в руках хранятся в папке [https://github.com/TauCetiStation/TauCetiClassic/tree/master/icons/mob/inhands icons/mob/inhands], во время рисования вам также пригодятся спрайты кукол, их можно найти в [[Guide to Spriting#Приложения\|приложениях статьи]].

	[[Файл:Item spriting example.jpg\|~~безрамки~~\|~~439x439пкс~~]]		[[Файл:Item spriting example.jpg\|без\|450пкс]]

	===Одежда===		===Одежда===
Строка 211:		Строка 211:
	# '''Спрайт в руках (англ. Inhand)''' - Аналогично спрайтам в руках предметов {{Anchorlink\|inhands\|t=из раздела выше}}Спрайты головных уборов, масок, очков, формы, костюмов и обуви рекомендуется рисовать для всех рас и комплекций тела. Особенно это касается расы Воксов.		# '''Спрайт в руках (англ. Inhand)''' - Аналогично спрайтам в руках предметов {{Anchorlink\|inhands\|t=из раздела выше}}Спрайты головных уборов, масок, очков, формы, костюмов и обуви рекомендуется рисовать для всех рас и комплекций тела. Особенно это касается расы Воксов.

	===Объекты и Машинерия ===		===Объекты и Машинерия===
	Большие неперемещаемые объекты обычно занимают весь тайл, подчеркивая их размер. При рисовании объектов старайтесь оставлять у краёв тайла небольшой промежуток (к примеру, 1-2 пикселя), чтобы рядом стоящие объекты не сливались между собой. Машинерия чаще всего анимирована. Примеры вы можете посмотреть в разделе [[Machine\|машинерии]] на нашей вики, либо в билде по [https://github.com/TauCetiStation/TauCetiClassic/tree/master/icons/obj/machines этой ссылке].		Большие неперемещаемые объекты обычно занимают весь тайл, подчеркивая их размер. При рисовании объектов старайтесь оставлять у краёв тайла небольшой промежуток (к примеру, 1-2 пикселя), чтобы рядом стоящие объекты не сливались между собой. Машинерия чаще всего анимирована. Примеры вы можете посмотреть в разделе [[Machine\|машинерии]] на нашей вики, либо в билде по [https://github.com/TauCetiStation/TauCetiClassic/tree/master/icons/obj/machines этой ссылке].
	==Советы==		==Советы==
Строка 221:		Строка 221:
	*Чтобы добавить ваше творчество в билд, придется разбираться с Гитхабом, можно следовать [[Git/GitHub\|нашему гайду]]. В целом, вы можете попробовать найти кого-то, кто сделает всю грязную работу с Гитхабом за вас, желающие обычно есть. Найти таких людей можно в нашем [https://discord.com/invite/YCWRjkb дискорде], в канале #rnd или #sprites.		*Чтобы добавить ваше творчество в билд, придется разбираться с Гитхабом, можно следовать [[Git/GitHub\|нашему гайду]]. В целом, вы можете попробовать найти кого-то, кто сделает всю грязную работу с Гитхабом за вас, желающие обычно есть. Найти таких людей можно в нашем [https://discord.com/invite/YCWRjkb дискорде], в канале #rnd или #sprites.

	==Что прочесть и где найти помощь?==		== Что прочесть и где найти помощь?==
	*Вы всегда можете задать вопросы или обсудить свои творения в канале #sprites [https://discordapp.com/invite/YCWRjkb нашего дискорда].		* Вы всегда можете задать вопросы или обсудить свои творения в канале #sprites [https://discordapp.com/invite/YCWRjkb нашего дискорда].
	*[https://forum.taucetistation.org/t/gajdy-i-referensy-dlya-uspeshnogo-sprajtinga/40387 Референсы и гайды на нашем форуме]		*[https://forum.taucetistation.org/t/gajdy-i-referensy-dlya-uspeshnogo-sprajtinga/40387 Референсы и гайды на нашем форуме]
	*Читайте гайды! На просторах интернета их море, достаточно просто загуглить. Примеры:		*Читайте гайды! На просторах интернета их море, достаточно просто загуглить. Примеры:
Строка 235:		Строка 235:
	*https://hackmd.io/@Partheo/spriting - отличный гайд специализированный для SS13, от спрайтера с Yogstation13.		*https://hackmd.io/@Partheo/spriting - отличный гайд специализированный для SS13, от спрайтера с Yogstation13.

	*http://androidarts.com/pixtut/pixelart.htm		* http://androidarts.com/pixtut/pixelart.htm
	*https://onimille.tumblr.com		*https://onimille.tumblr.com

Richard Jones в 11:18, 26 июня 2025

2025-06-26T11:18:10Z

← Предыдущая версия		Версия от 14:18, 26 июня 2025
Строка 111:		Строка 111:

	=== Направления ===		=== Направления ===
	~~WIP~~		Объекты в SS13 могут иметь несколько направлений, что определяет, в какую сторону обращен спрайт. В большинстве случаев это относится к спрайтам мобов, хотя есть исключения - например машинерия (вендоматы), или плитка, которая использует направления для отображения разных вариантов расцветки. Стейт может иметь либо одно направление, либо четыре направления (↓, ↑, →, ←), либо восемь (↓, ↑, →, ←, ↘, ↙, ↗, ↖). Вы можете выбрать, какой из них использовать для вашего спрайта, нажимая кнопки в левом верхнем углу интерфейса фрейма:
			[[Файл:Guide to Spriting 19.png\|без\|мини\|Стейт медведя со спрайтом для каждого из четырех направлений. Обратите внимание на элементы управления анимацией, которые присутствуют, но не используются, поскольку icon state имеет только один кадр.]]
			Стейты мобов следует создавать с четырьмя направлениями, иначе они будут выглядеть так, будто перемещаются по экрану. В некоторых случаях этого может хватить: примером служит спрайт cleanbot:

	=== ~~Состояния движения~~ ===		[[Файл:Cleanbot.gif\|безрамки]]
	~~WIP~~
			Стейты с восемью направлениями встречаются редко, но эти дополнительные направления могут быть полезны для маппинга. Хорошим примером может служить конвейерная лента:
			[[Файл:Guide to Spriting 20.png\|без\|обрамить\|Диагональные направления представляют собой участки поворотов.]]

			=== Стейты перемещения ===
			Некоторые icon state называются '''Movement State (стейт перемещения)''', то есть стейтом, который объект использует, когда он находится в движении в игре, например, когда моб ходит. Стейт перемещения должен иметь то же название, что и обычный icon state, с которым он связан. Стейт перемещения не обязательно должен быть анимированным, хотя обычно именно в этом и заключается смысл его использования в первую очередь.
			[[Файл:Guide to Spriting 21.gif\|без\|мини]]
			Стейт перемещения - это единственный случай, когда два разных стейта могут иметь одинаковое название. Обратите внимание на символ '''(M)'''. Здесь не требуется никакого лишнего кода - чтобы создать стейт пермещения, вам просто нужно установить флажок "movement state" во время переименования стейта:
			[[Файл:Guide to Spriting 22.png\|без\|мини\|230x230пкс]]
			Этот конкретный стейт паука - отличный пример стейта перемещения, который имеет как несколько направлений, так и несколько фреймов:
			[[Файл:Guide to Spriting 23.png\|без\|обрамить\|Каждое направление анимируется независимо, имея свой собственный набор кадров.]]
			Стейты перемещения используются почти исключительно только для мобов, поэтому вы, скорее всего, не будете использовать их, если не будете работать со спрайтами мобов.

	===Работа с большим количеством спрайтов. ===		===Работа с большим количеством спрайтов. ===

Richard Jones: 👷🏿⛏️

2025-06-25T21:57:47Z

👷🏿⛏️

Внесённые изменения

Richard Jones в 16:18, 24 июня 2025

2025-06-24T16:18:35Z

← Предыдущая версия		Версия от 19:18, 24 июня 2025
Строка 26:		Строка 26:

	Важно отметить, что главная цель спрайта - изобразить определенную вещь. Он не обязательно должен быть реалистичным, детальным или красивым (хотя и это тоже неплохо!). Прежде всего, '''должно быть сразу понятно, что представляет собой ваш спрайт в контексте игры.'''		Важно отметить, что главная цель спрайта - изобразить определенную вещь. Он не обязательно должен быть реалистичным, детальным или красивым (хотя и это тоже неплохо!). Прежде всего, '''должно быть сразу понятно, что представляет собой ваш спрайт в контексте игры.'''

			Спрайты обычно хранят в формате .png, без сжатия. Анимации могут быть сохранены, как .gif, или как в качестве раскадровки размером 32x32 пикселя.

	В [[Space Station 13]], '''спрайтами''' являются изображения всех объектов: персонажей, предметов, интерьеров, интерфейса. Обычно эти изображения находятся в пределах 32 на 32 пикселя. К примеру:[[File:Orebox.png]]		В [[Space Station 13]], '''спрайтами''' являются изображения всех объектов: персонажей, предметов, интерьеров, интерфейса. Обычно эти изображения находятся в пределах 32 на 32 пикселя. К примеру:[[File:Orebox.png]]

	Спрайты обычно хранят в формате .png, без сжатия. Анимации могут быть сохранены, как .gif, или как в качестве раскадровки размером 32x32 пикселя. Но спрайты, используемые в SS13, хранятся в уникальном для BYOND формате '''DMI (Dream Maker Icon)'''. По сути это измененный формат .png, спрайт-лист, ~~но с парой~~ особенностей:		== Работаем с BYOND ==
			Спрайты, используемые в SS13, хранятся в уникальном для BYOND формате '''DMI (Dream Maker Icon)'''. В этой главе познакомимся поближе с данным форматом, а также со встроенным редактором - '''Dream Maker'''. Если вы хотите еще глубже изучить в этот вопрос, вы можете ознакомиться с [https://secure.byond.com/docs/ref/#/DM/icon с официальной документацией BYOND по работе с изображениями].
			[[Файл:Guide_to_Spriting_6.png\|мини\|220x220пкс\|Так выглядит спрайт-лист в формате .png.]]
			По сути, '''DMI''' это измененный формат .png, спрайт-лист, который представляет собой одно большое изображение, содержащее большое количество спрайтов).

			Но у него есть пара особенностей:

	# Создаётся и изменяется через Dream Maker — встроенный редактор BYOND.		# Создаётся и изменяется через Dream Maker — встроенный редактор BYOND.
Строка 41:		Строка 48:
	icon = 'items.dmi'		icon = 'items.dmi'
	icon_state = "laser_gun"		icon_state = "laser_gun"
	</syntaxhighlight>Это значит, что объект будет использовать ~~иконку из файла~~ items.dmi и брать ~~спрайт~~ с именем "laser_gun".		</syntaxhighlight>Это значит, что объект будет использовать файл items.dmi и брать оттуда icon_state с именем "laser_gun".

			Что же такое '''icon state'''? файлы .dmi по сути представляют собой ранее упомянутый спрайт-лист. В каждом файле отдельные спрайты сгруппированы в так называемые icon state. Icon state также может представлять анимацию и даже может иметь несколько направлений. Это означает, что один icon state может содержать несколько спрайтов.

	== Где мне рисовать? Выбор программы ==		== Где мне рисовать? Выбор программы ==
	В BYOND-овском редакторе Dream Maker есть собственный редактор спрайтов, но он не подойдёт нам по функционалу (например, в нем отсутствует функция слоев), и понадобится, лишь чтобы поправить недочёты и собрать кадры в анимации. Что же использовать? Существует ряд программ:		Как мы уже выяснили, в BYOND-овском редакторе Dream Maker есть собственный редактор спрайтов, но он не подойдёт нам по функционалу (например, в нем отсутствует функция слоев), и понадобится, лишь чтобы поправить недочёты и собрать кадры в анимации. Что же использовать? Существует ряд программ:

	'''Хорошие:'''		'''Хорошие:'''
Строка 170:		Строка 179:
	*Когда хотите показать кому-то свое творение - не кидайте одежду просто скрином из редактора - так ни вы, ни советчики ничего не увидят. Цепляйте одежду на куклу там же в редакторе, или тестите в игре.		*Когда хотите показать кому-то свое творение - не кидайте одежду просто скрином из редактора - так ни вы, ни советчики ничего не увидят. Цепляйте одежду на куклу там же в редакторе, или тестите в игре.
	*Давайте спрайтам в .dmi файлах простые названия, которые легко читаются и отличаются от других состояний в файле. Они используются в качестве ключевых слов в коде, поэтому называйте их в нижнем регистре и избегайте использования специальных символов.		*Давайте спрайтам в .dmi файлах простые названия, которые легко читаются и отличаются от других состояний в файле. Они используются в качестве ключевых слов в коде, поэтому называйте их в нижнем регистре и избегайте использования специальных символов.
			*[https://github.com/yogstation13/Yogstation/tree/master/tools/HitboxExpander HitboxExpander] - Скрипт на python, который расширяет "хитбоксы" спрайтов в dmi файле, размещая вокруг них слой из 1/255 альфа пикселей, что делает спрайты кликабильнее в игре. Это можно делать и вручную, но скрипт сделает за вас работу быстрее.

	==Что прочесть и где найти помощь?==		==Что прочесть и где найти помощь?==
Строка 183:		Строка 193:
	Англоязычные:		Англоязычные:

	*https://~~tgstation13~~.~~org~~/~~phpBB~~/~~viewtopic~~.~~php?f=11&t=687~~		*https://hackmd.io/@Partheo/spriting - отличный гайд специализированный для SS13, от спрайтера с Yogstation13.

	*http://androidarts.com/pixtut/pixelart.htm		*http://androidarts.com/pixtut/pixelart.htm
	*https://onimille.tumblr.com		*https://onimille.tumblr.com

Richard Jones: /* Работа с большим количеством спрайтов. */

2025-06-21T10:52:59Z

Работа с большим количеством спрайтов.

← Предыдущая версия		Версия от 13:52, 21 июня 2025
Строка 162:		Строка 162:
	Итак, вот все упомянутые шаги, отображенные в виде графика, чтобы вы легче могли понять, что происходит:		Итак, вот все упомянутые шаги, отображенные в виде графика, чтобы вы легче могли понять, что происходит:

	[[Файл:Guide to Spriting 10.~~png~~\|безрамки\|504x504пкс]]		[[Файл:Guide to Spriting 10.jpg\|безрамки\|504x504пкс]]

	==Советы==		==Советы==

Richard Jones: Работа с большим количеством спрайтов.

2025-06-21T09:56:40Z

Работа с большим количеством спрайтов.

Внесённые изменения

Richard Jones в 21:03, 16 июня 2025

2025-06-16T21:03:13Z

← Предыдущая версия		Версия от 00:03, 17 июня 2025
Строка 9:		Строка 9:
	\|cat1 = Community		\|cat1 = Community
	\|cat2=Contributing}}		\|cat2=Contributing}}

			== Кто такой Спрайтер? ==
			В контексте Space Station 13 спрайтер - это тот, кто создает и улучшает визуал игры. Создание спрайтов - это всего лишь одна из задач спрайтеров. Вот примерный список того, чем вам может предстоять заниматься:

			* Учиться эффективно использовать программы для рисования.
			* Улучшать, исправлять или обновлять существующие в билде спрайты.
			* Сотрудничать с кодерами, которым всегда нужны спрайты для новых фич.
			* Участвовать в разработке и оставлять ревью.
			* Общаться с игроками для получения фидбека.
			* Помогать другим спрайтерам советами.
			* Самостоятельно добавлять свои спрайты в билд SS13 с помощью GitHub.
			* Пробовать создавать пиксель арт.

	== Что такое Спрайты? ==		== Что такое Спрайты? ==
	'''Спрайт''' — это '''двумерное изображение или анимация''', которое используется движком игры для отображения, анимации и взаимодействия.		'''Спрайт''' — это '''двумерное изображение или анимация''', которое используется движком игры для отображения, анимации и взаимодействия.

	В [Space Station 13], '''спрайтами''' являются изображения всех объектов: персонажей, предметов, интерьеров, интерфейса. Обычно эти изображения находятся в пределах 32 на 32 пикселя. К примеру:[[File:Orebox.png]]		Важно отметить, что главная цель спрайта - изобразить определенную вещь. Он не обязательно должен быть реалистичным, детальным или красивым (хотя и это тоже неплохо!). Прежде всего, '''должно быть сразу понятно, что представляет собой ваш спрайт в контексте игры.'''

			В [[Space Station 13]], '''спрайтами''' являются изображения всех объектов: персонажей, предметов, интерьеров, интерфейса. Обычно эти изображения находятся в пределах 32 на 32 пикселя. К примеру:[[File:Orebox.png]]

	Спрайты обычно хранят в формате .png, без сжатия. Анимации могут быть сохранены, как .gif, или как в качестве раскадровки размером 32x32 пикселя. Но спрайты, используемые в SS13, хранятся в уникальном для BYOND формате '''DMI (Dream Maker Icon)'''. По сути это измененный формат .png, спрайт-лист, но с парой особенностей:		Спрайты обычно хранят в формате .png, без сжатия. Анимации могут быть сохранены, как .gif, или как в качестве раскадровки размером 32x32 пикселя. Но спрайты, используемые в SS13, хранятся в уникальном для BYOND формате '''DMI (Dream Maker Icon)'''. По сути это измененный формат .png, спрайт-лист, но с парой особенностей:
Строка 41:		Строка 55:

	== Основной стиль ==		== Основной стиль ==
	Если вы рисуете спрайты, которые в последствии будут использоваться в нашем билде на постоянной основе, им нужно соответствовать определенному стилю ~~и уровню качества~~. Это связано совсем не с тем, что мейнтейнеры билда ворчуны~~: в~~ противном случае визуальная составляющая игры быстро превратилась бы в винегрет из спрайтов разного стиля и качества.		Если вы рисуете спрайты, которые в последствии будут использоваться в нашем билде на постоянной основе, им нужно соответствовать определенному стилю. Это означает, что ваши новые спрайты должны гармонично сочетаться с уже существующими в игре. Это связано совсем не с тем, что мейнтейнеры билда ворчуны. В противном случае визуальная составляющая игры быстро превратилась бы в винегрет из спрайтов разного стиля и качества. В этом разделе будет кратко указаны основные моменты, на которые стоит обратить внимание, чтобы следовать нашему стилю.

	Берите в ~~референс~~ уже существующие спрайты из нашего билда, и~~, в конце концов,~~ то, как выглядит игра в данный момент. Сам спрайт может быть хорошим, но когда ~~вставляем~~ его в игру, он может выглядеть иначе. Поэтому, прежде чем делиться, ~~лучше всего~~ протестировать его в игровом окружении.		'''Берите в пример''' уже существующие спрайты из нашего билда (смотрите [[Guide to Spriting#Приложения\|приложения]]), и то, как выглядит игра в данный момент. Сам спрайт может быть хорошим, но когда вы вставите его в игру, он уже может выглядеть иначе. Поэтому, прежде чем делиться, хорошей идеей будет протестировать его в игровом окружении.
	[[Файл:Guide to spriting station style example.jpg\|без\|мини\|400x400пкс\|Этот скрин можно скачать, чтобы~~, например,~~ подставить свой спрайт.]]		[[Файл:Guide to spriting station style example.jpg\|без\|мини\|400x400пкс\|Этот скрин можно скачать, чтобы подставить свой спрайт.]]
	~~Ниже перечислены основные моменты, на которые вам стоит обращать внимание во время работы.~~

	=== Перспектива ===		=== Перспектива ===
			Спрайты должны в определенной степени следовать стилю. Ниже перечислены основные моменты, на которые вам стоит обращать внимание во время работы.

	Спрайты, как правило, должны быть в перспективе на '''три четверти (для краткости - 3/4)''', за некоторыми исключениями. Перспектива на 3/4, по сути, означает, что у объектов одна грань и видна верхняя часть, обращенная вверх. В большинстве случаев это относится и к спрайтам предметов. [https://habr.com/ru/articles/242023/ Тут] можно почитать про перспективу чуть подробнее.		Спрайты, как правило, должны быть в перспективе на '''три четверти (для краткости - 3/4)''', за некоторыми исключениями. Перспектива на 3/4, по сути, означает, что у объектов одна грань и видна верхняя часть, обращенная вверх. В большинстве случаев это относится и к спрайтам предметов. [https://habr.com/ru/articles/242023/ Тут] можно почитать про перспективу чуть подробнее.
	[[Файл:3by4 spriting perspective example.png\|безрамки\|410x410пкс]]		[[Файл:3by4 spriting perspective example.png\|безрамки\|410x410пкс]]
Строка 75:		Строка 90:
	# '''Спрайт в инвентаре''' - то, как вещь будет отображаться в слоте инвентаря, или на земле. - [https://github.com/TauCetiStation/TauCetiClassic/tree/master/icons/obj/clothing Примеры в билде]		# '''Спрайт в инвентаре''' - то, как вещь будет отображаться в слоте инвентаря, или на земле. - [https://github.com/TauCetiStation/TauCetiClassic/tree/master/icons/obj/clothing Примеры в билде]
	#'''Направление одежды на персонаже''' - сервер, юг, запад, восток. Вся одежда, которая надевается на персонажа должна иметь спрайты всех направлений, вы можете посмотреть [https://github.com/TauCetiStation/TauCetiClassic/blob/master/icons/mob/uniform.dmi примеры в билде] и использовать их за основу. Во время рисования вам также пригодятся спрайты кукол, их можно найти в [[Guide to Spriting#Приложения\|приложениях статьи]]. Используйте их, чтобы не нарисовать слишком широкую или узкую одежду. Это связано с тем, что BYOND показывает спрайты один слой поверх другого; каждый спрайт не должен быть шире, чем слой выше. Пример: если вы рисуете униформу, помните, что она должна быть уже, чем спрайт скафандра. В противном случае несколько пикселей из униформы будут отображаться по всему краю скафандра.		#'''Направление одежды на персонаже''' - сервер, юг, запад, восток. Вся одежда, которая надевается на персонажа должна иметь спрайты всех направлений, вы можете посмотреть [https://github.com/TauCetiStation/TauCetiClassic/blob/master/icons/mob/uniform.dmi примеры в билде] и использовать их за основу. Во время рисования вам также пригодятся спрайты кукол, их можно найти в [[Guide to Spriting#Приложения\|приложениях статьи]]. Используйте их, чтобы не нарисовать слишком широкую или узкую одежду. Это связано с тем, что BYOND показывает спрайты один слой поверх другого; каждый спрайт не должен быть шире, чем слой выше. Пример: если вы рисуете униформу, помните, что она должна быть уже, чем спрайт скафандра. В противном случае несколько пикселей из униформы будут отображаться по всему краю скафандра.
	# '''Спрайт в руках (англ. Inhand)''' - Аналогично спрайтам в руках предметов {{Anchorlink\|inhands\|t=из раздела выше}}.		# '''Спрайт в руках (англ. Inhand)''' - Аналогично спрайтам в руках предметов {{Anchorlink\|inhands\|t=из раздела выше}}Спрайты головных уборов, масок, очков, формы, костюмов и обуви рекомендуется рисовать для всех рас и комплекций тела. Особенно это касается расы Воксов.

	Спрайты головных уборов, масок, очков, формы, костюмов и обуви рекомендуется рисовать для всех рас и комплекций тела. Особенно это касается расы Воксов.

	=== Объекты и Машинерия ===		=== Объекты и Машинерия ===

Richard Jones в 11:06, 25 мая 2025

2025-05-25T11:06:49Z

Внесённые изменения