Руководство по спрайтингу - История изменений

Admin: Нейтральная формулировка в плашке Needsrevision

2026-11-01T01:43:04Z

Нейтральная формулировка в плашке Needsrevision

← Предыдущая версия		Версия от 01:43, 1 ноября 2026
Строка 1:		Строка 1:
	{{Needsrevision		{{Needsrevision
	\|reason = ~~Пизда полная, переписать~~}}		\|reason = Содержимое устарело — требуется сверка со сборкой.}}

	ПРЕДУПРЕЖДЕНИЕ: Это не техническое руководство по созданию страйтов в графическом ПО, это руководство предназначено для участников, которые знают азы спрайтинга, но которым необходимо знать конкретные требования к новым спрайтам, когда в них возникает потребность. <br>		ПРЕДУПРЕЖДЕНИЕ: Это не техническое руководство по созданию страйтов в графическом ПО, это руководство предназначено для участников, которые знают азы спрайтинга, но которым необходимо знать конкретные требования к новым спрайтам, когда в них возникает потребность. <br>

Admin: Needsrevision: отметить к переписи

2026-08-06T20:21:42Z

Needsrevision: отметить к переписи

← Предыдущая версия		Версия от 20:21, 6 августа 2026
Строка 1:		Строка 1:
	{{Needsrevision\|reason=Отсутствует гайд по использованию лееров. Не все пути к файлам (нужно обновить). Нужны опытные спрайтеры для расширения гайда.}}		{{Needsrevision
			\|reason = Пизда полная, переписать}}

	ПРЕДУПРЕЖДЕНИЕ: Это не техническое руководство по созданию страйтов в графическом ПО, это руководство предназначено для участников, которые знают азы спрайтинга, но которым необходимо знать конкретные требования к новым спрайтам, когда в них возникает потребность. <br>		ПРЕДУПРЕЖДЕНИЕ: Это не техническое руководство по созданию страйтов в графическом ПО, это руководство предназначено для участников, которые знают азы спрайтинга, но которым необходимо знать конкретные требования к новым спрайтам, когда в них возникает потребность. <br>

Admin: import template/module

2026-08-02T16:46:29Z

import template/module

← Предыдущая версия		Версия от 16:46, 2 августа 2026
Строка 5:		Строка 5:

	== Полезные гайды ==		== Полезные гайды ==
	* [https://devdocs.paradisestation.org/spriting/quickstart/ ~~Paradise~~ Spriting Quickstart]		* [https://devdocs.paradisestation.org/spriting/quickstart/ Мини-станция Spriting Quickstart]

	== Объекты ==		== Объекты ==
Строка 145:		Строка 145:
	== Добавление спрайтов и поиск запросов ==		== Добавление спрайтов и поиск запросов ==

	https://github.com/ministation/mini-station-goobМини-станция - Наш Github<br>https://github.com/~~ParadiseSS13~~/~~Paradise~~ - Github официального ~~парадайза~~. Туда в случае если у нас не приняли (что редко бывает).		https://github.com/ministation/mini-station-goobМини-станция - Наш Github<br>https://github.com/Мини-станция/Мини-станция - Github официального Мини-станция. Туда в случае если у нас не приняли (что редко бывает).

	https://discord.gg/mini-station - Предложка в Discord<br>		https://discord.gg/mini-station - Предложка в Discord<br>

Admin: scrub third-party branding

2026-08-02T16:27:02Z

scrub third-party branding

← Предыдущая версия		Версия от 16:27, 2 августа 2026
Строка 145:		Строка 145:
	== Добавление спрайтов и поиск запросов ==		== Добавление спрайтов и поиск запросов ==

	https://github.com/~~ss220club~~/~~Paradise~~-~~SS220~~ - Наш Github<br>https://github.com/ParadiseSS13/Paradise - Github официального парадайза. Туда в случае если у нас не приняли (что редко бывает).		https://github.com/ministation/mini-station-goobМини-станция - Наш Github<br>https://github.com/ParadiseSS13/Paradise - Github официального парадайза. Туда в случае если у нас не приняли (что редко бывает).

	https://discord.gg/mini-station - Предложка в Discord<br>		https://discord.gg/mini-station - Предложка в Discord<br>

Admin: обновление контента вики Мини-станции

2026-08-02T15:28:27Z

обновление контента вики Мини-станции

Новая страница

{{Needsrevision|reason=Отсутствует гайд по использованию лееров. Не все пути к файлам (нужно обновить). Нужны опытные спрайтеры для расширения гайда.}}

ПРЕДУПРЕЖДЕНИЕ: Это не техническое руководство по созданию страйтов в графическом ПО, это руководство предназначено для участников, которые знают азы спрайтинга, но которым необходимо знать конкретные требования к новым спрайтам, когда в них возникает потребность. 
Большинство спрайтов имеет разрешение 32х32 пикселей и используют 32-битные цвета (24-битная кодировка цвета + альфа-канал) 

== Полезные гайды ==
* [https://devdocs.paradisestation.org/spriting/quickstart/ Paradise Spriting Quickstart]

== Объекты ==

В игре используется 4 типа объектов
*'''Зона (Area)''' — нам это не интересно, поскольку объекты данного типа не отображаются в игре, а уже имеющейся работы более, чем достаточно.
*'''Моб (Mob)''' — куклы игроков, животные, киборги, ксеноморфы и прочая живность, встречающаяся на станции.
*'''Объект (Object)''' — машины, двери, шлюзы, предметы и прочее.
*'''Покрытие (Turf)''' — полы, стены и открытый космос.

== Формат DMI ==

Спрайты в SS13 упакованы в файлы формата <code>.dmi</code>. Чтобы создать новый DMI-файл, откройте DreamMaker, выберите '''File''' > '''New''' > '''Icon file (dmi)'''. 
Укажите путь для файла и сохраните его. 

В новом окне появится пустой файл. В верхнем правом углу окна находятся две области, отображающие измерения спрайта. Большинство спрайтов имеют разрешение 32х32, и, к сожалению, в одном файле нельзя хранить спрайты разных разрешений. 

Нажмите ПКМ на пустом полотне. Существует два типа спрайтов: `карта` и `ролик`. Отличие лишь в том, что '''карта''' статична, когда '''ролик''' может быть анимирован и ориентирован на множество направлений. Давайте создадим спрайт-ролик (`New movie`). 

Открывается окно с четырьмя стрелками направлений и тремя рамками для каждой из них, все они серые. BYOND понимает 8 направлений. Вы можете выбрать, сколько из них вы хотите использовать под самими спрайтами: 1, 4 или 8. Вы также можете выбрать, сколько кадров должно быть в анимации. Если вы создаете статичный спрайт с несколькими направлениями, создайте ролик с 1 кадром, без анимации, но с 4 или 8 направлениями, в зависимости от того, сколько вам нужно. Если вы хотите, чтобы спрайт был анимирован, вас также может заинтересовать то, что вы можете установить задержку в 1/10 секунды над конкретным кадром. Итак, надеюсь, вы поняли, что делать дальше. Встроенный инструмент редактирования спрайтов очень примитивен, и единственное, о чем в нем стоит упомянуть, - это применение альфа-фильтра. Если вы дважды щелкните по любому изображению, то попадете в редактор спрайтов, а справа от него находится вертикальный ползунок, который управляет альфа-каналом. Также стоит упомянуть, что копирование из редактора может вести себя немного странно, заливая полный фон, несмотря на установленный альфа-фильтр. Просто "залейте" фон цветом с альфа-значением 0 или используйте "импорт", который работает нормально. 

Предположим, что мы сделали наши спрайты. Вернёмся в файл .dmi (на окно, которое появилось при создании файла). Предполагая, что вы закончили спрайт, вы можете увидеть его в списке. Двойной клик под спрайтом в списке отобразит окно переименования (также можно нажать F2). Дайте название спрайту. Обычно оно отражает состояние иконки, как если бы оно было определено в коде в качестве имени переменной. 

Также заметьте что вы можете импортировать и экспортировать файлы изображений, выбирая файлы для экспорта в редакторе (Ctrl+ЛКМ для множественного выбора), и выбрав '''ПКМ''' > '''Export''' или '''ПКМ''' > '''Import''' в свободной части окна редактора для импорта. DMI схож с PNG, так что простое переименование файла под формат PNG сделает его доступным для редактирования в большинстве графических редакторов. Обычно это работает и в обратном направлении. Это делает процесс перекраски быстрее. 

Надеюсь, теперь это вся информация, которая нужна для создания спрайтов в формате DMI. 

== Требуемые спрайты ==

Пара слов о том, какие спрайты каждого типа нам нужны: 

=== Покрытия ===


*Полы находятся в файле <code>icons/turf/floors.dmi</code> — Загляните в файл для примера
*Стены находятся в файле <code>icons/turf/walls.dmi</code> — Загляните в файл для примера
*Все остальное ищите в папке <code>icons/turf/</code>
*Пояснять не нужно.

=== Объекты ===

*Предметы, всякое барахло, которое игрок будет подбирать и использовать в целом имеет свой основной спрайт и спрайт, используемый, когда предмет находится в руке. Основные спрайты предметов лежат в <code>icons/obj/items.dmi</code> (или в других файлах), спрайты для предметов в руках должны лежать в файлах:
**<code>icons/mob/items_lefthand.dmi</code> - для левой руки;
**<code>icons/mob/items_righthand.dmi</code> - для правой руки.
*Одежда: Одеваемое барахло: Требует спрайт предмета в соответствующем DMI-файле в папке <code>icons/obj/clothing/</code>, спрайты "в руках" в <code>icons/mob/items_lefthand.dmi</code> и <code>items_righthand.dmi</code>, а также спрайт предмета, одетого на моба в соответствующей папке в <code>icons/mob/</code>
*Машинерия: Обычно используют один спрайт или несколько для состояний "ВКЛ/ВЫКЛ". Варьируется от машины к машине.

=== Мобы ===

* Мобам нужны спрайты на каждое из 4 направлений. Если вы хотите, чтобы моб мог носить одежду, держать предметы, надевать перчатки, очки и прочие аксессуары, то те части спрайта, которые вам нужны, потребуется оставить на тех же местах, как у спрайта человека во всех 4 направлениях. Согласны, это сильно вас ограничивает.
* Спрайты мобов требуют спрайты мертвых состояний.
* При желании можно сделать разнослойные спрайты, поработав с layers.
* Если вы создаете моба, который может носить одежду, вы можете использовать pixel_y, Pixel_x для изменения положения одежды при кодировании.
* Если это новая раса карбона с не гуманоидной или искривленной формой тела (как у ВОКСов, Драсков, Резоми), на неё необходимо перерисовать уже существующие одежды или запретить их к ношению.
* Не забывайте что у [[грей|греев]] увеличенная голова и глаза, поэтому для них нужны отдельные спрайты очков, шлемов и шапок. У [[вульпканин]]ов и [[таяра|таяр]] торчат уши, у КПБ - антенны, всё это нужно проверять. Для примера можете посмотреть шапку <code>ratge_head</code>и количество её спрайтов для разных рас.

==== Мобы с конечностями ====
* Люди и гуманоидные виды состоят из конечностей — головы, груди, паха, двух рук и двух ног.
* У некоторых рас существует дополнительные конечности: Крылья, хвосты.
* Файлы конечностей с заданным цветом находятся в 'icons/mob/human_races/r_[race].dmi'
* Конечности имеют 4 направления, как и полные иконки.
* Конечности также используются в качестве иконок предметов в случае расчленения.
* Наименования конечностей:
**r_[race]/_l/r_arm/leg для рук и ног.
**r_[race]/_chest(_m/f) для груди (m/f для male/female (мужской/женский) вариантов, опционально)
**r_[race]/_head(_m/f) для головы (m/f для male/female (мужской/женский) вариантов, опционально)

=== Нахождение спрайтов одежды и некоторых объектов ===
[[File:ListWaysClothes.png|300px|frame|none|Внимательней к иконкам без направлений]]

 
<div class="toccolours mw-collapsible mw-collapsed" style="width:99%;">
'''Пути нахождения аксессуаров и доп. слоев:''' 
<div class="mw-collapsible-content">

* Для волос: 'icons/mob/sprite_accessories/[race]/[race]_hair.dmi'
* Бороды: 'icons/mob/sprite_accessories/[race]/[race]_facial_hair.dmi'
* Для тела, например хвосты: 'icons/mob/body_accessory.dmi'
* Татуировки: 'icons/mob/sprite_accessories/[race]n/[race]_body_markings.dmi'
* Белье: 'icons/mob/underwear.dmi'
* Лицевые слои(глаза, макушка): 'icons/mob/[race]_face.dmi'
* Нательные слои(загрязнения): 'icons/mob/[race]_races/masks/blood_[race].dmi'

</div></div></div>

== Расположение спрайтов ==

Для большинства объектов двойной ЛКМ в дереве объектов (левая часть экрана DreamMaker) выведет их определение в коде. В подсвеченных переменных обычно написано что-то вроде:

<code>icon = 'abc.dmi'

icon_state = "sprite_name"</code>

Переменная <code>icon</code> определяет файл, в котором содержится необходимый спрайт. Переменная <code>icon_state</code> указывает на имя спрайта в этом файле.

Иногда эти переменные не будут выведены под определением. Это лишь означает, что они находятся на родительском уровне. 
Если вы ищете, к примеру, <code>/obj/item/weapon/storage/belt/full</code> и не можете найти переменные, попробуйте подняться на уровень выше — <code>/obj/item/weapon/storage/belt</code>. Не нашли?
Поднимайтесь дальше — <code>/obj/item/weapon/storage</code>, и так далее. 

Заметьте, что могут возникнуть ситуации, когда двойной клик по объекту в дереве не отобразит определение этого объекта. Это можно понять по тому факту, что выделенная строка не совпадает с путем к объекту, который вы дважды щелкнули в обозревателе объектов. Поиск определения в таких случаях может быть немного сложным, поэтому не стесняйтесь обращаться за помощью в Discord.

== Конвертирование в PNG и DMI ==
Возникают ситуации, когда вам нужно конвертировать ваши спрайты из DMI в PNG и обратно в DMI, но в таких случаях полностью теряется порядок спрайтов и их данные (названия) при конвертации. Если вы хотите решить эту проблему, данный гайд для вас. 

Первое что вам предстоит сделать, [http://entropymine.com/jason/tweakpng/ это скачать TweakPNG отсюда]. 

Затем конвертируйте ваш файл из .dmi формата в .png, просто сменив ему тип (это можно сделать переименованием) 

[[File:Spriting1.png|frame|none|Файлы .dmi и .png]]

Откройте ваш .png файл в любом редакторе, например Paint.net, Photoshop или Aseprite (программа подходит для рисования в пикселе). 

[[File:Spriting2.png|300px|frame|none|Открытый PNG файл.]]

Внесите необходимые изменения. 

[[File:Spriting3.png|frame|none|Приемлимо.]]

Сохраните и/или экспортируйте ваш измененный файл .png. 

Откройте TweakPNG. 

Переименуйте ваш измененный .png во что-то другое и конвертируйте его обратно в .dmi 

Перетащите оригинальный .dmi файл в TweakPNG. 

Скопируйте Chunk под названием "zTXt". 

Перетащите ваш новый измененный .dmi, вставьте скопированный "zTXt" Chunk и убедитесь, что он находится под "tRNS" Chunk. 

[[File:Spriting4.gif|frame|none|Да шо тут происходит...]]

Откройте ваш измененный .dmi файл и убедитесь что он работает. 

[[File:Spriting5.png|frame|none|ЗАРАБОТАЛО!]]

Именно таким способом вы можете переделать множество одежды с помощью фотошопа и пары дней под расовые одежды, как это было сделано для обезьян и низших форм.

== Добавление спрайтов и поиск запросов ==

https://github.com/ss220club/Paradise-SS220 - Наш Github https://github.com/ParadiseSS13/Paradise - Github официального парадайза. Туда в случае если у нас не приняли (что редко бывает).

https://discord.gg/mini-station - Предложка в Discord 

{{Contribution Guides}}

[[Category:Guides]] [[Category:Game Resources]]