MATHGUM | Игры, рисование, анимация, музыка, программирование, геймдев | Канал разработчика
35 subscribers
31 photos
5 files
42 links
Канал разработчика игр и программ
Download Telegram
mathgum_test_mech_01.gif
17.2 MB
Мы начали потихоньку делать игру, одну из своих задумок, - давно пора. Посмотрим, что из этого выйдет. В принципе, сюжет и концепт уже готовы, все элементы почти полностью продуманы, но в данный момент пока только нарисовали очень небольшой тайлсет.

Также спрограммирована первая механика, как для камеры, так и для героя. Особенно, мы рады, что смогли добиться 6-этапного прыжка с небольшой задержкой для приседаний в начале, для приземлений в конце и на пике прыжка. Это придаёт герою немного реализма.

К слову, инфа для таких же инди-разработчиков: если вам интересно, как реализуются подобные относительно сложные механики со всякими 6-этапными прыжками, вы можете почитать у нас на Boosty в подписке Asset или за небольшой взнос.

#геймдев #игры #разработка #gif
🔥2
Мы зареклись сами себе, что спидпейнтов больше не будет, потому что они нам самим уже надоели. Но этот спидпейнт не совсем обычный, потому что является продолжением, обещанным в прошлом уроке "Лучший способ рисования пиксель арта. Как настроить Krita 5 под пиксель арт".

Дальше будут уроки ☝🏻

🎬🎮 СМОТРЕТЬ В YOUTUBE (9:17)
🎬🎮 СМОТРЕТЬ В VK (9:17)
🎬🎮 СМОТРЕТЬ В RUTUBE (9:17)

#krita #пиксельарт
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Теперь герой может запрыгивать из своей тесной коморки с потолком над головой на другие соседние тесные коморки с таким же тесным потолком. Вообще, оттачивать механику, так чтобы игроки не расплевались - это как рисовать картину: вначале грубый набросок, а потом детали, детали, детали...

А вот, что вы можете заметить наверняка - это то, что теперь на героя влияют области освещения. Всего 3 градации света, потому что мы стараемся сохранять палитру на каждом пикселе в эдаком ретро-стиле #gameboy, поэтому больше для такой примитивной игры и не требуется. Главное, чтобы герой правильно контрастировал с фоном.

Ещё можете заметить, что от нечего делать герой теперь хотя бы оглядывается по сторонам. Но ничего: скоро ему будет, чем заняться.

PS отдельно инди-разработчикам: если вам интересно, как реализуются подобные относительно сложные механики, можете почитать у нас на Boosty в подписке Asset или за небольшой взнос.

#геймдев #игры #разработка #gif
👍4
Урок для художников, которые переходят с платных программ на Криту или просто хотят сделать из неё программу не хуже платных. В Крите тоже можно настроить удобные масляные кисти смешивания, даже как в Clip Studio или SAI.

Кто не хочет слушать, можете скачать кисти по ссылке или используйте таймкоды под видео, где написано "Готовые настройки". ⚠️ Но не забудьте, пожалуйста, поставить после этого лайк 👍

🎬🎮 СМОТРЕТЬ В VK (23:56)
🎬🎮 СМОТРЕТЬ В YOUTUBE (23:56)
🎬🎮 СМОТРЕТЬ В RUTUBE (23:56)

➡️ СКАЧАТЬ КИСТИ

#krita #кисти #урок #скачать
👍2🔥2
🛠 ПРОЕКТЫ
MUTE (MathGum Unique Tileset Extractor)

Утилита для извлечения уникальных тайлов из изображения

Версия 1.1.0b
Версия 1.0.0
Версия 0.0.1b
Вниманию художников и/или разработчиков, особенно тем, кто часто возится с пиксельной графикой. Мы написали небольшую утилиту для удаления (пока закрашивания) повторяющихся тайлов, и вы можете скачать её бесплатно по ссылке ниже.

Для чего это? Допустим вы рисуете очередной пиксельный мокап/макет/концепт, из которого потом планируете собрать тайлсет с уникальными тайлами. Хотя частично по памяти вы помните, где могут быть повторные тайлы на этом макете, но на всякий случай (или из-за нехватки времени) вам хочется точно знать, где находятся повторяющиеся тайлы и скрыть их из виду, чтобы быстрее подобрать тайлсет. Эта утилита занимается именно этим.

Качать здесь:
https://boosty.to/mathgum/posts/03ebd488-b877-440b-9e48-2ce5386bd6c4

#программа #тайлы #тайлсет #геймдев #инди
👍3🔥1
Думается 🤔 что я (который художник) вполне созрел для нового урока по пиксель-арту, который продолжит урок палитризации в Крите. Но уже теперь я более конретно расскажу, как рисовать, а не просто настраивать, и для этого я расскажу ещё о паре фильтров, один из которых (очень важный, помимо просто палитризации) в документации Криты, к сожалению, практически не освещён. Хотя я точно понимал, что именно им и надо пользоваться в дополнение к палитризации, потому что именно он позволяет "вычистить" цвета, не теряя при этом скорости рисования (все спрайты из рисунка нарисованы именно так и имеют строго ограниченный диапазон цветов). Поэтому пришлось самостоятельно догадываться до поведения этого фильтра. Ждите следующий урок.

#krita #пиксельарт #палитры #рисование #pixelart
👍3🔥2
Вот такого персонажа будем рисовать в следующем уроке по Крите. Ориентировочно урок выйдет на следующей неделе, если не будет никаких препятствий, либо чуть-чуть позже.

#krita #урок #анонс #пиксельарт #палитры #рисование #pixelart #персонаж #египет
👏4🔥1
Долгообещанный урок по рисованию богатого пиксель-арта без сложностей, а также без потерь времени даже на существенные исправления.

🎬🎮 СМОТРЕТЬ В VK (19:17)
🎬🎮 СМОТРЕТЬ В YOUTUBE (19:17)
🎬🎮 СМОТРЕТЬ В RUTUBE (19:17)

Если вы вдруг что-то нарисуете таким методом, заделитесь, пожалуйста, с нами своими спрайтами. Сильно любопытно, насколько подходит этот метод для других художников.

#krita #пиксельарт #быстрый #рисование #фильтры #урок
🔥4
Недавно узнали, что часть художников пользуется #krita для #android. И не раз замечали вопросы о записи видео с помощью #ffmpeg который Крита никак не может найти. На этот счёт, конечно, оказались кое-какие мысли, но в двух словах их выразить было просто невозможно, поэтому всё это очень быстро вылилось в статью:

📖 ЧИТАТЬ ЗДЕСЬ
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Продолжаются поиски оптимального внешнего вида главного героя #KernelBug Вроде бы он становится более симпатичным

Kernel Bug

#анимация #спрайт #gamedev #gif
👍2🔥1👏1
Изредка возвращаемся к #ArmorHeart. Пока промежуточный вариант обложки, еще надо будет барса перерисовать.

#арт #обложка #cover
🔥3
В прошлом видеоролике по рисованию в стиле #пиксель-арт с нарисованным египтянином (смотрите в категории "Видео") в одном моменте мы показали, что #фильтр палитризации в программе #Krita иногда выбирает неожиданные для нас "грязные" цвета, которые впоследствии приходится исправлять вручную или доводить до ума с помощью дополнительных фильтров. Но как бы это поведение фильтра, на первый взгляд, не казалось неправильным, мы сразу же заявили, что "на самом деле фильтр всё делает правильно". Но в уроке мы не стали углубляться, почему фильтры иногда себя так ведут (вообще, в любых программах), т.к. объяснять это также нужно не меньше десяти минут, а растягивать прошлый #урок относительно посторонней темой было не совсем уместно. Поэтому мы просто попросили зрителей высказаться, нужно ли, вообще, углубляться в эту тему или нет? Например, если кому-то хочется лучше разбираться и предугадывать поведение свох графических программ. Ведь это хорошо, когда художник всегда чувствует свои инструменты, не так ли? 👀

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

Текст следующего ролика уже продуман и записан, а вот над тем, как это лучше показать визуально, чтобы была понятна самая глубина проблемы и её решения, чтобы в полной мере удовлетворить жажду знаний особо заинтересованных художников, нужно немного помозговать 🧠

Сам урок находится здесь:
https://www.youtube.com/watch?v=EYMmGKz6DEE
👍2🔥1
mathgum_parallax_01.gif
13.8 MB
Пока испытываем #параллакс эффект (смотреть на стены ракетной шахты на фоне). Все механики героя тоже, в целом, готовы, но ещё не все анимации нарисованы, поэтому рано показывать.

#геймдев #инди #игры #разработка #gamedev #indie #gif #mathgum
🔥5👍1
🎬 Приглашаем цифровых художников на полчаса в познавательное и где-то даже забавное приключение по миру графических редакторов, в которых мы работаем, и их иногда странному поведению с цветами. Урок является кратеньким ликбезом для художников, которые хотели бы чуть лучше понимать свои рабочие программы.

🎬🎮 СМОТРЕТЬ В VK (30:12)
🎬🎮 СМОТРЕТЬ В YOUTUBE (30:12)
🎬🎮
СМОТРЕТЬ В RUTUBE (30:12)

В частности, мы разбираем проблему странного преобразования цветов после фильтрации в #Krita заявленную в прошлом уроке.

Хотя, в принципе, от этих проблем не застрахована ни одна программа. И очень поверхностно мы касаемся темы программирования. Точнее, устройства данных в наших цифровых девайсах.

В принципе, не смотря на глубину материала, смотреть под чаёк можно ☕️ Практики тут нет. Только прокачка знаниями.

Для тех, кто всё это знает или даже прокачен в этой теме сильнее, чем рассказывается в уроке, но по каким-то причинам всё-таки захочет посмотреть, сразу оговоримся про то, что вы сможете услышать: мы в курсе, что существуют разные группировки, форматы вроде RGBA, BGRA, ABGR, RGB555, Little и Big endian byte order-ы и прочий АБЫРВАЛГ, но всей этой дребеденью мы сознательно не стали перегружать и без того нелёгкий (или лучше сказать неспецифичный для цифровой живописи) урок, опять же потому что это урок для художников, а не программистов, и информацию в нём мы старались донести в максимально понятной и простой форме, насколько это возможно. Поэтому почва для начала подробных инженерных дискуссий, в принципе, отсутствует. У ролика просто другая цель... Ну, вы поняли)

К сожалению, долго пришлось возиться с этим уроком из-за обилия инфографики, необходимости дополнительной автоматизации этой инфографики и прочих помех. Да ещё инфографики на полчаса! Даже привычных футажей оказалось очень мало, и то в ролике они, к сожалению, оказались чисто символическими.

#урок #цвет #палитры #художники #пиксельарт #фильтры #hex
🔥6👍4
Мы думали, что одни так думаем. Оказывается, нет. В одной известной книжке автор тоже пришёл к выводу, что все дороги ведут к Крите.

Надпись на табличке:
"Конечно, вы можете нарисовать эти элементы и в #Blender. Но я рекомендую взглянуть на #Krita, если вы с ней не знакомы. Я пробовал много программ для рисования, некоторые платные, некоторые бесплатные, и мне просто очень нравится работать в Krita. Она легко осваивается, и результат почему-то всегда лучше, чем если бы я использовал #Photoshop."

Никогда не думали о популяризации этого софта. Тем более, зная о его существенных недостатках вроде недостаточной производительности и вылетах (возможно, это из-за чрезмерной функциональности, кто знает). Но увы, Крита, действительно, удобнее и функциональнее даже платных редакторов. В Крите можно "такое" вытворять... будут ещё уроки и мы покажем, что в ней можно "такого" сделать, чего не могут другие редакторы.
💯2👍1
Опять только Krita выручила 😐

Была маленькая задача - сделать bitmap-шрифт с красивыми золотыми циферками для игры.

Нашли один хороший онлайн сервис, который умеет делать такие надписи максимально гибко. Остальным сайтам и программам, которые мы перепробовали, он просто не уступает. Уверен, кому нужны были такие надписи, сталкивался с ним.

Но как водится, такие крутые сервисы просят плату за их использование в коммерческих целях. А мы, как назло, не гифки для плэйкастов на Хеллоуин делаем, а игру с самыми что ни на есть коммерческими целями, в которой эти циферки будут на самом видном месте. Даже если полностью поменять на этом сайте весь стиль до неузнаваемости, отличить, что шрифт сделан на нём, вполне реально. Поэтому если вы также заботитесь о репутации своих продуктов, желая, чтобы к ним было по минимуму претензий, этот пост для вас.

В общем, мы стали пробовать весь свой инструментарий, что был под рукой, чтобы найти то, что помогло бы быстро менять текст, не тратя времени на переработку стиля под каждый новый символ: векторные редакторы, 3D редакторы, скрипты, даже была заложена неплохая база для своей собственной программы. Но в итоге получалось то же самое: либо редакторы не позволяли в реальном времени менять текст и все слои каждого нового символа приходилось перерабатывать вручную, либо оказывалось долго программировать, а нам надо УЖЕ!

В конце концов, решили-таки обратиться к Крите, наплевав на её растровую направленность (а вы знаете, что растр в отличие от векторной графики не очень хороший вариант для псведо-3D надписей). Хорошо вспомнив про суперспособности Криты к эффектам, как в Фотошопе, и главное - к клонированию слоёв (когда изменения в первоначальном слое тут же изменят и все дублированные слои), было решено попробовать соорудить конструкцию из слоёв, как в любом векторном редакторе. И что сказать: получилось... и даже лучше, чем ожидали... 😐

Нашлись, конечно, неприятные моменты в Крите, но результат себя оправдал. Один раз сконструировал слои с нужными стилями, и меняй символы сколько хочешь - слои будут повторять всё для любой новой буквы. Может быть, сделаем урок, где подробно объясним все эти мелочи.

А сейчас смело можно положить ещё один балл в копилку #krita
👍3🔥2