![image](https://habrastorage.org/getpro/habr/post_images/bb0/e3c/f6d/bb0e3cf6dfad62ce8197517c16ee53bd.gif)
Я изучаю гейм-дизайн и разработку игр. Когда я начала создавать свою первую игрушку (гифка оттуда) по мотивам мультсериала «We Bare Bears», то подолгу зависала, чтобы отрисовать фон, кнопочку, анимацию разрушения блока и пр. Часть артов я, по итогу, не использовала, а время на них тратила много.
![](https://habrastorage.org/webt/f2/yu/hk/f2yuhkj9mhi8ujqxctuhqchsvbs.gif)
За полгода я накопила список ресурсов с бесплатными ассетами, персонажами, музыкой, фонами. Эти ресурсы помогают мне экономить по 10-20 часов на создании учебных игровых проектов. Надеюсь, кому-то этот список сэкономит время и позволит создавать атмосферные прототипы быстро.
Updated: я тут немножко подумала, и создала канал в Telegram: GameDEVils, буду там делиться материалами (про геймдизайн, разработку и историю игр), которые слишком короткие, чтобы положить в статью на Хабре.
![](https://habrastorage.org/webt/0l/rd/qt/0lrdqtxgk9n2boowslqwsrjbu38.gif)
В эпизоде есть отсылки на фильмы «Only God Forgives» и «Drive». Там есть неон, бои роботов, любовная линия, двойная жизнь и даже реактивный пылесос. Когда заканчивается 11 минутная серия, остается ощущение, что это была полнометражка. Хотя в серии есть все заезженные шаблоны из экнш-боевиков, она не выглядит как пародия.
![](https://habrastorage.org/webt/8h/f2/mu/8hf2mul9cxa6wp85hzqgfw3hgle.gif)
![](https://habrastorage.org/webt/dj/cf/xn/djcfxn48p2ensxzmc5aew6fhkai.gif)
1. Itch.io
Это сервис для инди-разработчиков, дизайнеров, художников и прочих около gamedev творческих личностей. Чтобы получить за свое творчество хоть какой-то доширак, многие художник выкладывают свои работы для скачивания бесплатно или за фри-донат. Так они привлекают внимание к своим профилям.
Это мой самый любимый ресурс, у него современный дизайн, есть теги для поиска и много бесплатных ништячков. Я скачивала оттуда tile map, пиксельартные иконки приложений, разный стафф для интерьера.
![](https://habrastorage.org/webt/9e/5_/rq/9e5_rqyoqtsmczflzce6vlldwwg.png)
Tile map (тайл мэп) — большое изображение состоящее из различных картинок; из фрагментов этого большого изображения составляется обстановка в 2D игре.
2. OpenGameArt
OpenGameArt выглядит как динозавр из нулевых. Я сначала подумала, что сайт скорее мертв, но все же зарегистрировалась. Прочекала посты по тегу «2D Art»: художники ежедневно выгладывают арты. Скачивала еще оттуда музыку и звуки, но там нет удобного поиска по звукам.
![](https://habrastorage.org/webt/h1/yr/fu/h1yrfuce03d9ygp8j1a5dkljlt8.png)
3. Reddit
Саб-реддит на 39к человек, посвящённый как раз ассетам для гейм разработки. Плюсы — комьюнити, можно найти единомышленников и получить фидбэк на свои арты. Или схайрить себе начинающего голодного художника в игру и ничего не искать и не рисовать. Пусть он сам все ищет и рисует. Из минусов ресурса — нет нормального поиска.
![](https://habrastorage.org/webt/bm/o2/l3/bmo2l31sb15tshhr-gb4er-1gkm.png)
4. CraftPix
Это магазин, но там есть раздел «халява». Я скачивала оттуда tilemap индустриальной зоны в пиксель-артном стиле.
![](https://habrastorage.org/webt/iv/n_/e1/ivn_e1v3xiunevgelk671fmnniq.png)
5. Kenney
Ассеты — 2d, 3d, часть бесплатные. Оттуда я скачивала бесплатный пакет звуков для RPG, но мне они отлично встали в платформер, это ж звуки.
![](https://habrastorage.org/webt/hx/cd/sw/hxcdswnl8tkpzz6v5gpmbbeobb0.png)
Кстати, от этих же ребят забавная тулза «creature-mixer». Можно создать свою бабаку, настроить цвет/форму ножек-ручек, крылышек-рожек, челюстей-глазок и скачать ее анимацию в .png или .gif.
![](https://habrastorage.org/webt/cg/nj/g2/cgnjg2zsxrcq0xamn90euafwm_u.gif)
6. Unity
Unity больше про 3d игры, но 2d ассетов в pixel art тут полно. Встречаются повторы с itch.io.
![](https://habrastorage.org/webt/y9/c8/sx/y9c8sxhopmue5rtodati-p06whi.png)
7. Spritedatabase.net
SDB — проект фаната ретро-игр, куда он с 2005 года загружает спрайты из ретро-игр с ПК и всевозможных приставок. Откуда он их берет я так и не поняла, но возможность бегать в RPG монстром из DOOM меня позабавила. Автор сайта настоятельно не рекомендует использовать спрайты для коммерческих проектов из-за нарушения авторских прав.
![](https://habrastorage.org/webt/z6/-_/tx/z6-_txdsdkymfdlhgjk5mld2zos.png)
8. Gamedevmarket.net
Магазин, есть раздел с free-наборами персонажей и фонов, еще есть звуки, но выбор бесплатных ресурсов тут не очень большой. Я скорее повышаю насмотренность на этом сайте.
![](https://habrastorage.org/webt/oc/za/4g/ocza4gew-cf0qbrz_uslodlkpv0.png)
9. Github
Пользователь GitHub с ником @elisee выкладывал в репозиторий ассеты, которые создавал для проекта «Sparklin Labs». Последние апдейты были 2 года назад. Все ресурсы разработчик предлагает использовать в своих проектах, даже коммерческих. Даже без указания авторства.
![](https://habrastorage.org/webt/o3/hn/54/o3hn54u_4ijocqycyh63hrwjdc8.png)
10. Bevouliin.com
Т.к. я сейчас увлекаюсь pixel art, то мне пока не пригодился этот сайт. Но я запасливый бурундук, так что отложила на будущее. Персонажей во free-категории не очень много, но у художника есть свой узнаваемый стиль. Посмотрите на это приведенье
![](https://habrastorage.org/webt/c4/sq/xf/c4sqxfr6xt40g2wkkdswaak60qq.png)
![](https://habrastorage.org/webt/_c/4x/qm/_c4xqmt24lxw0_ovwikchy7o2zy.png)
11. Untamed.wild-refuge.net
Персонажи в стиле pixel art для RPG: Disney, Star Wars, национальные костюмы, стимпанк, эльфы, аниме — мне захотелось скачать всё и сразу. На каждого персонажа есть спрайт движения вбок, вверх, вниз — по сути готовые персонажи для RPG. Еще есть интерьеры для tilemap.
![](https://habrastorage.org/webt/pa/ql/fx/paqlfx8q5v23ho9s1wtw0ipqncg.png)
![](https://habrastorage.org/webt/sk/ot/vr/skotvrmnnoc2a1du_l3tehsl66a.png)
12. Spritemaker
Spritemaker позволяет сгенерировать анимированные спрайты разных человечков. Человечки ходят вбок (если анимацию ускорить, то сойдет за бег), отличаются цветом кожи, ног, рук и шапочкой. Не очень художественно, но быстро. Интерфейс и так максимально интуитивный, но вот видео, как пользоваться тулзой. Можно за 15 секунд получить спрайт анимированного пиксельного рыцаря в фиолетовых лосинах.
![](https://habrastorage.org/webt/r2/f4/s6/r2f4s6ndxwfhpvydkosymoxm-di.png)
13.Freesound.org
Библиотека бесплатных звуков. Поиск не очень удобный. Если по названию звуков еще можно ориентироваться, то название музыки вообще ничего не дает. Я просто иногда трачу 20-30 минут, слушаю рандомные треки и сохраняю «на будущее».
![](https://habrastorage.org/webt/co/cs/eg/cocsegl3cf-mv-2wr-rgjmkvwvs.png)
14.Pixel Fonts
Можно сгенерировать надпись пиксельными шрифтами и скачать в png. Шрифтов на выбор больше 1000 штук, кириллицы нет. Когда делаешь прототип, не так важно, что за шрифт, но все равно не очень хочется играть в
![](https://habrastorage.org/webt/w3/cw/bd/w3cwbdkqkdyziusolzbk2f3eocy.png)
![](https://habrastorage.org/webt/5e/j5/jq/5ej5jquacbqzbnbgc4xvjgmrgow.png)
Удобно использовать Pixel Fonts, если на всю игру будет пару статичных пиксельных надписей, и вам неохота искать и встраиваться в игру свой sprite font. Или если sprite font в игру вы уже встроили, но нужен большой баннер в .png.
SpriteFont — это как тайлмап, только для текста. Вы загружаете в память текстуру с алфавитом и прочими символами, а после игра копирует её части для создания текста.
Я в своем проекте использовала картинку, сгенерированную в Pixel Fonts, чтобы сделать надпись «Play again?»:
![](https://habrastorage.org/webt/6w/ia/co/6wiacokrs6ifqgoogm9zn1dcuie.gif)
15.Getwaves
Я с помощью Getwaves генерировала декоративные штуки для дизайна сайтов и оформления рассылок. И до меня только сейчас дошло, что Getwaves можно использовать для топорных прототипов первой итерации.
Коты — это жидкость. А город — это волна. Вместо «урбанистического» фона для прототипа игры, сойдет кусок такой штуки. По очертаниям напоминает город, цвет можно настроить в соответствии с цветовой темой игры.
Если бы я смекнула о такой заглушке в своей первой версии игры по эпизоду «Icy Nights», то не потратила бы вечер на отрисовку фона, который в итоге не использовала.
![](https://habrastorage.org/webt/i1/nk/tv/i1nktvxtaz9q39ecexq-f_z28tw.png)
Можно настроить цвет, прозрачность и выгрузить пологие холмы в .svg за 3 секунды:
![](https://habrastorage.org/webt/pw/ta/l7/pwtal704eghyopbvdjpmrfvo5gs.png)
16. Coolbackgrounds.io
Вот тут есть 5 бесплатных ресурсов для генерации классного фона для заставки или игрового меню. В каждом инструменте есть красивые цветовые темы, для кастомизации паттернов. Если цветовых тем мало, то можно перейти на страницу инструмента Particles.js, изменить количество частиц или скорость их перемещения, к примеру.
![](https://habrastorage.org/webt/a3/lj/xx/a3ljxx6s87c8u0qlpbhvbpfngyk.gif)
Или зайти на Trianglify.io и создать геометричный фон в стиле Low poly.
![](https://habrastorage.org/webt/lh/ed/1b/lhed1bikcjo4opubyltsbvdxchg.gif)
В CSS Gradient можно настроить плавные переходы цветов и создать вертикальные, горизонтальные, радиальные градиенты с любым количеством цветов.
А на Unsplash куча стоковских бесплатных фонов, которые тоже можно пустить на фон в меню или использовать вместо бэкграунда.
17. Повторяющиеся паттерны
Генератор рандомных повторяющиеся паттернов, также пойдет для фона игрового меню или для заставки. Нажимаешь на клавишу — генерируется рандомный фон, жмешь backspace, откатываешься к предыдущему рандомному фону. Код генератора лежит на GitHub.
![](https://habrastorage.org/webt/ii/81/xc/ii81xc86pd_ldbgfrqaz2wd1i08.gif)
18. Heropatterns.com
На Heropatterns.com 87 шаблонов с повторяющимися паттернами: от клавиатуры пианино до рисунков фастфуда. Можно настроить цвета, насыщенность, и выгрузить CSS или .svg.
![](https://habrastorage.org/webt/-y/q5/hc/-yq5hcbi1ymaxmgkmnotymwd9zy.png)
19. Тулза от Philip Rogers
И снова паттерны. Eсли захотите что-то настроить, придется лезть в код, просто подергать ползуночки не получится. Но за то на сайте можно быстро посмотреть, насколько вырвиглазый фон получается. Кликаете/тапается по кружочку и фон сайта окрашивается в выбранный паттерн.
![](https://habrastorage.org/webt/4u/-8/vl/4u-8vldsmekgefmxdnstrowjnei.gif)
P.S.
![](https://habrastorage.org/webt/cb/an/ea/cbaneaj0tccnqgqgrx_k9cv5nse.gif)
![](https://habrastorage.org/webt/su/-s/yp/su-sypswjkoczb1ypjfofeshlnw.gif)
P.S.S.
Я взяла бесплатный тайлмэп c itch.io, спрайт Белоснежки с Untamed.wild-refuge.net и накидала кусочек уровня для очередного учебного проекта. На это ушло около часа.
Потом я не удержалась.
![](https://habrastorage.org/webt/m9/pm/ul/m9pmuldami5-fstlmjfz24ghr4s.gif)
![](https://habrastorage.org/webt/t1/lo/s-/t1los-tchfo1_hwc_mtsbves8cu.gif)
![](https://habrastorage.org/webt/wn/cq/lp/wncqlp9abeml4npwzsybuvhzcta.png)
Комментарии (10)
Zen_Kong
28.12.2021 01:19+2Хорошая статья, тоже пользуюсь несколькими описанными ресурсами.
По пиксельным шрифтам могу порекомендовать - https://www.pentacom.jp/pentacom/bitfontmaker2/gallery/
Там есть как полностью Public Domain так и под другими вариантами лицензий Creative Commons.
А с кириллицей пропиарить шрифт, который сейчас использую при разработке игрушки(но правда у него только заглавные буквы) - https://www.pentacom.jp/pentacom/bitfontmaker2/gallery/?id=234
mjmartmail
30.12.2021 06:01+1Запасливый хомяк (во мне) передаёт благодарность запасливому и щедрому бурундуку. Отличный корм для индюшатины!
mjmartmail
30.12.2021 07:43+3Тут можно выложить WebGL игру на месяц бесплатно:
тут можно найти бесплатные шрифты:
И чтобы всё получалось белым и пушистым надо при поиске использовать заклинание: «Creative Commons license» и ВЖУХ!
Asya_Dyu Автор
30.12.2021 17:06А вот еще ссылочку на таблицу с ресурсами в Trello на DTF дали:
В данной таблице собраны ссылки на различные ресурсы и страницы, где можно загрузить контент для вашего будущего проекта.
Целевая аудитория таблицы — разработчики игры, поэтому ресурсы собраны в основном на игровой контент.
Есть и платные и бесплатные ресурсы.
MagisterLudi