Облачные Котики и Эффектные светлячки

в 3:41, , рубрики: gamedesign, Gamedev, indie, indiedev, shader, shaders, игры

Привет, друзья! Мяу! 🐾✨

Делаю игру "Cloud Cats` Land", и хочу поделиться с вами увлекательным процессом создания.

Работала недавно над милыми цветочками-светлячочками:

Облачные Котики и Эффектные светлячки - 1

Cветлячки сделаны простеньким анимированным мешем:

Облачные Котики и Эффектные светлячки - 2

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

Я создала свой собственный материал для светлячков и начала с светящегося ядра. 

Облачные Котики и Эффектные светлячки - 3

Добавляю маску и тело светлячка готово:

Облачные Котики и Эффектные светлячки - 4

А теперь самая интересная часть - пришло время сделать крылья! 

Облачные Котики и Эффектные светлячки - 5

Я  столкнулась с некоторыми тонкостями радиальных координат: нужно переключить параметр (A) так, как показано на рисунке. И добавить пару нодов к координатам (B), иначе в стыке радиальных UV (C) будут артефакты появляться.

Добавила анимацию и начала двигать UV – и у меня получилось!

Облачные Котики и Эффектные светлячки - 6
Облачные Котики и Эффектные светлячки - 7

Потом я создала копию, отразила её, и объединила обе картинки.

Облачные Котики и Эффектные светлячки - 8
Облачные Котики и Эффектные светлячки - 9

И вот, наконец, я прикрепила крылья к телу светлячка и ускорила анимацию:

Облачные Котики и Эффектные светлячки - 10
Облачные Котики и Эффектные светлячки - 11

Использую текстуру на частице в простом эмиттере, и всё готово!

Облачные Котики и Эффектные светлячки - 12

 Если вам интересно, что получится в итоге, загляните по этой ссылке.

Не забудьте добавить игру в список желаемого, если вам нравятся котики и уморительные приключения! 

Также подписывайтесь на мою группу в ВК.

Спасибо, что читаете, и пусть с вами всегда будет много мяу! 😻😸😽

(^。• ᵕ •。^)

Автор: CloudCatsLand

Источник

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js