[ИГРЫ] Сказки Лиса и остальной - GameDev

[Соня (Bruja)]

Демо Игры

на Phaser 3 и  javascript, здесь, на сервере ПостНагвализма.


Большая часть из них курсовые и учебные проекты Codecademy

Поймай Крота Раскопателя!

Электро-Мышь и Битва с Лысым Психованным Котом!

Раскраска - Перекрась Пегаса!

Охотник за Сокровищами! Откопай три Золотых монеты бастрее чем Пират!

Нравится Музыка? Можно поклацать по клавишам онлайн Пианино!

Бесконечный прыжок Коди! Бесконечная Лестница в Небеса!



А это по официальному уроку от создателей Phaser 3

Звезды с Небес! Платформер




Канал DreamLand - Страна Грез бессрочная ссылка  #болталка на дискорде
https://discord.gg/GB9YCBcRSk


Бессрочная ссылка на канал #работа-над-проектом в дискорд

https://discord.gg/MbjBBU5T2Z
Писать могут только те, кто получит роль "гражданина DL".
Это дополнительный сервер, для подстраховки.

29 июня 2022

И конечно же это мой любимый  урок от James Doyle!

Убиваем Лиса! Отнимаем сердечки.
(проверка  работы UI - Сердечки и система Здоровья персонажа).
Как вы заметили, персонаж уже поворачивается в обе стороны лицом, бегает, прыгает и даже делает двойной прыжок.  
Камера следует за персонажем, работает параллакс эффект (фон и окружение вдали), поставлены ограничения (камера не поднимается выше разрешенного значения и не опускается ниже чем положено.



(в лучшем разрешении GIF никуда не загружается, весит много. Так что вооружитесь микроскопом  )

[Pipa]

(в лучшем разрешении GIF никуда не загружается, весит много. Так что вооружитесь микроскопом  )

Вот оно уже заработало не как GIF, а как WebGL:
http://postnagualism.com/Test_2DGame_OpenGL5/

[James Getz]

Забавная игрушка, поиграл немного

[Соня (Bruja)]

Вот оно уже заработало не как GIF, а как WebGL:

Пипа Вы  у нас просто волшебница!!!

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

W или стрелка вверх - вверх
A или стрелка влево - в лево
D или стрелка вправо - в право
S или стрелка вниз - в низ

Пробел пробел - Прыжок. Дважды пробел - двойной прыжок.
Лягух мочат ножками, наскакивая.
Вишни - лечилки

Все остальное, пока не доведено до ума.
Как докончу урок и будет битва с боссом -- обновлю версию, оповещу.

(((это не сам проект, который замышляю. Но подготовка к нему)))

[Соня (Bruja)]

Забавная игрушка, поиграл немного

Спасибо! Я сама пока ее делаю часто играюсь ( это необходимо для настройки переходов по уровням нампример... это ж только половина урока... я ее улучшу еще).

[Соня (Bruja)]

Хенари:
Так сходу:
1) Прыжок хочется на стрелку вверх
2) Шипы неочивидный элемент, кажется что это цветы. Добавить анимацию или сделать другого цвета, ну в общем очевидно сделать этот элемент «враждебный»
3) Отсутствие меню выхода из игры/перезапуска уровня
4) Невозможно сьесть эту вишенку и следующую тоже (см. скриншот)
5) Перемещение по уровням хочется нажать мышкой, но выбор идет с помощью клавиатуры и непонятно как подтвердить выбор уровня (делается пробелом, но это неочевидно)"

Sonik Nun:
Ну так с меню работаю еще))  на стрелке по умолчанию вверх. Но можно менять  при желании.
Шипы это то что было в пакете к уроку. Мне они тоже слишком в тон показались
Вишни есть если жизнь отнялась. Если поные сердечки то не ест
Пробелом вход на уровень - это профессора выбор. Я бы на энтер повесила . Так привычнее.

Хенари:
В таком случае, сделать вишенки в виде сердечек и давать есть, в таком случае если у тебя жизни полные, то пусть начисляет N-очков, у тебя линейное прохождение никто назад за жизнями не вернется.
+ энтер лучше)
прыжок можно сделать по 2 клавишам или вверх или пробел, не думаю что это сильно влияет. Хотя если у тебя будет какое-то действие типа стрельбы, то лучше сделать его на пробел к примеру.

Sonik Nun:
Ну да, вишни это выбор учителя.  Я пока учусь по его правилам дела. Для себя уже свои картинки нарисую. Тогда и будем все проверять.. и критику попытаюсь тут же оформить ( исправлю, что смогу).

Хенари:
Я понял

Sonik Nun:
( прыжок на пробеле по умолчанию. В настройках программы . Но можно свое значение вбить. Стрельба там на мыши( в этой раскладке) и на контроле левом

[Соня (Bruja)]

Sonik Nun:
Извини что отвлекаю, один вопрос - ты когда играл - тормозила игра? Не показалось ли что она медленная? Одна девушка сказала что медленно играется... не знаю это у нее так или у других тоже? У меня с компа кажется все нормально.

 Хенари:
Все нормально по скорости

[Ю]

прикольная игра

а можно нарисовать лиса, играющего в слепую рулетку?

[Соня (Bruja)]

Ю,
Этого Лиса я не рисовала )))
Это из пакета к уроку.
А то нарисовать можно все что угодно и заставить делать то, что хочешь. В этом весь прикол программы для гейм дева.

Разброс  шанса ( пистолет выстрелит)  - задается методом ( функцией ) Rendom.Range();
В скобках ставят значение, процент шанса например 30 из 100 ( 0.3 f,  1f).
В  инспекторе программы - появляется ползунок, которым можно изменять настройку в процессе отладки и тестирования. Ну чтоб чаще помира или чаще выигрывал.

По сути шанс выпадения " подарочка) в этой игре тестится - в лягухе, если ее убить есть 45% шанс, что выпадет лечилка.

Ну и стрельба в голову делается по такому же принципу. Персонаж прикладывает пистолет. Стреляет. Выпадет " шанс"- то вызывается метод ( функция) Помер и  анимация смерти ( бошка разлетелась на куски). Может и музычка еще трагическая  

Не выпадет ( например 6 из 6 выстрелов и остался жив)-  вызывается экран победителя... типа  салют и героя прибивает мешок с  миллионом долларов, свалившимся на бошку под звуки фанфар )  

[Соня (Bruja)]

Приколы при отладке врага "летающего типа".
Игра Сказки Лиса (урок).

Так как урок еще не окончен, продолжаю работать над этой игрой.
Создаем врага "Летающего типа". На самом деле, это просто орел, который носится от точки к точке ( Воздушный патруль - в юнитианском просторечии). Завидев игрока - Орел камнем падает вниз, нападая...

При отладке кода можно выявить ошибки..
И это очень смешно !

Глупый Орел никак не хочет отцепиться от Лиса! Он его тесно зажимает в уголке!
Так и плясали они лезгинку вдвоем ...

<a href="https://youtube.com/v/TUT1ShLP4R8" target="_blank">https://youtube.com/v/TUT1ShLP4R8</a>

[Соня (Bruja)]

Добыла! Это новейшая версия!!  
Последнее обновление: 9/2020
Вот она на Udemy
https://www.udemy.com/course/unityplatformer/

12,99 €
Первоначальная цена109,99 €
СКИДКА Скидка 88% Данная цена доступна еще 2 часа!

И конечно же это мой любимый James Doyle! (

Доделала орла по уроку. Скрипт совершенно мне не понравился, забагованный какой то.
Подкачал Джемс на этот раз...

Конечно теперь орел не висит на лисе, а отцепляется, прежде чем атаковать вновь. Но остается на том же месте и в том же положении на месте первой атаки. А  правильнее было бы, что бы он вновь взлетал, на свое обычное положение и оттуда уже нападал во второй раз.

Странно, что Джеймс весь скрипт Орла тащит на if стейтментах.
И там if на ifе и ifом погоняет...

Мне кажется, что такие повторяющиеся действия как нападения ( после того, как враг замечен)- делаются карутиной или подобным образом ... но не одними ифами. Карутина IEnumerator очень часто включает в себя временное прерывание. Типа  увидел, напал, упав камнем вниз, на игрока, нанес удар
Отлететь на обычный путь или на какое то расстояние вверх, оставив потерпевшего.
 Подождал столько то секунд ( yild return WaitForSeconds () ;  в небе.

Карутина повторится до тех пор, пока -
  " если" , то есть  if.
Если герой не умер и не ушел из " зоны видимости орла".
 
Напасть снова. То есть карутина повторно вызовется.

Если же герой ушел из зоны досягаемости или помер - то...
 
Джеймс же вместо карутины использует " счетчик"  переменную  float типа для отсчета времени...
Скрипт получается очень громоздким.

Покончу с уроком, подумаю, как улучшить этот скрипт.
Он ведь не только к орлу может быть применим. Но и к летающему Неоргану или привидению...  в другом проекте.

[Соня (Bruja)]

Как переключать массив объектов  невидимые делать видимыми и наоборот в Unity.

http://postnagualism.com/Bruja/index.php?topic=77587.0

из переписки c Noob Game Dev.

[Pipa]

Как переключать массив объектов  невидимые делать видимыми и наоборот в Unity.

А можно ли сделать так, чтобы музыка начинала играть только после старта игры (нажатия кнопки "Start")? То уж больно достаёт .

[Соня (Bruja)]

Pipa,

отправила в личку ссылку на папку.
Отключила в меню и в паузе..

[Соня (Bruja)]

А можно ли сделать так, чтобы музыка начинала играть только после старта игры (нажатия кнопки "Start")? То уж больно достаёт .

Ну как заменишь файлы, так и прекратит играть.

Меня саму достало

В паузе меню теперь тоже работает.
Добавила те самые переключатели, о которых с  Noob Game Dev говорила.
И добавила притрушенного Орла, ну уж какой уродился
В игре всего 2 уровня. при выходе на третий - из меню выбора уровня - должно переносить на 1 уровень.

Как раз загрузишь - я проверю.
И проверю, не лагает ли музыка. Все таки сама я нуб  
все может быть... вдруг напутала чего.

[Соня (Bruja)]

Баг нашла на 1 уровне.
Хотя он незаметный, кто не в курсе, тот и не заметит.
Шипы - не возможно "убить" или еще как то убрать. Но в этом месте, если удачно на них наскочить - они взрываются со звучным хлопком, оставляя вишенку (лечилку)!

Видимо на этих шипах висит лишний скрипт (как у мясных врагов). Убрать...
Хотя пусть остается.. Типа пасхалка такая   Туда вставить аватарку Pipы!

[Соня (Bruja)]

Баг нашла на 1 уровне.
Хотя он незаметный, кто не в курсе, тот и не заметит.
Шипы - не возможно "убить" или еще как то убрать. Но в этом месте, если удачно на них наскочить - они взрываются со звучным хлопком, оставляя вишенку (лечилку)!

Видимо на этих шипах висит лишний скрипт (как у мясных врагов). Убрать...
Хотя пусть остается.. Типа пасхалка такая

Странно, но со скриптом там все в порядке. Остальные шипы не взрываются.. А эти да.

а раз так, то:
сделала Пасхалку (отсылка  на ПН и сюрприз - аватрка Pipa) !
 
<a href="https://youtube.com/v/wB1fTbsdhkg" target="_blank">https://youtube.com/v/wB1fTbsdhkg</a>

[Ю]

Помер и  анимация смерти ( бошка разлетелась на куски). Может и музычка еще трагическая

как то не нагуально этот вариант выглядит.

если пуля не вылетает, лис недовольно морщится и заглядывает в ст вол.    а если вылетает, то вместе с мозгами, которые падают на пол.

тогда довольный лис берет совок, заметает мозги хвостиком и вкладывает обратно в башку.

[Соня (Bruja)]

тогда довольный лис берет совок, заметает мозги хвостиком и вкладывает обратно в башку.

Мне Лиса жалко... вот если бы игру про Бармалея создавать... то да!

[джелави]

платформа юнити типичный образчик заговора по обыдлению программистов, как начинающих так и со стажем. Оптимизация нулевая. Простецкие игры весят под гектар. К примеру игры на восьмибитке были весом 40 - 256 килобайт

[Соня (Bruja)]

джелави,

Там есть оптимизация. Но она полностью на совести разработчика.

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

( сама помню игры ч- б, на компах, еще до приставок всяких. Например пин-понг или тарзан. Мне кажется они вообще 2битные).

А вот под андроид, ios - стоят ограничения по весу конечного продукта. И по оптимизации - телефон зависнет, если игра будет перепичкана эффектами и красивым атмосферным освещением с оклюзией и прочими фишками.

[lis]

Мне Лиса жалко... вот

практика есть практика))
и вынос моска мню переодическы просто ниапходим))..
я бэ..  в такое паиграль😂

[Соня (Bruja)]

lis,  такое нельзя выпускать на широкого пользователя. Жестокость, насилие и все дела... цензура не пропустит.
Если только в частную коллекцию создать такое кровавое издание...

( зы, может быть позже сделаю. Сейчас у меня другие планы. И тебе, вернее лисенку из игры - еще 3 уровень надо создать. А потом и босса. Работаю над 3 уровнем. И механикой. Про боссов - будет весело, там наверняка баги будут по началу как минимум. Так что  повеселимся еще  )

[lis]

Так что  повеселимся еще

А то))).. канешна повеселимсо)))

лисам биз этого никак..  )))

лисам нужен вечный празнеГ для душы))

[Соня (Bruja)]

Так что  повеселимся еще

А то))).. канешна повеселимсо)))

лисам биз этого никак..  )))

лисам нужен вечный празнеГ для душы))

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

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

Видела такое в сети в играх,  прикольно и игроку на нервы очень действует ))))

[lis]

себя позиционируешь, как магессу, сновидящую
Как то не стыкуется. Но спасибо, что ты раскрыла нам свою многогранность. Ну да.

ни стыкуеццо..  и нинада)))

зачем так напрягать сваю бедную голову😂))

[Соня (Bruja)]

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

Первая попытка порисовать фон, который подойдет для анимации в Unity.
На самом деле тут несколько слоев, и использоваться они будут для параллакс эффекта.
Рисунок сделан так, что - что если его сдвигать - он окажется бесшовным (утроенное фото ниже).

Всего 4 слоя. Для красивого параллакс эффекта движения по дороге - их вполне достаточно.
Елки - это по уроку..

<a href="https://youtube.com/v/tMXgLBwtsvI" target="_blank">https://youtube.com/v/tMXgLBwtsvI</a>



Пейзаж " бесшовный", внизу он же, продублированный по бокам.

А мне вообще то нужны пустыня и Кактусы!!

Игру мне хочется сделать, но совсем в ином стиле. Без "физики", но с диалогами и инвентарем. Только 2Д.
Такую, чтоб не надо было бегать и скакать. А такую, в которой все или почти все будет делаться мышкой.
Нечто в стиле визуальной новеллы или квеста. Там где рассказывается история и что бы проходить игру, нужно болтать с НПС (неписи или не игровые персонажи), выполнять их задания или отыскивать ключи и прочие предметы.
Ну кто играл в Ненси Дрю или Обезьяний остров,  или Сибирь (квест правда 3Д), Черное Зеркало и т.д. - тот поймет о чем я.

Многим вообще не привычно клавишами управлять, а вот мышкой хлопать - самое то.
я же застряла на кодах. Ну никак не выходило так, как мне хотелось.
Решила тупо с торрентов скачать плагин, под это дело. Он как раз под такие квесты 2д заточен. И почти без кода. А так как я ничего продавать не собираюсь, а только тестить - то и платить за него мне не хочется. Поэтому торренты -наше всЕ!

С другой стороны мне и С# нравится, именно, как язык в Юнити(а не сам по себе или на иной платформе).
И урок есть отличный (с километрами простыней- кода) - как сделать игру в стиле "Ферма".
Что бы там пахать, сажать, поливать и ждать урожай. А потом его продавать и покупать чего то еще для себя..
Если смогу - то буду тренироваться параллельно. Хотя порисовав  сегодня--теперь сомневаюсь, что время свободное останется..

Или в пикселах или в векторной программе - займусь поиском персонажа для квеста 2д.

Идей несколько... как всегда впрочем..
Вариант 1 -  игру о ... нет не Кастанеде, но чудаке, который начитался книг КК и заснул.. а проснулся в пустыне у дома дона Хуана (сюжет от Лиса, в его сказках).

Вариант 2 - даже озвучивать не имеет смысла.
Идея есть, но у меня нет четкого сюжета.

А вот у Лиса про Кастанеду - сюжет есть.. Ну и для начитавшегося кастанедчика такой сюжет вполне подойдет. Там и Лис кажется сам собственной персоной появляется.

"почитала я Лиса и его Сказки .. потом комикс про Кастана(кастанеду), ну и мысль пришла,  нагвалистическую игру сделать..
про последователя. А может и про ... Ксендзюка! только юного и неопытного "

пусть молится, что бы я опять не закончила проект

Надеюсь есть грибы и кактусы в игре - не нарушит уголовный кодекс?
и еще вопрос - какого разрешения делать пиксельных персонажей?
И вообще какого размера само окно игры?
Единственное что знаю - это пропорции 16 : 9.:

256   144   
426   240   
640   360   nHD
848   480   
854   480   FWVGA
960   540   qHD
1024   576   
1280   720   HD
1366   768   WXGA
1600   900   HD+
1920   1080   Full HD
2560   1440   QHD
3200   1800   QHD+
3840   2160   4K UHD
5120   2880   5K
7680   4320   8K UHD

[Соня (Bruja)]

Тренировалась делать персонажа. Для анимации - нужно очень много картинок нарисовать, но сначала надо "найти" его образ.

Итак, Адепт нагвализма вариант 1.
(понятия не имею, в каком стиле делать.. возможно стоит мделать более "мультяшным", ну с большой головой и анимешными огромными глазами..

Есть у кого фото юного Ксена? Может с него попробовать нарисовать?

[Соня (Bruja)]

Вариант 1 -  игру о ... нет не Кастанеде, но чудаке, который начитался книг КК и заснул.. а проснулся в пустыне у дома дона Хуана (сюжет от Лиса, в его сказках).

Вариант 2 - даже озвучивать не имеет смысла.
Идея есть, но у меня нет четкого сюжета.

А вот у Лиса про Кастанеду - сюжет есть.. Ну и для начитавшегося кастанедчика такой сюжет вполне подойдет. Там и Лис кажется сам собственной персоной появляется.

"почитала я Лиса и его Сказки .. потом комикс про Кастана(кастанеду), ну и мысль пришла,  нагвалистическую игру сделать..
про последователя. А может и про ... Ксендзюка! только юного и неопытного "

пусть молится, что бы я опять не закончила проект

Надеюсь есть грибы и кактусы в игре - не нарушит уголовный кодекс?

пра нахваль... Дневник Лиса
тему тут: http://forum.postnagualism.com/index.php?topic=74021.msg300179#msg300179
(чтоб не потерять)

вместо предисловия. (или ..  а не пашли бэ мы уже..  в горы)))..


высоко над землей..  в горах..  где до неба рукой подать..  жывет нахваль..

он такой древний ..что уже не помнит пачиму и кода здесь паявилсо...   но всЁ к чему бы он ни прикаснулсо.. тож привращаецо в нахваль..

и остаеццо нахвалем.. даже если спускаецо с гор обратно на землю..

камни и скалы- нахваль..   кактусы и грыбы ..  ящерицы и другые жывые существа.. всё есть чистый нахваль..  и даже воздух и солнечный свет))  ..ни гаваря о лунном..

в этом самом месте жывут Хуан и Хенаро.. хатя па сути ..оне тоже уже нахваль..  патамушта ничего кроме нахваля в этом месте ни обитаит...

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

у хенаро случилось предчувствие...  

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

каторый в это время сеял споры грибов в соседней долине...

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

-хуан, - заорал он издалека, -у мню предчувствие случилось...

дон хуан оторвалсо от сваей работы и недовольно спрасил..

-ну чего опять случилось?

хенаро заметно нервничал..

- да говори  уже, мню ещо черыре га засеять нада..  до вечера.. , - хуан чувствавал как валнение от хенаро перекатываецо к нему..

-знаешь хуан..   хенаро опять нимного замялсо..  У НАС БУДЕТ КАРЛИТОС !!!

- у нас будет  ЧТО???..  хуан уронил мешок на землю, -КОДА?

- ну месяцев через девять наверное.. успеем однако подготовицо..

предчувствие дона хенаро никогда не обманывало..

предчувствие никогда не обманывало дона хенаро...

хуан знал это достаточно чётко..  паэтому впал в транс и целыми днями курил сваи грибы...

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

утрамбовал площадки возле дома..  дорожки проложыл..  продёргал кое где чаппараль...    

нахваль должен быть ва всеоружыи однака)))...

а када всё было уже готово..  оказалось что у хуана закончились грыбы...

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

[Соня (Bruja)]

С другой стороны мне и С# нравится, именно, как язык в Юнити(а не сам по себе или на иной платформе).
И урок есть отличный (с километрами простыней- кода) - как сделать игру в стиле "Ферма".
Что бы там пахать, сажать, поливать и ждать урожай. А потом его продавать и покупать чего то еще для себя..
Если смогу - то буду тренироваться параллельно. Хотя порисовав  сегодня--теперь сомневаюсь, что время свободное останется..

Или в пикселах или в векторной программе - займусь поиском персонажа для квеста 2д.

Идей несколько... как всегда впрочем..
Вариант 1 -  игру о ... нет не Кастанеде, но чудаке, который начитался книг КК и заснул.. а проснулся в пустыне у дома дона Хуана (сюжет от Лиса, в его сказках).

А может добавить ферму в квестовую игру - грибочки и кактусы будем растить !!!
А потом обменивать ( продавать и покупать) на " подарки силы"!!!

Или на неорганов... будут союзники одноразового использования. Применил, и он исчез. Придется нового у Хенаро в лавке покупать , или обменивать на грибочки !

Правда это уже RPG  получится, а не квест... но помечтать то не вредно
  

[Соня (Bruja)]

Итак, Адепт нагвализма вариант 1.
(понятия не имею, в каком стиле делать.. возможно стоит мделать более "мультяшным", ну с большой головой и анимешными огромными глазами..

32 на 48 pix
Сначала силуэт. Потом покраска. Сразу несколько вариантов, чисто потренироваться.

Но думаю надо побольше сделать размер, где то 64 на 64 каждый рисунок.
А то на таких крохах очень сложно сделать что то толковое. Так как слишком мало пикселей
Мне пока что ни один не нравится..

[Соня (Bruja)]

продолжение.
начало в этой теме, там же и раскадровка сцены 1.
Кучу картинок грузить сюда не хочется
http://postnagualism.com/Bruja/index.php?topic=77849.0

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

Пока же - зоны, персонажи и их наброски в профиль и фас, активные предметы в каждой зоне -- все это как черновой план. Так как рисовать придется оченьььььь много.
Конечно герои не будут черными. Тут мне необходимо найти силуэт. Форму. Цвета будут потом.
К тому же я не знаю, будет ли все это просто рисованным или я расхрабрюсь сделать все это в стиле Pixel Art.
В игре будут диалоги, в окне которого анимированный портрет персонажа.

Это первая локация, и происходить в ней будет примерно то же самое, что выложено в раскадровке ранее. Только происходить все это будет под управлением играющего. Стиль игры будет - квест, управление либо клик мышкой либо кнопками. Как в квестовых RPG.

Сюжет фактически буду на ходу сочинять. Тем более что общая канва написана уже давно.
Отрисую все что принадлежит первой сцене - и начну анимировать и собирать в игровом движке..

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

[Соня (Bruja)]

Задача первой локации сводится к тому, что бы
1 что то вообще начало происходить.
Окно, полная луна в черном небе. За окном видны какие то дома и листва деревьев.
Черный кот заскакивает в окно и ( возможно) сталкивает с подоконника горшок с цветком. Горшок ломается с неприятным звуком. Кот пугается и прячется в тени занавески.

Героя что то разбудило. И проснувшись он ищет причину своего пробуждения. То есть вынужден рассмотреть свою комнату. Так как ему показалось, что с ней что то не так. Что то изменилось. Он замечает разбитый горшок и отпечатки кошачьих лап на полу ( кот наступил на грязь из горшка). Но самого кота не видно.
Следы ведут к занавеси. Герой вот вот найдет кота, как вдруг....

2 кат- сцена.
Сценка с картиной над кроватью. В картине появляется сияние и она трескается открывая таинственный проход неизвестно куда.
В проход протискивается Лис ( с артефактом - Картой ) и кубарем вываливается на пол, под изумленным взглядом героя ( героини).

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

Происходит нечто ( возможно даже прошуршал чем то любопытный Кот). Лис решил что его нашли те кто охотится за артефактом. Он по быстрому сваливает из комнаты. При этом теряя Артефакт ( карту. Или создатель клонов карт расширенной реальности).
Уходя Лис не успевает схватить артефакт - карту. По какой то случайности - она выпадает из его рук. Лис исчезая в дыре  просит героя вернуть карту ( не легко доставшуюся).  герой найдет его в Баре сновидов на Краю ( мира).

Изначально была сцена с преследующим Лиса неорганом. Но не знаю сохраню ли ее или уберу. Что бы начало не было слишком сумбурным.
В лббом случае герой остается один. С картой и Котом.
Который тоже оказался не просто котом.
Кота герой так и не находит.
Он в расстерянности  думает о том, что за край и что за бар и вообще что это было.
Рассматривание артефакта ничего не дает. И проходов никуда не открывает.
Герой не знает что делать с картой и как ее возвращать.
И тут из за занавесей слышится тихое вежливое покашливание.

Далее - черный кот превращается в Тень. Это видит игрок в кат сцене. Но этого не видит герой.

Диалог с Тенью.

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

Энергию герой относит Тени, а по завершении этого квеста - эти " души неорганов" будут использованы для того что бы открыть проход.
Не знаю, нужны ли они что бы подпитать сам артефакт, который возможно разрядился и потому перестал работать.
Или же эта энергия будет использована для открытия каких то свойств самого героя, и теперь он сам сможет находить места в пространстве, где реальность истончается и можно открыть портал, при помощи артефакта. То есть в игре будет призрачно видно - где будет выход с уровня.
А " развитие видения" приведет к тому, что при нажатии клавиши Tab будут подсвечиваться интерактивные предметы, с которыми герой может взаимодействовать.

Зарядив карту, герой применяет ее в мсте выхода и открывает проход.
Благодарит Тень, хотя и не полностью ему доверяет. Тень же говорит о том, что герой может его призвать в случае надобности ( затруднений). Герой уходит в портал, на другую сцену : Край Земли. Путь к Бару.

[Соня (Bruja)]

Черновой лист модельки героини.
По сути это та же самая девушка, что рисовалась ранее в проекте для комикса.
Только более мультяшно увеличила голову.

Но теперь прорисованы варианты разворота фигуры, лицом к зрителю, в профиль и спиной.
И немного мимики на портрете.

[James Getz]

Черновой лист модельки героини.

Довольно сипматичная.

[Соня (Bruja)]

Черновой лист модельки героини.

Довольно сипматичная.

На Пипу похожа ( я ее в юности так представляю)

[James Getz]

Черновой лист модельки героини.

Довольно сипматичная.

На Пипу похожа ( я ее в юности так представляю)

Это интересно у неё спросить, насколько похожа.
Пипа на тебя похожа?

[Соня (Bruja)]

Черновой лист модельки героини.

Довольно сипматичная.

На Пипу похожа ( я ее в юности так представляю)

Это интересно у неё спросить, насколько похожа.
Пипа на тебя похожа?

Да просто аватарку ее глянь.. там она конечно уже взрослая и кучерявая 

( на меня? Не думаю  ).

[Соня (Bruja)]

Соня (Bruja), у Пипы рожа протокольная, какая бывает у надменных баб с амбициями. Таких на рецепшн сажают или в регистратуру.

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


Я не видела Пипу в реале, поэтому мне сложно что то сказать по поводу ее внешности...
Поверю на слово.

[Соня (Bruja)]

Разве Гетц гражданин РФ?

[Соня (Bruja)]

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




А.Г.
Суперские получились фоны, а кто такие пипилоиды?

Соня:
По ходу пьесы расскажу. Но однозначно гады 😁 вообще это работники и служители тамошней главы корпорации занимающейся исследованием всякого таинственного.. от неорганов, до таинственных магических свитков и прочего. Ученая - Пипа - ищет способ изменить мир под себя, в соответствии со своим видением. Ну и еще, она по неволе сталкивается с Летунами. И они ее подчиняют наобещав "печенек" - в виде Знаний. Одним словом - Пипа - совместно с Летунами становится угрозой тамошнему миру. Хотя этого сначала никто не понимает. Даже она сама. Ну а опыты по сращиванию с неорганами всех мастей (усовершенствование людей) - приводят к появлению лояльных и верных летуньему (И Пипиному) делу существ. С ними и вообще с самой Пипой и Летунами и будут бороться наши герои. как то так.

[Соня (Bruja)]

А вот так это выглядит в программе.
Палитра есть как  дневная, так и ночная.
На втором скрине - ночной мод и все цвета приглушены.

Цветов и оттенков больше чем на самой модельке, потому что я пока не делала ни теней ни бликов.
Но допускаю такую возможность. Пока же не хочу усложнять.

[James Getz]

Соня (Bruja), какая-то у тебя неправильная Лара Крофт, где грудь??

[джелави]

акая-то у тебя неправильная Лара Крофт, где грудь??

базара нет, тема сисек не раскрыта. По поводу кодинга, на юнити можно создавать довольно крутую графику и спецэффекты(фильм "побег из Таркова") а не этот бред в стиле спектрума.

[James Getz]

акая-то у тебя неправильная Лара Крофт, где грудь??

базара нет, тема сисек не раскрыта. По поводу кодинга, на юнити можно создавать довольно крутую графику и спецэффекты(фильм "побег из Таркова") а не этот бред в стиле спектрума.

А твои работы есть хоть в стиле спектрума? 

[джелави]

А твои работы есть хоть в стиле спектрума?  

а куда их потом? не смысла терять время и заморачиватся подобной дрянью, по одной простой причине, даже по нескольким:
1. сколько не старайся, в любом случае продукт будет УГ.
2. с высокой вероятностью будет брошен наполовину или почти готовым.
3. будет обидно за проёбанное впустую время
Лучше какой нибудь нож сковать или топор,  да хоть на рыбалку сгонять, даже просто отдохнуть где либо и то будет больше позитивных эмоций. По молодости помню был заморочен линуксом, программированием и всей этой дурью, думал мож повезёт каким нибудь админом к интернет провайдеру устроится и пользоваться скоростным интернетом нахаляву. Это в 2000 - 02, когда у многих нэт был по модему 56к(а по факту скорость была 33 килобита) Тебе москвичу этого не понять)) На этой говноскорости интернет стоил 36 рублей за час и ещё был тариф 12 рублей час +4 рубля за мегабайт. Пачка лаки страйка стоила 17 рублей, мальборро 22 и курево было не такая бумага как сейчас, а настоящий табак.  В то время потратил десятку на обучение кодингу. У меня кент, одноклассник, был стажёром в роте ППС, алкашей таскал в трезвяк, так он получал (как стажёр) 300 рублей, потом 700 как чесный мент. Такие говноцены были. И всё бестолку. Асеммлер нахрен никому нигде не нужен стал, отладчик софтайс, на котором нас учили быстро устарел и не ставился даже на xp. Потом технологии резко продвинулись, все эти компы, которые стоили как б.у. машина, были прокляты и забыты. У меня валяется один в диване, целерон 933 мегагерца, 128 оперативки, 30 гигабайт хард, видюха 32 мегабайта Стоил он в начале 2001 30 штук. Обидно за потраченное время и деньги.

[Соня (Bruja)]

Соня (Bruja), какая-то у тебя неправильная Лара Крофт, где грудь??

Какая там грудь, это же подросток, а не бабца. 
Хотя моделька пробная. Чисто скелет потестить.
( мне она не нравится не из за сисек. А из за отсутствия стилистики мультяшной... но исправлять буду когда будет представление о стиле окружения, прорисованы другие персонажи и создания.

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

[Соня (Bruja)]

меня валяется один в диване, целерон 933 мегагерца, 128 оперативки, 30 гигабайт хард, видюха 32 мегабайта  Стоил он в начале 2001 30 штук. Обидно за потраченное время и деньги.

Как я тебя понимаю... у меня такое добро купленное в 2000х за более чем 1200 баксов  - валяется бесхозным по местам проживания.
Один стационарный комп, 3й пентиум, специальная сборка под 3д графику ( знакомые на складе оптовом работали, спецы по харду. А оптовая, была тем местом куда все что компов касалось  в столице республики - завозилось. А потом перетекало в магазины. То есть для меня были цены по блату, оптовые, плюс консультация по дружбе и бесплатно).
Я тогда в рекламной компании работала и знакомые подгоняли разные частные заказы. Конкуренции практически не было, как и спецов в области графики.

Когда пришлось ездить по работе с фабрикантами кожи ( платили стабильно и работа не бей лежачего, и мир покататься посмотреть за их счет можно)-' то поняла прелесть лептопов и портативных компов. Самый лучший и бронебойный оказался купленный в Багдаде, в какой то коморке, живописно увешанной требухой компьютерной. В каком то полуподвале, не тронутого бомбардировками района.
Как дали понять это из амерской " гуманитарки", которую  народ сваливал в кучу и не брал. Кроме тех кто разбирался и вытаскивал лучшее для себя.
В городе почти не было центрального электричества.
Работали те кто действительно желал и хотел научиться и имел движки, так как бензина можно было с труб за городом нацедить бесплатно.
Достался мне тот протативный комп что то за 250 долларов.
Вернувшись в республики в которых проживала узнала, что такая модель стоит так же более 1200 долларов и ее с трудом можно найти.
Потом был лептоп купленный в Сирии, тоже довольно крепкий к внешним воздействиям и тоже дешево, не более 500 долларов. И так же в стране моего проживания эта модель зашкаливала за 1000 в магазинах. Для графики особые запросы, не только оперативки большое количество, но и хорошая графическая карта ( обычно брала nvidia giforce. Быстрые жесткие диски ( на лептопах особо не выбирать, а на стационарном компе  предпочтение отдавалось дискам от баракуда.
Хотя их поснимали родственники вместе с видеокартой и иными цацками, оставили суки пустой практически корпус. Я им ключи оставляла от дома. Видимо не ожидали, что вообще вернусь. Это было в последний раз, когда я заехала домой в 2010.

В Италии купила нр что то за 1100 евро. Неплохой, но скопытился быстрее, чем сирийский асус или купленный в ираке.
Потом уже в испании 2 протативных купила и тоже скопытились за год.
Мне даже грешным делом подумалось, что в европу какие то некачественные компы поставляют, чтоб  люди каждый год шли их менять на новые.

А потом перешла на продукцию эпла.
Был мак- айр - портативный комп, с обалденной аудио и муз картой. И оперативки много и вообще все шикарно, да жесткий диск слишком мелкий ( по моим стандартам).
Потом был аймак - такой монитор на ножке, и вся начинка внутри, случайно купила, так как по внутренностям все не плохо, под мои задачи вполне подходит. 3д я давно бросила, с ребятами из нашей группы мне тяжело было соревноваться. А для слаженной работы, каждый делал то, что у него получалось лучше.
А мой конек 2д графика и флеш анимация.
А под эти цели все старые аймаки вполне подходили по параметрам. Смущал только год их создания...

Мдя, не знаю как современная эплятина себя покажет, но комп, заточенный под графику и работающий бессменно 10 лет! Это было просто невероятно.
А обошлись эти аймаки мне по " сирийским" ценам, от 250 эвро...
Хотя их даже с рук подержанных по таким ценам не найти на досках объявлений,
В сущности  у меня было 3 аймака. 2 из них с монитором 29 инчей, один 27 инч ( муж на нем работает).

Один сдох (самый старый купила в  2013-4), я на нем игры гоняла. А у него и так была сменена графическая карта ( на джи форсовую). А аймаки если однажды тронут, то считай все. Их лучше не открывать либо отдавать в специальный сервис.
Короче сожгла я видеокарту играми ( follaut 4 и new vegas)  и навороченным модификациями skayrimом. И он прекратил находить свой жесткий диск. Короче комп жив, но практически мертв. Можно конечно сменить все что там испортилось, но мы переехали. И по близости нет специального сервиса от эпла.
Тем более 2 других аймака пока работают без проблем ( сделаны в 2010-2012. Стояли в офисе одном, а потом офис получил новые, а нам эти отдал за копейки, чисто символическую цену - 100 евро и 200 евро! Просто повезло).

А все протативный компы за более 1000евро купленные после 2006 в европе - давно сдохли.  Амеры для себя компы какие то более качественные делают?
....

[Соня (Bruja)]

Цитата: James Getz от Вчера в 20:39:29
А твои работы есть хоть в стиле спектрума?  
а куда их потом? не смысла терять время и заморачиватся подобной дрянью, по одной простой причине, даже по нескольким

А я просто люблю компы.
Удобно. Все в одном месте. И рисунки и фотки и музон и книги и видео.... хочешь рисуешь в нем, хочешь - сказки сочиняешь, книжки пишешь или дневники ведешь. Хочешь музыку пишешь, хочешь - играешь... про инет вообще молчу. Я только качаю с торрентов что нибудь на комп, а так инет отключен. Для инета и соцсетей - телефон или планшетка.

И весь проект этот - просто так. Ни для чего то там. А потому что остается свободное время и хочется творить. А все эти украшения, декор, краски и картины, бисер, шерсть - уже поднадоело....
А на компе всегда чему то учишься новому....
Лично для себя. Мне просто в кайф.

Хотя иногда тоже сталкингую, отключаю комп и не подхожу к нему год или полгода. Для профилактики. Когда сильно на нем залипаю. Меняю привычки короче, учу что то новое.
 все в лучших традициях кк.

[джелави]

И весь проект этот - просто так. Ни для чего то там. А потому что остается свободное время и хочется творить. А все эти украшения, декор, краски и картины, бисер, шерсть - уже поднадоело....

Времени будет потеряно много, в любом случае, так почему бы сразу, если это творческий процесс, не выдать качественный продукт. Даже в одиночку.  Примеры такие есть. Это игра "35мм". Сделана одним человеком, без помощи и подсказок. Да, она короткая, но народ оценил.

[Соня (Bruja)]

джелави,
Мне пофиг на оценку народа. И о качестве представления у всех разные.
Например игру Ори тоже все оценили ( 20 евро в коробке стоит ) Как и hollow knight ( его в Стиме продают)
Хотя они не одним человеком сделаны, а небольшими группами друзей.
И они, эти игры - 2д.

А ты сравниваешь хрен с пальцем. 2д это один стиль, причем он тоже ценится любителями. 3д это другой стиль. И программы и логика разработки - разная. Я не работаю в 3д.
( и из 3д игр мне нравятся игры в другом стиле. Fallout,  SkyRim ... )

Ты выдаешь свое понимание о качестве как некое уникальное и абсолютное.
Но вкусы у людей разные.

[джелави]

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

зато все деланы на платформе юнити

[Соня (Bruja)]

И?
Зачем мне пример 3д игры? Если я делаю 2д?  

 

[Соня (Bruja)]

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

Разрезала. Помучилась собирая, что бы все куски находились на своих местах и не перекрывали там где не надо (там где перекрыто - будут наложены маски и контурная линия исчезнет).
Добавила рты - 8 положений в каждом из ракурсов, где рот виден. Это понадобится для анимации разговора.
Добавила дополнительные позиции ладоней, для возможности потом анимировать жесты и движения кистей рук.

Все дополнительные рисунки (экстра) желательно добавлять на этапе до создания скелета или каких то деформаций. Потом с их добавлением могут возникнуть проблемы.
К экстра картинкам можно отнести и смену одежды и обуви например. И добавление атрибутов типа сумок и прочего, что герой носит с собой.

И да, осталось еще добавить положение глаз и бровей, для получения вариантов мимики.

Само собой все экстра рисунки добавляются во всех видах.
В данном случае их 5. А всего будет 8.
1 Вид спереди.
2 Вид в три четверти - спереди (можно отразить развернув в противоположную сторону лицом).
3 Вид в профиль (боком). (можно отразить развернув в противоположную сторону лицом).
4 Вид в три четверти сзади.(можно отразить развернув в противоположную сторону лицом).
5 Вид со спины.

[Соня (Bruja)]

Канал DreamLand - Страна Грез бессрочная ссылка  #болталка на дискорде
https://discord.gg/GB9YCBcRSk


Бессрочная ссылка на канал #работа-над-проектом в дискорд

https://discord.gg/MbjBBU5T2Z
Писать могут только те, кто получит роль "гражданина DL".
Это дополнительный сервер, для подстраховки.

29 июня 2022

[Соня (Bruja)]

Про персонажа. Сделала я ей и мимику, глазки, бровки меняют выражение, во всех ракурсах.. все, казалось бы осталось на скелет собрать. Но опять какие то проблемы. Непредвиденные и мало где в туториалах освещенные. Потому что нет нигде полного поворота персонажа во всех ракурсах стразу строящегося на временной шкале.
Есть максимум три четверти и фас. Остальное приходится додумывать самой и методом научного тыка... дело в том что при повороте рука и нога которые сверху - потом меняют свое положение и становятся нижними ( задними).
А потом снова выныривают и снова становятся верхними.
Это как то делается со слоями, ключевыми кадрами.
Но! Тогда слетают патчи которые маскирую пересечения линий например там где рукав соединяется с рубашкой и подобное же творится с ногами ( там маска на бедрах, чтоб не было отрезной линии, а ноги росли как надо)...
Мимику потом вам скину. А вот с этой проблемой глубины по оси Z и слетающими патчами пока бодаюсь. А то бы давно скелет закончила.
Там на самом деле не один скелет. А у каждого положения - свой собственный. Так что скелетов тоже нужна куча. И д... все все... молчу. Это скучно для тех кто не в теме...

[Соня (Bruja)]

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

[James Getz]

ты понимаешь в символике
нужна помощь в трактовке

[James Getz]

символ, такой  фигура,  с, двумя мечами в руках
мечи опущены сверху вниз

[Соня (Bruja)]

символ, такой  фигура,  с, двумя мечами в руках
мечи опущены сверху вниз

Защитник?

Мечи вниз в любом случае не агрессивный образ.
Странно что мечей 2.
Хотя это тоже наверно от индивидуальных качеств зависит или свойств.
А где видел? Что за образ?

[Соня (Bruja)]

Тогда слетают патчи которые маскирую пересечения линий например там где рукав соединяется с рубашкой и подобное же творится с ногами ( там маска на бедрах, чтоб не было отрезной линии, а ноги росли как надо)...

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

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

Так что таз и отрезная линия бедер.

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

Рисунок ккакой то части персонажа по сути расслаивается на составные как сендвич. А потом обрезается( ставится узел обрезания, cutter) например только контурной обводки. Что бы при сгибе в месте пересечения плеча и предплечья она исчезала ( обрезалась линией контура оппонента)..
Ну и на предплечье строится такая же система , что бы перекрытие происходило правильно.
Потом патчи и каттеры ( обрезатели) собирают из двух сендвичей один, как оно будет в итоге выглядеть. Какая линия какой заливкой перекрывается, а что остается не перекрытым...

Довольно забубенная вещь... и все равно до конца в голове не укладывается как оно работает и что чем режится.  Так как у системы которой режут может быть свой " сандвич"  и иди там разбирайся что ты там накрутил  

Просто ужас для не посвященных.,.

[Соня (Bruja)]

Как разберусь с патчами займусь сменой одежды. В первой сцене героиня просыпается в кровати. Значит ей нужна пижамка или ночная рубашка... или на крайняк трусы и майка
И смена обуви.
И некоторые предметы, которые она будет носить с собой. Например сумку крепящуюся на пояс.
Или бутылочку для душ неорганов ( по сюжету).
Сумка будет инвентарем. А бутылочка для " магической" энергии или лечилка или еще что то такое.

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

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


Упрощенная версия патча ( маскировки) таза и ног

<a href="https://youtube.com/v/bKID_rchE6I" target="_blank">https://youtube.com/v/bKID_rchE6I</a>

Вариант маски - патча  волос, разных " пучков" или локонов

<a href="https://youtube.com/v/Dz3VAAW96fk" target="_blank">https://youtube.com/v/Dz3VAAW96fk</a>


А это продвинутый вариант, так я маскировала линии в проймах рукавов.

Часть 1

<a href="https://youtube.com/v/dH_vG_2-1yA" target="_blank">https://youtube.com/v/dH_vG_2-1yA</a>


Часть 2

<a href="https://youtube.com/v/EkL_snpxjFY" target="_blank">https://youtube.com/v/EkL_snpxjFY</a>

Добью патч на бедрах, займусь шмотом и атрибутами ( сумка & ect)

[Соня (Bruja)]

Разобралась кажется с патчами  маскирующими пересечения подмышек, рук вообще и тела. И сгибы на локтях.
Во всех позициях.
Но теперь бодаюсь с такой же проблемой с бедрами и ногами

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

Работа конечно происходит не только на экране с рисунком. Но и на втором экране, где просматривается скучная картинка из квадратиков, собранная в странную схему. На самом деле это структура всего, что видно и не видно на экране. В некоторых квадратиках - только сами картинки и их опорная точка (точка, вокруг которой картинка будет вращаться, если вы ее повернете например).
В других квадратиках - патчи- заплатки, каттеры ( скрывающие маски отрезающие часть рисунка). В других (зеленых) - пеги. В русском можно назвать это колышками, к которому рисунок виртуально привязан. Они нужны для трансформации, позиции и вообще анимации. Двигается не сама картинка. А колышки или ниточки (узелки), к которым картинка или целая группа привязаны.
За такой колышек можно потянуть и поднять всю ногу разом. А не по очереди три отдельных куска ноги (бедро, голень и стопу).
Их же  используют потом для анимации персонажа, и скелет крепится к ним же.

На верхней картинке весь мой персонаж, все все, что есть на сцене в данный момент.
Ниже - отдельно приближен кусок. С такими квадратиками мне частенько приходится работать, настраивая героя. Перед вами часть персонажа - лицо, глаза, рот, часть головы (волосы челки)....
Ниже - растянула персонажа как смогла, что бы проверить иллюзию бесшовности.
Еще раз потом перепроверю во всех 5 положениях.
Проверяла... но там можно запросто запутаться и чего то не заметить.. Лучше подстраховать себя.

[Соня (Bruja)]

конечно ее редактировать еще нужно, чтоб локти и колени не выпирали.. Но первый блин..   Зеленый пузырь на рту - тоже маска. Потом она будет не видна. Она скрывает часть лица, которое не обрезалось под улыбку.

[Соня (Bruja)]

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

[Соня (Bruja)]

Откорректировала сгибы ног и выпирающие колени.
И все остальные спорные места ( типа ладоней , их пришлось обрезать а чать руки добавить в слой к рукавам)...
Сейчас начала делать смену одежки и вообще внешнего вида.
И конечно первыми сделала смену обуви... на розовые тапочки
Глупо конечно. Но в доме то она не будет в " саламандрах" ходить.

Тапки это часть пижамки... или вообще любой домашней одежды.

А то реально задумываюсь ей и скафандр пририсовать и подводное снаряжение

[Соня (Bruja)]

Сейчас начала делать смену одежки и вообще внешнего вида.
И конечно первыми сделала смену обуви... на розовые тапочки
Глупо конечно. Но в доме то она не будет в " саламандрах" ходить.

Тапки это часть пижамки... или вообще любой домашней одежды.

Итак моделька постепенно раздевается..
Проверяю сочленения, и пересечения. Патчи работают, слава всевышнему. Тут принцип простой. Один раз замучаешься, создавая систему , на которую "вешаются" детали персонажа, как на невидимый каркас. А потом, на этом каркасе хоть смену одежды, хоть смену пола делай  
Нет я реально не буду для мальчика или Тени иной каркас строить. Именно на этом соберу. Просто по слоям заново прорисую детали другого персонажа.
Благо в программе можно делать свои шаблоны, и использовать их многократно, вытягивая из проекта в проект...
Вот только котику и лису - придется другой каркас делать, они же четырехлапые, и ходят по другому  

Проверяю как работают патчи (маски) на сгибах и сочленениях. Пока только ножка и только в одном ракурсе.
Но все будет, работаю над этим

[lis]

Ты лиса тож.. раздевать будешь? ))

Это как? Лис без шерсти? ))

[Соня (Bruja)]

Ты лиса тож.. раздевать будешь? ))

Это как? Лис без шерсти? ))

Ну он же в парнишку превращается! А парень точно без шерсти будет и на 2 ногах
правда там к трансформации придется прибегнуть, а не к раздеванию как таковому  

То есть либо к морфингу ( что дико сложно и не знаю потянет ли комп), либо ручками по кадрам превращение отрисовать.

[Соня (Bruja)]

Лис ты за сколько секунд оборачиваешься человеком ?

Мне для тайминга понадобится, на шкале время рассчитать

Битрейт анимации скорее всего снижу, не 24, а где то 14 или 12.
Все таки я не Дисней и не стремлюсь))

[lis]

сколько секунд

Нада подняццо на задние конечности.. и тода трансформация начинаеццо с рук..
А потом от груди синхронно вверх и вниз.. тело меняеццо..
Голова при этом паворачиваеццо справа налево.. туда- обратно)
5-10сек наверное.. не считая хвост..
Он иногда совсем ни пропадаеть

[Соня (Bruja)]

сколько секунд

Нада подняццо на задние конечности.. и тода трансформация начинаеццо с рук..
А потом от груди синхронно вверх и вниз.. тело меняеццо..
Голова при этом паворачиваеццо справа налево.. туда- обратно)
5-10сек наверное.. не считая хвост..
Он иногда совсем ни пропадаеть

Спасибо, учту)))
5 сек это 60 - 70 кадров. Как минимум ( битрейт 12- 14)
10 сек это примерно  120-140...

[Соня (Bruja)]

Девочке делаю сиреневую пижамку (и, возможно, еще будут шортики  и майка. Но потом).
Теперь отрисовываю в остальных 4 ракурсах.
То же самое, растягиваю ее, проверяя сочленения рук и ног, бедер с ногами. Проверяю патчи и маски.
Картинки будут потом.

Как закончу, создам скелет.

Со скелетом тоже есть варианты. Есть " костяной" скелет, его еще называют IK inverce kinematic.
А есть скелет " деформационный). Там тоже есть вариант похожий на кости. И он в последние годы пользуется бешенной популярностью среди юзеров программыToon Boom.
Однако это не кости. И деформация может изменить длину бедра или голени например, когда это совсем не нужно. Растянуть, при небрежном обращении.
 Заметила, смотря ролики в ютуб, что в программе вообще отменили IK. Просто нет в программе этого инструмента ( только в версии премиум, самой дорогущей). А в обычной, продвинутой - костей обычных нет.
Типа хочешь строить классический скелет выкладывай за премиальную версию ( для профессиональных аниматоров и 2дшников).
Надо бы еще присмотреться, просто не могу поверить

Одним словом попробую оба варианта.
 Посмотрим с каким будет управление проще.,. Пока мне кажется именно ik. И в  других 2д анимационных прогах,  и 3д так скелет строят с обратной кинематикой... по классике.
А вот змею, или щупальца кальмара проще деформерами.
Мне кажется деформеры не могут заменить нормальные кости персонажа.
Но например юбочку растянуть когда нога поднята - вполне. Это просто другой инструмент.

[Соня (Bruja)]

Жарыня... в такую погоду только в бассейне отмокать.
Обещали волну высоких температур из Африки. Вот она и подошла наконец.
Работать лень...

[Соня (Bruja)]

] а в Moho нельзя подобное сделать? там тоже какие-то есть кости, если не ошибаюсь

Можно и даже проще ( хотя про патчи не уверена на все 100).
Там даже можно в фотошопе или другой рисовалке нарисовать и разрезать, а в мохо уже собрать и анимировать ( в тун буме тоже можно, в мохо проще просто).

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

Я уже думала об этом.

Но как там наример вываливающегося кубарем из дыры в стене лиса сделать?
Или его превращение в паренька?
Никакой морфинг с этим не справится только рисовать по кадрам надо.

То есть мои сцены микс, а не только перекладка кукол марионеток.

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

[lis]

10 сек это примерно  120-140...

Адскый труд..

[Соня (Bruja)]

Получится, без сомнения) кстати, юзал немного Blender, там есть режим рисования и 2D анимации, покадрово можно делать.

Спасибо))
В Блендере я тоже пробовала. Не сейчас, там еще инструменты для рисования были сырыми. Знаю сейчас их намного улучшили!

В самой Юнити есть возможность анимировать разрезанный на части рисунок. И приделать скелет и установить влияние костей, на сколько они будут влиять на куски тела. Довольно прикольно и результаты которые я видела - очень даже милые.
Но конечно если в проекте наметятся сцены и анимация в них, а тем более покадровая - то встроенный инструмент Юнити не подойдет.
Но на крайняк я его себе отметила.


ШАБЛОНЫ

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

Сначала персонаж группируется. Потом " нарезаются" шаблоны.

Шаблон персонажа в каждом положении отдельно. Отдельно повороты головы, что бы можно было ею "вертеть". Например стоящий прямо персонаж сможет повернуть голову и посмотреть на лево или направо. Делается это " подменой" головы.

Шаблоны конечно не отрезаются от Мастер- Рига ( от полной версии персонажа, над которым вы столько трудились). Основа останется неизменной, на всякий случай. Если вы вдруг испортите что нибудь.

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

По сути это все та же палитра. Она существует как клон основной. И цвета на персонаже ( день или ночь) сменяются автоматически. Вам не нужно вручную перекращивать детали. Такая удобная палитра есть как мне кажется только в Toon Boom, и была еще в самых старых версиях программы. В других программах по 2D анимации я не встречала подобного. Либо, подобное есть в бесплатной проге OpenToonz. Но там есть другие недостатки. Хотя из бесплатных - это самая прекрасная программа с кучей отличных функций.

Но, я отошла от темы. Шаблон каждого из положений, длиной всего в один кадр - складываются в библиотеку персонажа. И потом, в любом проекте, на любой сцене - вы можете вытащить нужный вам и подогнать под  сториборд ( раскадровку, набросок анимации во времени).

Одним словом нужная и удобная вещь.

Основа, основной персонаж, которого я " зарезаю" на шаблоны - занимает 30 кадров на временной шкале. Там все позы и повороты. Все выражения кистей рук и рта. Там же весь шмот. Все хранится на разных кадрах. Но это нельзя использовать в сцене. В сцене вам не нужно, что бы персонаж 30 кадров крутился поворачиваясь в бок, непрерывно строя идиотские рожи и бешенно жестикулируя .
Вам нужен всего один кадр - одна поза. А остальное вы анимируете или подберете - в соответствии со сценой. Разговор и выражение лица и жесты.

Проблемы - при нарезке на шаблоны - слетают опорные точки. Например точки - оси вращения плеча,  локтей, бедер  или колен.
Думаю проблема возникла на этапе группирования перса. Надо будет перепроверить).

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

[Соня (Bruja)]

ШАБЛОНЫ.

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

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


Пока скелета еще нет, это все еще подготовка.
Сам скелет кажется делается нажатием одной кнопочки. Потом немного корректируется (удаляются лишние кости, которые программа автоматически создает меж всеми опорными точками.

И еще - смена шмота. Для этого все меняющиеся части тела персонажа - делают символами (как в старом  добром Flash). То есть не только части тела в виде шмота, но и жесты рук, и смену обуви....

[Соня (Bruja)]

Ознакомилась с полным курсом уроков на которые опиралась.
Резюмэ

СКЕЛЕТ

На этом этапе либо строится скелет ( инверсная кинематика IK), так же работающий как и в 3d программах. Или строятся в каждом ракурсе отдельные скелеты и все привязанны к персонажу  - из " костяных деформаторов"( типа кости).  

АНИМАЦИЯ

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

Далее идут уроки по анимации, чисто вводный курс. И показывается разница при использовании движений разного типа. Для каких то движений удобна обратная кинематика, где персонажа можно потянуть за ручку и он ей в след наклонится, как живой человек. Либо " прямая кинематика" костей деформаторов или тягания картинок.
Как сохранять скелеты в шаблонах персонажа.
И принципы самой анимации - построения ключевых поз, а потом корректировка ключевых кадров. Тайминг и спейсинг. Размеренность движения. Ускорение движения в начале, или замедление, в начале и конце. Графики и кривые функций управления движением... циклы движений, сохранение их в библиотеке. Повторяющиеся циклы на шкале времени в сцене. Контроль циклов - они могут повторяться не в прямой последовательности, а например запускаться наоборот, от последнего кадра к первому и прочая забубенная муть.

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


КАМЕРА

Далее работа с камерой ( камерами).  Движение камеры, корректировка пути. Не смотря на то что прога 2d в ней есть 3d план. И что бы создать эффект глубины или параллакс эффект  реально картинки раздвигаются вглубь сцены по оси Z  ( параллакс эффект -  когда то что расположено ближе, кусты и деревья движется быстрее, а то что на заднем плане и далеко, типа горы - движется медленнее).

То есть камера реально движется в глубину сцены, потому что у 2d сцены есть глубина.
Работа с траекторией движения, хоть камеры, хоть частей рисованных объектов сцены. Корректировка пути движения, ускорение и замедление на пути,
Там можно и комнату собрать в 3d,  ну повернуть картинки стен на 90 градусов и построить комнату, если вы не любитель отрисовывать перспективу. Проблема в объектах комнаты, которые не прилеплены к стене и выпирают. То есть кровати столы стулья и прочее. В новых версиях проги вы прям можете модель 3d загрузить в сцену ( без текстур, серенькую) и использовать ее как референс, отрисовывая предметы в нужном вам ракурсе. Но это уже на любителя.
Я точно кровати 3d в нарисованную спальню героини затаскивать не собираюсь

МОРФИНГ

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

СЦЕНА
Одним словом, нужно просто распланировать сцену и заняться ею.

Ну и заняться остальными персонажами. Девочка, как я поняла из уроков  - уже готова. Бери и анимируй... А все остальное придет с практикой.

[Соня (Bruja)]

Инверсная кинематика и скелет IK

Для каких то движений удобна обратная кинематика, где персонажа можно потянуть за ручку и он ей в след наклонится, как живой человек. Либо " прямая кинематика" костей деформаторов или тягания картинок.

О том что такое инверсная кинематика и кости, подробно и на русском.

<a href="https://youtube.com/v/UlOIihf0Z84" target="_blank">https://youtube.com/v/UlOIihf0Z84</a>

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

[Соня (Bruja)]

На этом этапе строится скелет ( инверсная кинематика, кости IK)

Вот так выглядит сам скелет.
А вот некоторые позы, я немного поигралась, пытаясь разобраться как он работает.
Не хватает деформаторов (типа кости и не только). Их можно добавить тоже. В некоторых позах фигура "ломается", а деформаторы помогут ее "подтянуть" и добавить девочке гибкости. По крайней мере я на это надеюсь  

сам скелет. "Антенна" на макушке - это "косточка", для шевеления собранными в хвостик волосами. Сверху торчит, что бы не искать ее среди мешанины других костей.



В медитации



Вместе весело шагать по просторам!



Поговорим о сновидениях?

[Соня (Bruja)]

Симпатяжки)

Спасиб на добром слове )))

ДЕФОРМАТОРЫ - НОВЫЕ КОСТИ

Перестроила (упростила !!!) все связи меж частями тела персонажа, под другой вид костей. Руки и ноги более не разрезаны на части - только рука и кисть, нога и стопа. Никаких коленок и голеней, никаких предплечий и плеч...
Эти кости насколько помнится - уникальные и чисто Toon Boom-овские.
Они дают больше контроля и гибкости персонажу.
Классический скелет - более топорный. Просто "перемещает точки" сочленений. Тут же, картинке добавляются новые контрольные точки, за которые можно тягать и изменять угол вращения.
Просто посмотрите, какая разница!

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

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

1 - просто валяет дурака.
2. типа - падает (_{в кроличью нору, как Алиса} )
3. гибкая шея
4. управление кистями рук

[Соня (Bruja)]

О живом прототипе этого персонажа - пару слов..
Хотя у нее (у куклы) кодовое название  - Соник - на самом деле прототипом послужила моя подруга, мы давно с ней знакомы здесь в Испании.
Так что цвет волос и глаз, всякие медитативные позы у персонажа, худенькая фигурка - это у нее от живой модели

портрет ей рисовала, кто следил, то вспомнит

http://forum.postnagualism.com/index.php?topic=102977.msg484017#msg484017

[Соня (Bruja)]

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

Ну вот, этот персонаж практически готов.

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

Это уже не кости, а деформатор формы - Envelope deformer.

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

[Соня (Bruja)]

Контроль деформаций. Узел (нод) Fold

Не писала, просто некогда было сделать запись.
Итак, довожу до ума этого персонажа, последние штрихи и детали.

Проработала сгибы рук и ног, установив контроль над сгибами и пересечениями с нахлестом.

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

1. Этот узел Fold *(или инструмент, программка, "нод"). Честно говоря я бы назвала его "Излом", как в Сталкере мутанта. Почему то такая ассоциация. пока его настраиваешь - всю руку изломает персонажу, пока усядется на свое место.

2. Настройка этого узла на сгибе локтя.

3. Для сравнения - одна рука настроена, вторая - нет. Очевидна разница. Ужасное перекрестье на сгибе - исчезло.

[Соня (Bruja)]

Сумка

И далее - сделала персонажу сумочку поясную. Которая была у меня в оригинале.

Ну типа накладного кармана. Нечто похожее есть и у меня и вообще тут подобными кармашками часто пользуются. Это очень удобно. Только конечно у мультяшки сумочка будет безразмерно вместительной, просто магической. Нужно же ей будет где то свой скраб хранить в пути. А создавать ей рюкзак не хочется, слишком уж затасканный образ, особенно после Лары Крофт.

Особенность в. том, что сумку носит персонаж не всегда. И даже когда носит - сумка висит на одной стороне. То есть при повороте на 360 градусов - в каких то ракурсах она видна, а в каких то нет.

так что даже когда персонаж носит сумку - видимостью сумки придется управлять вручную. так как нет возможности как то это сделать программно.
я рисовала только 5 видов (поворотов). Но у трех есть и зеркальные отражения, то есть в целом - позиций ключевых - 8.
Для того, что бы не путаться, когда сумка на бедре видна, а когда нет - буду пользоваться шпаргалкой (поворот персонажа по оси Х делается автоматически, как только значение меняется на минусовое).
 И отключать видимость сумки или включать ее в ручную.
Возможно, при необходимости - дорисую сумку и там, где она не видна,
Эврика! - просто перекину ее глубже, на задний план по оси Z , и тогда она окажется Zа бедрами ! Что бы не заморачиваться на эту тему.

К тому же у сумки есть кадры анимации всего парочка - типа сумку открывают.

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

1-2 поворот персонажа (Flip Axis X 1 -  --1). Сумка видна - и не видна.
3. Шпаргалка со всеми позициями, просто сохранено как рисунок, еще на стадии создания персонажа.

[Соня (Bruja)]

Ну вот, первые шаги...
Пока в пижамке, все равно нужна такая для стартовой сцены, и еще, не надо думать о сумке *(проблема с сумкой описана выше). Потом мы ее переоденем и тоже анимируем. Нужна ведь не только ходьба.
Конечно для GIF анимации сохраняла через кадр. Если сохранить как видео, то движения будут более гладкими.

(чтобы девочка ходила возможно придется кликнуть на картинку. Тут она не всегда проигрывается автоматически)

[Соня (Bruja)]

на маке с чипом М1 - варианта нет запустить прогу Toon Boom.
Ну просто кошмар..
прием многое из старья заводится, без проблем.
Решила просто в другой проге работать и не мучиться.

одним словом не знаю, что получится.

1.

Все бы хорошо, но у меня программа заглючила и откинулась. Как раз перед  выходом Лиса на сцену.
Придется снова сцену собирать..

Ночь.
Вот тут на сцене появляется лис, и задержавшись общается с мотыльком...
 Лис по дороге в Бар на краю...  там перед баром по дороге он превратится в человека...

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

Это типа пролог...

Цвета и вообще картинки  - тестовые.
Можно хоть черно белые, типа аниматик..

<a href="https://youtube.com/v/881rO3RaAFs" target="_blank">https://youtube.com/v/881rO3RaAFs</a>


2.

Стартовый амбиент.
Это работа в процессе.
Для первой анимированной  сцены- самый низ картинки.
Я ее потом разрежу на планы, типа синие кусты самые темные- впереди. поляна сзади. Дерево по середине.

Кстати да, японские мультики потому такие притягательны- у них очень проработанные фоны. Ну прям картины... а анимация так себе.. но фон окупает все.
я вот тоже перед выбором.. либо отдать все силы на анимацию, ну там 24 картинки в секунду  отрисовывать, или выехать на амбиенте и 12 кадрах, вполне достаточных для 2д.

[Ю]

Стартовый амбиент.

красиво

[Соня (Bruja)]

красиво

Спасибо

[Соня (Bruja)]

воспринимаю JS, как приладу к DOMу. Т.е. JS я не по учебникам, а на практических примерах изучала, где все они сплошь с DOMом повязанные

Игры на Phaser.js - пишутся без DOM(! эврика!), хотя работают на веб странице..

Phaser Quick Guide
https://phaser.io

Типа этой игры - охота на крота
каждая сцена (ну это на юнити мы еще лепили)-- тут - это отдельный файл JS.
Есть так же файл game.js - он связывает воедино наши сцены и помогает контролировать поток между каждой из них.

Все это отображается в браузере, посредством index html, в котором в <head> - прописана, помимо стандарного набора линков - только канва (игровое поле, за пределы которого игрок или персонаж типа крота - не выходит) , ее размеры. И пристегнуты все скрипты в <body>, все какие есть.
Пустая страница html по сути..
Нет стиля css файла..
Все прелести в скриптах сцен, которые подгрузят нужный антураж (картики)..

Закончу, покажу...
Так как мы только учимся, там уже есть большая часть кода. Но она не работает. Функциональность придется встраивать нам, ученикам..
Позже научат как самим собирать с нуля.. Это по крайней мере было заявлено в курсе.
(картинка - репрезентация рабочей версии, которую нам услужливо показали... что бы заинтриговать.Вообще они редко это делают.. Даж странно..).

[Соня (Bruja)]

Крота Землеройного сделала.. Но пока не заливаю на GitHub pages, там еще кучка таких маленьких игр намечается, так что ссылки будут позже..
Тем более это просто шаблон, под определенного рода игру. Который можно взять за основу потом и доработать на свой вкус.


Сейчас делаем что то похожее на старую игру в минное поле.. ну основа - те же клетки. Только тут надо клад искать, наперегонки с компьютером..
Охотник за Сокровищами!

И кстати да - вот тут массивы как раз нужны!
И циклы по ним.
Пара вложенных циклов - и можно обойти все клетки поля!
Ну и раскидать там рандомно несколько монеток - клад.  Скрыв их от пользователя.

Интересную штуку добавила в VS Code. Можно вообще прям внутри него симулировать загрузку страницы в веб. Не пользуясь LiveServer , который действительно открывает сцену в браузере по умолчанию установленном на компе.
А тут - вообще песочница, с инструментами разработчика и все, как у приличных браузеров..
Это так мило.

[Соня (Bruja)]

Ощущаю себя каким то Гарри Поттерром  - в Академии Волшебства  
учеником мага, корпящим над загадочными формулами..

[Соня (Bruja)]

Папка с файлами проекта:

https://github.com/mtapirina/chore-door

Живая страница веб - live page:

https://mtapirina.github.io/chore-door/


дверь для работ...


В этом проеĸте вы будете использовать свои знания JavaScript и DOM для завершения Chore Door, одностраничной интераĸтивной игры, созданной с использованием JavaScript.
Цель игры — отĸрыть все двери, не столĸнувшись с роботом уборщиком - ChoreBot.
Если вам удастся избежать ChoreBot и вы отĸроете последнюю дверь - вы выиграете!


инструкции

1 За одной из этих дверей прячется ChoreBot (Робот УБОРЩИК)
2 Ваша задача — открыть все двери, не наткнувшись на ChoreBot.
3 Если вам удастся избежать ChoreBot, пока вы не откроете самую последнюю дверь, вы выиграете!
4 Посмотрите, сможете ли вы выиграть серию побед!

[Соня (Bruja)]

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

От этого осталось какое то чувство неудовлетворенности..
Поэтому поискала уроки где можно научиться делать полноценнай пьяно-ролл или веб пианино, и чтоб звуки были и чтоб клавиши нажимались..
И !
что лично меня потрясло, еще в нашем по сути детском проекте - клавиши у пианино и вообще само оно -- не картики.
Это все стиль CSS! То есть кучка слов и описаний, а на экране монитора на веб странице вы видите клавиши и они затеняются когда по ним клацаешь..
Но это все - иллюзия!
Нет никакого пианино в виде изображения. Как нет и кнопок, или теней на клавишай..
А есть просто бла бла бла.. которое, как впрочем и наш внутренний диалог - преобразутся в некие образы сна например...
Это потрясающе на самом деле..

Это магия - буквально практическая работа по теории нагвализма!
(потом добавлю проект Академки когда уложу его в репозиторий на GitHub, и разверну в виде страницы веб.
А так же, добавлю проект, который получится у меня по этим урокам. То есть нормальное пьяно... правда в нем не хватает перехода по октавам.. Но это уже для профессионалов... Я же делаю проект, что бы понять сам процесс создания такой функциональной  красотули)


1
Build A Playable PIANO in HTML CSS & JavaScript

<a href="https://youtube.com/v/Mv1ZYpo8q4g?si=zI5aZt5EhMebL7Mf" target="_blank">https://youtube.com/v/Mv1ZYpo8q4g?si=zI5aZt5EhMebL7Mf</a>

Build A Playable PIANO in HTML CSS & JavaScript

Sounds - download

2
Пианино на JavaScript для Chrome
https://thecode.media/piano-js/

(полноценное виртуальное онлайн пиано, как вдохновение: https://virtualpiano.net )

[Соня (Bruja)]

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

Поиграть на пианино можно тут

https://mtapirina.github.io/playable_piano_javascript/

Файлы проекта в репозитории

https://github.com/mtapirina/playable_piano_javascript

Вот только не понимаю пока почему при проверке на моем компьютере - при нажатии на клавиатуру компа - пианино работает, а вот на загруженной и развернутой через GitHub версии - работает только нажатие мышкой..

И ошибка странная, совершенно не понятно, как мне ее исправлять..
Ошибка Веб Сокета..
То есть не в моем файле, а в GitHub-овском..

UPD - лучше блокиратор букв на клавиатуре!
Чем во втором случае - Piano Keys. Там при нажатии на букву на клавише - просто не реагирует и не играет.
В сети слегка подтормаживают оба с реакцией на нажатие.
Тестилось на компах и на Андроиде.

[Соня (Bruja)]

Вот только не понимаю пока почему при проверке на моем компьютере - при нажатии на клавиатуру компа - пианино работает, а вот на загруженной и развернутой через GitHub версии - работает только нажатие мышкой..

И ошибка странная, совершенно не понятно, как мне ее исправлять..
Ошибка Веб Сокета..
То есть не в моем файле, а в GitHub-овском..

Видимо нужно переключатель поставить. Чтобы отключить ввод с мыши и на гаджетах - точпад.

И включить компьютерную клавиатуру.
У меня прописан автоматическое распознание ввода, но видимо что то не срабатывает... ведь на гаджетах нет никакой кнопочной клавиатуры. Вот и по умолчанию остается только ввод мышкой и тыканье пальцем..

[Соня (Bruja)]

Клавиши Пианино - Piano Keys
Урок КодAкадемии (Codecademy)

Создайте интерактивную игру на фортепиано

Вы веб-разработчик, которого наняла музыкальная образовательная компания. Этот клиент хочет, чтобы вы создали интерактивную игру, которая поможет его ученикам начального уровня учиться игре на фортепиано. Создайте пианино с событиями DOM на JavaScript!


Веб страница, где можно поиграть на пианинке !

https://mtapirina.github.io/piano_keys/

файлы проекта на GitHub

https://github.com/mtapirina/piano_keys

Добавила в проект небольшие изменения. Клавиши пианино издают звуки при клике мышкой или нажатии пальцем на них.

[Соня (Bruja)]

UPD - лучше блокиратор букв на клавиатуре!
Чем во втором случае - Piano Keys. Там при нажатии на букву на клавише - просто не реагирует и не играет.
В сети слегка подтормаживают оба с реакцией на нажатие.
Тестилось на компах и на Андроиде.

Код блокирующий буквы наклавиатуре в Javascript Piano работает корректно. Надо будет обратить внимание.
UPD
1 - внесла изменения в CSS:

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

вот этот кусок говна, делающий объект не выбираемым, но при этом и НЕ кликабельным :

.disable-select {
    cursor: pointer;
   user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }


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


Другой способ блокировки был прописан каждому классу включающих буквы клавиш:

.keynote, .black-keynote{
    pointer-events: none; // чтоб не реагировал на события клика мыши например
                                              //на себе самом. То есть буква не выбирается.
                                              //Но клавиша на которой буква написана - да!
                                              //в то время как верхний код блокировал все и клавишу под буквой тоже

   position: absolute; // так как буквы более не блочные элементы, абсолютная аозиция убирает лишнее пространство вокруг буквы.. Хотя думаю теперь, при новом коде  pointer-events: none -- вообще не имеет значения были буквы блоками или нет. Но раз взялась убирать лишнее...
(это код урока, то есть базовый код, для упражнения с событиями DOM JS. Звука у пиано не было изначально. Поэтому код был таким как был. Не в нем суть, он просто создавал нам пример.. с которым мы работали дальше.
  }


2 - в index.html убрала класс disable-select на   <section class="piano">
Так как более он в CSS файле не используется.

Теперь можно вносить изменения в файлы проекта на GitHub!!

[Соня (Bruja)]

Больше не застревает нажатие, и само пьяно не зависает, то есть нет задержки более.
Одно не нравится мне. На Андроиде - все поле с нотами выделенным становится.. как бы это убрать...

Но функциональность стала гораздо лучше!..

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

(осталось разобраться как клавиатуру компа - вместо мышки подключать.. или переключать...
 но это потом)

Веб страница, где можно поиграть на пианинке !

https://mtapirina.github.io/piano_keys/

[Соня (Bruja)]

Musicon

Codecademy - Handlebars project

//Handlebars компилирует шаблоны в функции JavaScript. Это ускоряет выполнение проекта.

В этом проекте вы будете обновлять сайт интернет-магазина музыкальных инструментов Musicon. Вы используете свои знания HTML, CSS, JavaScript и Handlebars, чтобы создать стильный многостраничный интерактивный веб-сайт!

Musicon будет иметь три отдельные веб-страницы: домашнюю страницу, страницу магазина и страницу контактов. На домашней странице и странице магазина уже настроена большая часть HTML и CSS. Ваша задача — внести следующие изменения:

Создайте панель навигации, используя неупорядоченные списки, теги привязки и атрибуты классов.
Создайте дизайн веб-сайта, используя свои знания об отображении, позиционировании, цвете и объявлениях шрифтов.
Создавайте семантические шаблоны, используя клиентский механизм шаблонов: Handlebars.

Готовый сайт:

https://mtapirina.github.io/musicon/index.html

Файлы проекта:

https://github.com/mtapirina/musicon

[Соня (Bruja)]

Готовый сайт:

https://mtapirina.github.io/musicon/index.html

Надо бы на страницу музыкальной школы воткнуть пианино чтоб прям со страницы поблямкать..

Потом подумаю об этом. Главное идею зафиксировать.

Сейчас пока куча других заданий  нависло...

ЗЫ это осознание, о скриптовом пианино... что с ним делать можно еще..

[Соня (Bruja)]

Электрическая Мышь

Сейчас тренируюсь на... совах.. а в конце игры будет босс - кот.. Лысый
Психо - Кот.. помимо всего, у него еще и два хвоста.. видимо попал под радиацию..
Из курса Phiser.js

[Pipa]

Кот.. помимо всего, у него еще и два хвоста.. видимо попал под радиацию..

Лишний хвост необходимо срочно отрубить! И посыпать рану солью, чтобы новый на том же месте не вырос .

[Соня (Bruja)]

Кот.. помимо всего, у него еще и два хвоста.. видимо попал под радиацию..

Лишний хвост необходимо срочно отрубить! И посыпать рану солью, чтобы новый на том же месте не вырос .

 

Мыша обрубки Коту прижигает электричеством!

Электрическая Мышь

Codecademy - Phaser.JS Game Dev проект

Поиграть - потестировать можно тут
https://mtapirina.github.io/electric_mouse_game/

Файлы проекта лежат тут
https://github.com/mtapirina/electric_mouse_game
(есть проблема
1. - со здоровьем психо-кошки, оно остается на минусах с предыдущего помершего врага, обновляется только после действия игрока. И так было уже в том коде, что мы получили для доработки.

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

Вот ссылка в прелойдере ( загрузчике )

preload() {
      const baseURL = 'https://content.codecademy.com/courses/learn-phaser/electric-mouse/'

 )

***

Давайте объединим наши знания об объектах, чтобы завершить создание игры, в которой наша Электрическая мышь сразится с Безволосым котом-экстрасенсом и его приспешниками-Совами!

Суть игры заключается в том, что два персонажа сражаются друг с другом. Игрок — Электрическая мышь, а компьютер — Безволосый кот-психопат и его приспешники-совы. Прежде чем игрок сможет сразиться с Психической голой кошкой (гугла-перевод просто замечательный!  ), игрок должен победить трех миньонов-сов. Игрок и компьютер одновременно выбирают один из трех ходов: «Атака», «Защита» и «Специальная атака», после чего результат выбора отображается на экране.

Мы будем работать с одним файлом под названием GameScene.js. В GameScene.js вы будете использовать объект gameState для хранения состояния игры. gameState будет отслеживать все состояния наших персонажей, кнопок и текстовой информации. Мы кратко рассмотрим создание спрайтов и анимации с использованием синтаксиса Phaser. Нам также нужно разработать логику для кнопок «Атака» и «Защита».

Для дополнительной задачи попробуйте:

Настройте сложность игры, определив собственные значения HP для электрической мыши и/или врагов. +
Измените логику защиты, чтобы исцелить обоих персонажей, если они оба решат защищаться. +
Вначале дайте электрической мыши дополнительные жизни. +

А с этим мне пока лень возиться:
Отредактируйте стиль информационного текста (на русский чтоль им перевести?  )
Создание еще одного хода, который могут выполнить игрок и компьютер (Специальная защита?).
Создайте логику, определяющую точность хода, чтобы игрок или компьютер могли промахнуться.

[Соня (Bruja)]

COLOR A PEGASUS - Раскрась Пегаса!

Codecademy Phaser JS Lesson - урок


Игра Раскраска - Раскрась Пегаса! по этой ссылке:
https://mtapirina.github.io/color_a_pegasus/

Файлы проекта:
https://github.com/mtapirina/color_a_pegasus

***

В этом уроке мы собираемся предоставить функциональные возможности для создания нашей первой игры-раскраски под названием «Раскрась пегаса».

На этом уроке мы построим:

События щелчка мыши для тела пегаса, чтобы раскрасить каждую секцию новым цветом.
События щелчка мыши для палитры, чтобы обновить текущий выбор цвета.
Наведите курсор на события тела пегаса, чтобы указать часть пегаса, на которую нужно щелкнуть.
Наведите указатель мыши на события палитры, чтобы показать, когда выбирается цвет (и указать, какой цвет выбран).

Раскраска
Нам дали базовый макет нашей игры — мы, разработчик игры, должны предоставить ту часть нашей игры, которая сделает ее играбельной. Нам нужно создать механику игры, ту часть, которая сделает ее чем-то большим, чем просто изображение пегаса.

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

Указание выбора
Раскраска пегаса – с «игровым» аспектом нашей игры разобрались, но нужно продумать нашу подачу. Если мы хотим, чтобы кто-то, играющий в нашу игру, знал, куда нажимать и как на самом деле раскрасить пегаса, нам придется поработать над интерфейсом. Возможно, вы заметили, что нажатие на некоторые части пегаса не совсем совпадает с формами. Это связано с тем, как фигуры накладываются друг на друга. Есть много способов это исправить, но решение, которое будет работать хорошо, — дать игроку, играющему в игру, некоторое представление о том, какая часть Пегаса будет окрашена после того, как он щелкнет мышью. Мы собираемся использовать режим наложения экрана, чтобы указать, какая часть Пегаса будет выбрана. Режимы наложения определяют, как заполненная фигура взаимодействует с другими видимыми фигурами, что-то вроде изменения непрозрачности и цвета фигуры. В результате наша выделенная часть станет полупрозрачной и белой с белым контуром.

Индикация выбора палитры
Теперь в нашу игру стало намного удобнее играть, поскольку люди знают, на что они нажимают, но как мы можем отслеживать, какой цвет в данный момент активен? Добавив соответствующие события при наведении в нашу палитру Circles!

Поздравляем! Вы сделали свою первую игру «Раскрась Пегаса»! В ходе этого урока вы создали последовательность обработчиков событий, позволяющую:

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

Дополнительно:
Добавьте в палитру новый цвет. (изменила палитру)
Раскрасьте фон, а также пегаса - цвет по умолчанию.

[Соня (Bruja)]

Create a Fantasy Adventure Game - Создайте приключенческую игру в жанре фэнтези

файлы проекта
https://github.com/mtapirina/adventure_fantasy_story

Готовая игра
https://mtapirina.github.io/adventure_fantasy_story/



Создайте фэнтезийную историю в  приключенческом стиле в Phaser, используя события кликов! Кодакадемия, Phaser JS

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

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

[Соня (Bruja)]

Create a Fantasy Adventure Game - Создайте приключенческую игру в жанре фэнтези
...
Создайте фэнтезийную историю в  приключенческом стиле в Phaser, используя события кликов! Кодакадемия, Phaser JS

Этот шаблон вполне подойдет в каком нибудь ином проекте, как система диалогов, в определенных сценах.
То есть не как самостоятельная игра (по личному мнению это просто скучно). О как часть механизма другой. Посложнее. где есть персонаж, он где то приключается, а потом болтает с местными жителями или каким то ключевым неписем (не игровым персонажем, имеющим ключевую роль)..
Ну или с драконом, перед последним сражением..
система диалогов довольно сложная фигня. помню на юнити ее создавала как отдельный плагин, встраиваемый и заполняемый для отдельной игры..
Тут же довольно любопытное написание.. и все диалоги по сути - обхекты джава скрипт, со своими парами -
ключ:значение.
То есть кто когда и что после делать..
То есть есть диалоги, фразы-которые выводят из самого диалога. Спросил герой ерунду какую то, и все,  его послали на х.. Диалог оборвался. А что бы выпытать побольше - персонажу нужно либо умно как то беседу вести, чтоб собеседник раскололся и выдал нужное инфо, либо иметь стат- ну например обладать высоким уровнем шарма.. тогда ему раскроют легко все секреты.. кроме квестовых.. но все напводки отдадут без утаек..
кто играл в Столпы Вечности, наверняка помнит тамошние диалоги.. То ли ум нужен чтоб определенную инфу получить, то ли сила (запугать) то ли еще какой стат..
Любопытно.. преподносят куски, но довольно практически нужные.. Большой проект без них не слепишь.


сейчас мы на физике, симуляции Фазера физичекских взаимодействий. Ну конечно, гравитация, физ тело - и коллайдер  нацепленный на тело (невидимый игроку - детектор столкновений. На картинке внизу это тот розовый квадратик вокруг тел жука и героя. Зеленая линия гравитация и ее сила.. сильнее гравитация - длиннее линия. В игре этого потом видно не будет. Это чисто дебаг для разработчика).
Любопытно сделана установка назначение, физики объектам и спрайтам (картинкам), как мобильным - подвижным, так и статическим, таких как  платформы, стены и прочие препятствия..

сравниваю с юнити и си шарпом..

Что то похоже делается. Что то совсем иначе..

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

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

Ну и зюма канечно, лягуха плюющая шариками..

[Соня (Bruja)]

Все с космическими захватчиками тараканами _покончено. но на Гит хаб не грузила пока..
тараканы как классически инапланетяне - теперь стреляют. И их колонны смущаются из стороны в сторону, спускаясь нижу.
Коди - тот фиолетовый чудик--теперь может отстреливать орды захватчиков, стреляя вверх репелентом от насекомых..
Хочу немного потом доработать то что получилось..
Потом подгружу ссылки сюда.

Сейчас мы учим Классы джаваскрипт. Они в Фазере нам понадобятся, для создания и подгрузки разных сцен. Начальное окно, сцена с игрой, и концовка.. В дальнейшем конечно можно так же грузить уровни игры, например или иные помещения, в которые заходит герой..

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

[Соня (Bruja)]

охота на крота
каждая сцена (ну это на юнити мы еще лепили)-- тут - это отдельный файл JS.
Есть так же файл game.js - он связывает воедино наши сцены и помогает контролировать поток между каждой из них.

Все это отображается в браузере, посредством index html, в котором в <head> - прописана, помимо стандарного набора линков - только канва (игровое поле, за пределы которого игрок или персонаж типа крота - не выходит) , ее размеры. И пристегнуты все скрипты в <body>, все какие есть.
Пустая страница html по сути..
Нет стиля css файла..
Все прелести в скриптах сцен, которые подгрузят нужный антураж (картики)..

Закончу, покажу...
Так как мы только учимся, там уже есть большая часть кода. Но она не работает. Функциональность придется встраивать нам, ученикам..

Поиграть потестить можно тут:
https://mtapirina.github.io/mole_unearther/

Файлы проекта лежат тут:
https://github.com/mtapirina/mole_unearther

Игра «Выкопай крота»

Курс Codecademy PHASER JS

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

В этом проекте используется библиотека Phaser.js для настройки нашей сцены и создания персонажа-крота с соответствующей анимацией. Мы будем создавать основную игровую логику с таймером, который дает пользователю заданное количество времени для игры, табло, которое награждает и наказывает пользователя очками, и, наконец, функцией, которая приостанавливает игру.

Дополнительно:

Добавьте еще одну нору наверху, чтобы крот мог перемещаться и туда тоже. (изначально - 3 работающие норы)

[Соня (Bruja)]

Учу Кодю прыгать. А так же, учусь генерировать для него уровни..
Чтоб не всегда ручками левелы лепить..

[Соня (Bruja)]

Закончила фазер, взяла сертификат об окончании курса.
 это даже не курс, а ...  skill path, что то вроде пути навыков, то есть добавочные знания или база.. которая задает направление для последующего изучения более детально.

Все прекрасно, кроме последнего проекта, который типа зачетной работы.
По личному мнению игра совершенно не интересная, не понятно вообще на какую публику рассчитана..
Может это лично мое отвращение к проекту, но я его доделала вообще не вникая в то, что делаю..
Под конец меня отчетливо подташнивало..
Какая то дурацкая игра в общепит.. или мак бургер..
Строится очередь, разной степени голодности, и игрок ( работающий за повора или обслуживающий персонал быстропита) должен подать всего три блюда. Каждое соответствует баллу - 1, 3, 5.
Ну надо так выбрать цифры- блюда  ( нажимая три кнопки на клавиатуре), чтоб заказ был ни переполнен , ни недополнен..
Там типа подносик у заказчика и можно видеть ячейки, которые заполняются, пока вы выбираете нужные кнопки ( соответствующие цифрам), что бы получить нужное число - уровень голода клиента).
За правильно подобранные заказы клиент вас оценивает в 5 звезд.
Чем сильнее вы отклоняетесь от удовлетворения его голода, тем меньше звезд собираете.
Если звезд вы набрали слишком мало, то после первого раунда игра оканчивается. Если вы набрали определенную сумму звезд, то общепит работает, и клиенты выстраиваются снова в очередь. Второй круг игры по обслуживанию начинается..

Сама идея игры такая дурь по моему, что только отвращение берет живоглотов цифровых насыщать.

Но благо в процессе было очень много интересных тем. И  с Коди ( это символ академии, типа как наш олимпийский мишка), с ним мы разрабатывали основы платформера, и немного поведение врагов.
Уровни, смены дня и ночи с каждым уровнем.. погоду! То есть в Тундре, где Коди бегал по платформам в поисках костра, чтоб отогреться - было то утро, то вечер, то день или ночь. Утром начинали падать первые редкие снежинки, а к вечеру все это превращалось в метель. Ночью затишье и красивые звезды сияли в небесах..
Звезды красиво смещались с помощью эффекта паралакса.. то есть одни двигались когда герой бежал вперед. Другие оставались на местах..
Да, там были уроки по камерам, как настраивать, как трясучку устраивать shake cam, например если герой падает в пропасть, или запрыгивает на платформу.. типа буумм!! Только безмолвный.
Вставляли музыку в фон и спец эффекты к конкретным действиям или событиям.
Делали сцену много больше того, что видно в окне. Окно сцена - играло роль камеры, через которую мы смотрим на игровой мир.
То есть Коди игрок движется, и камера следует за ним..

Одним словом сам Phaser3 это такая интересная тема, что конечно я и после курса продолжу его изучать самостоятельно.
Пока продолжаю по официальным урокам от разработчиков. И замечаю именно те детали, которые в нашем курсе были упущены или не акцентировалось наше внимание на них.
Например правильная рефракция кода.
Нас обучали настройке разных сцен. Но уже тогда, основываясь на моем опыте работы в Unity с С# - я отмечала, что не хватает инкапсуляции... то есть вместо простынь кода, где смешались и "кони и люди", стоило бы отцепить некоторые сложные функции например создающие врагов и описывающие их поведение - в отдельный класс " Враги". На отдельном документе. А потом в коде игрового менеджера  импортировать в активную сцену игры.

Так мы делали в Unity, и это хорошая практика. И код легче читать, понимая где что и на каком файлике.
То есть враг - описан в одном файле, который лежит отдельно. Это отдельный класс, создающий объекты - экземпляры врагов.
В нем могут быть прописаны все виды врагов и их модели поведения. А в игровую сцену, в зависимости от уровня, мы импортируем ( создаем ссылку на класс) врагов, и лепим тех, что нам нужны из описанных в классе.

Либо для каждого вида врагов лепить общий класс и от него производные - типа летающий враг, патрулирующий враг и т.д.

Как говорится в лучших традициях абстрактного ооп.( объектно ориентированного программирования).

Одним словом очень вдохновляет продолжать. И конечно простенькие игры по официальным урокам от разработчиков я уже леплю..


Ну а на Кодакадемии продолжаю фронт энд.

Мы сейчас учим валидацию веб форм и добавление персонализированных опций с помощью джаваскрипт.


Игрушки и те проекты что мы создавали обучаясь игроделию - постепенно буду добавлять на гит портфолио. Времени просто не хватает.

Они вполне играбельные, но конечно сами по себе это не игры. А заготовки к ним..
То есть герой бегает, прыгает сцены меняются..

Из играбельных - по уроку уже от разрабов делали платформер где герой, похожий на Чиполино бегает и собирает звезды, падающие с небес.
Как собирет всю группу выпавших звезд,  падает навая звездная группа. А вместе с ней, незримый недоброжелатель ( кара господня ) выпускает одну бомбочку.
Бомбочка словно резиновая, отскакивает от платформ и земли и краев окна.. и постоянно скачет.
Герою надо собирать рассыпанные звезды и не подхватить саму бомбу. Не дать себя задеть.
И каждый раз, как он собирает всю группу рассыпанных звезд - добавляется еще бомбочка к уже существующей. То есть бомбы сами по себе не исчезают. А множатся с каждым раундом.
За собранные звезды начисляются очки. Задача игрока собрать больше очков, до тех пор пока он на бомбе не подорвется..
Простенькая игрушка, но довольно приятная )) и конечно отличная проктика и опыт для начинающих программистов на Фазере3.

А сейчас нашла там пример разработки RPG, в силе старых версий Final Fantasy ..
Обязательно пройду этот урок. Это то, что я искала..
Конечно хотелось бы action rpg а не пошаговой боевки, с выбором типа атаки и нажатием на кнопочку... но например Pilars of Ethernity весь на такой боевке сделан. И первые два Fallout тоже. И есть люли, которые и сейчас серьезно играют, выискивая лучшую стратегию и метод прокачки героя..
Так что, тоже вещь пользующаяся спросом, вызывающая интерес.
Жаль только что игпы эти - веб. То есть не где хранить сохранения например, кроме как на сервере, где игра залита. А это конечно не удобно..
Но код всегда можно перенести на серьезный движок, и сделать версию stand alone, чтоб играть стационарно на компьютере.. если вдруг что то такое достойное получится.
Игры веб это такие краткометражки. Часто видела, что на сервере сохраняют всего несколько лучших результата.. это же не MMO типа линейки Lineage2, чтоб полностью сервер отдать под юзеров-игроков..
Либо микро игры на Facebok... да Phaser полностью отвечает требованиям по интеграции фейсбуковых microgames...правда меня эта тема не интересует. Не люблю FB.

И да Phase3 совершенно бесплатен. Под лицензией MIT, с открытым исходным кодом.

Думаю, создавая веб портфолио в виде сайта -( это конкурсный проект в CodeCademy),  добавлю игрушку в страницу, чтоб прямо с главной можно было потестить хотя бы одну игру.
В отличие от веб страниц, примеров сайтов - на которые нужно переходить - окно игры созданной на Phaser можно встраивать напрямую в веб страницу.. соответственно стилю прописанному в CSS файле, общему для всего сайта.
Это круто на мой взгляд. Чтоб играть нужно только ткнуть мышкой в окно игры.. ну или пальцем, если вы с гаджета.
Игры конечно не все под гаджеты рассчитаны. Но это уже отдельная спецификация, создание игр на гаджеты, Android, iOS... пока не вникала в это.

Как минимум огне игру можно так встроить..  на остальные примеры - дать ссылки.

[Соня (Bruja)]

по уроку уже от разрабов делали платформер где герой, похожий на Чиполино бегает и собирает звезды, падающие с небес.
Как собирет всю группу выпавших звезд,  падает навая звездная группа. А вместе с ней, незримый недоброжелатель ( кара господня  ) выпускает одну бомбочку.
Бомбочка словно резиновая, отскакивает от платформ и земли и краев окна.. и постоянно скачет.
Герою надо собирать рассыпанные звезды и не подхватить саму бомбу. Не дать себя задеть.
И каждый раз, как он собирает всю группу рассыпанных звезд - добавляется еще бомбочка к уже существующей. То есть бомбы сами по себе не исчезают. А множатся с каждым раундом.
За собранные звезды начисляются очки. Задача игрока собрать больше очков, до тех пор пока он на бомбе не подорвется..
Простенькая игрушка, но довольно приятная )) и конечно отличная проктика и опыт для начинающих программистов на Фазере3.

*ЗВЕЗДЫ*

Оригинальная страница урока
русская версия урока - тут:
https://yocton.ru/phaser3/sozdanie-vashei-pervoi-igry-v-phaser-3


"Добро пожаловать на наш первый урок по созданию игры с помощью Phaser 3. Здесь мы научимся создавать небольшую игру, в которой игрок бегает и прыгает по платформам, собирает звезды и избегает злодеев. В ходе этого процесса мы объясним некоторые основные функции платформы."


Готовая игра тут, Можно поиграть, потестить. Управление стрелками. Прыжок - стрелка Вверх или Пробел:

https://mtapirina.github.io/stars_phaser3_tutorial/

Файлы проектана Github:

https://github.com/mtapirina/stars_phaser3_tutorial

[Соня (Bruja)]

Готовая игра тут, Можно поиграть, потестить. Управление стрелками. Прыжок - стрелка Вверх или Пробел:

https://mtapirina.github.io/stars_phaser3_tutorial/

Файлы проектана Github:

https://github.com/mtapirina/stars_phaser3_tutorial

Игру мне пришлось делать 2 раза. Первая, по ссылкам выше - сделана на "старой версии" джаваскрипт. И сам скрипт - был вписан в index.html страницу. По сути одна большая портянка.
И это немного удручало. В  КодАкадемии мы и то, файлы со скриптом отдельно писали, не смешивая коней и людей, образно говоря.

Но на мое удивление был найден в том же источнике (на русском языке)- обновленный вариант, той же игры, но на "современном" джаваскрипт.
Создание вашей первой игры Phaser 3 на современном Javascript

Да, надо отметить, что раньше в джаваскрипт просто не было понятия о классах. А потом их добавили. И конечно, с классами можно проделывать те же штуки, что и с С#, по сути джаваскрипт приблизилась к ООП.

То есть все те деления и расчленения кода на фракции, с одной точкой "входа" - одним только файлом, прикрепленныым к index.html, а не целой связкой всего, что у вас наскрипчено.

В этом уроке прибегают к использованию упаковщика Vite.js, который вам и нужные плагины подгрузит, и потом общую сборку и ужатие проекта (оптимизацию) сделает.
Вообще то эта штука - сделана для фронт энд разработки. А не конкретно для Phaser3  или игроделия.
Он удобен разработчикам веб страниц и веб приложений.
То есть он мне пригодится и для основной темы, которую я изучаю - фронт энда.

Как я ни кляла некогда терминал - мои возмущения касались работы через терминал с Git и Github
Git  и тошнота...
- на практике - это довольно не удобная штука. Но с использованием npm  все меняется (так мне удобнее, чем на голом bash с компом общаться).

npm - устанавливается с Node.js
npm (англ. Node Package Manager) — менеджер пакетов, входящий в состав Node.js
С ее помошью можно загружать любые версии того же Node.js, и различные дополнительные библиотеки.
И вот с ее помощью, устанавливается Vite.js
Ох, конечно поначалу я с ним намучалась.. Пока не нашла нормальное подробное (для нубов) объяснение, как по шагам подключить этот Vite.js. И как потом извлекать готовую сборку.

Удобство, которое сразу меня удивило, это то, что вызвав этот самый Vite, с помощью npm в командной строке терминала, прямо в программе разработки - VS Code -- можно выбрав язык, которым я буду пользоваться (джаваскрипт) - за секунду создать папку для веб разработки, шаблон, со всем необходимым для старта!
Там вам вся структура папок, с каким то примером простенькой страницы будет.
Все папочки  и файлы организованы и уже взаимосвязаны между собой. И подключен простенький скрипт..
У вас сразу будет и стартовая страница - index.html , и стиль для страницы - styles.css, и уже вкрученный в стартовую страницу скрипт main.js

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

Например тот же Phaser3 - по умолчанию его нет. Входим основную папку проекта, которую нам создал Vite
Парой слов в терминале npm phaser install - нам добавят в папку с плагинами так же и библиотеку Phaser, со всеми плюшками, которые предоставляют разработчики.

И да, с его помощью, запустив в терминале команду npm run start - вы вызовите лайф сервер, на порту 5000 или 8000... то есть вбив выданную вам строку или нажав прямо на ней (контроль клик) вам откроется веб страница, прямо с вашего компа, и она будет обновляться с каждым внсенным вами изменением. с каждой строчкой кода, которую вы внесете. Для разработчика это просто необходимо.

в терминале это выглядит так :

> phaser3-vite-template@0.0.0 start
> vite


  VITE v3.2.7  ready in 101 ms

  ➜  Local:   http://localhost:8000/
  ➜  Network: http://ххх.ххх.х.хх:8000/


И не нужно пользоваться никакими иными расширениями или плагинами для вашей среды разработки. npm и терминал оказались довольно полезной и прямо таки потрясшей меня вещью..

Зачем все это надо? Ведь в конце концов можно ручками накачать неоходимое или закинуть нужную библиотеку.
И лайв сервер - можно как расширение установить на программу, в которой вы работаете..

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

Когда закончив работу над проектом вы вызовите npm run build - вам создадут сборку вашего проекта - оптимизированную версию, и работающую быстрее, чем куча тех файлов, что вы написали в оригинале.

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

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

А потом я скачала с репозитория по ссылке к уроку - (клонировала, тоже через терминал- git clone (enter)- готовый шаблон, именно для Phaser3 + Vite.

Там добавлены мелкие но приятные плюшки и всякие нужные подсказки к коду на фазере, которого обычно в среде разработки нет.

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

Папки проекта (куча джаваскрипт сцен игры) в оригинале и в сборке (один джаваскрипт с непроизносимым именем и не читабельным для человека кодом)

Файлы оптимизированного проекта тут
https://github.com/mtapirina/phaser3_vite_build
Игрушка так же играется, как и ранее (сылки выше)
https://mtapirina.github.io/phaser3_vite_build/

на картинках:

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

[Соня (Bruja)]

Сделала еще одну игрушку, по уроку найденному в интернете.
Только одно но - она не продуманная какая то.. Если не упасть с платформы, то она не кончается.

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

И все бы ничего, но я немного изменила код из учебника, и морковки, которые не собраны.
Ранее, то что не собрано - просто падало вниз, ниже уровня экрана платформы исчезают.
 (и летящие бесконечно  в пропасть морковки, засирают память браузера) -

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

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

Заяц не стоит на месте, он подпрыгивает постоянно. И если платформы удобно расположены, то он сам может по ним подниматься выше, пока какая то из платформ не появиться где то вбоку, а не прямо над зайкиной головой. Ну или выше, чем его прыжок по умолчанию.

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


Одним словом, с этими наплодившимися морковками надо что то делать.. Лимит им какой то на их количество наложить.

Короче подумаю.. попробую сама довести до ума, прежде чем выкладывать играбельную версию..

ну и да, наверно впервые (или во второй раз) в игру по уроку вкрутили звук -  эффект от подскока зайца..

А вот как звук убавлять прибавлять или отключать вообще - так и не сказали..

Не понимаю вообще, на какой хрен кривые уроки делать?
Не делай да и все.. не парься.

[Соня (Bruja)]

Разбираюсь как цеплятьь сцены и классы друг в друга там где необходимо, что бы игра имела один вход , то есть на html файле была только ссылка на 1 скрипт ( а не список всех классов, которые в ней есть), ну и ссылка на библиотеку phaser.js

Можно и по старинке, но эта портянка на индех.html мерзко смотрится особенно если прицеплено много разных скриптов.. а вам там еще и саму страницу писать.

И разбираюсь, как управлять окном игры с помощью css .. если скрипт ( ссылка на него в стартовом файле страницы index.html ) вставить в <div>, то по идее назначив этому элементу id или класс, из стиля css можно задать размеры или разместить там где удобно, а не в верхнем левом углу ( окно игры там строится по умолчанию) и не в центре и вверху страницы..

Короче так, что бы вверху можно было встроить шапку сайта а в " теле", помимо окна игры еще какой то контент..

Потом буду разбираться с тайлсетами и тайловыми картами...
Тоже та еще трехомудия..

Просто скотство, большая часть обучалок почему то под TypeScript, опять же какая то мутация C#...
А вот на javascript  раз два и обчелся. И в основном на старую версию движка написанные.. а там действительно есть отличия. Ранее в javascript  не было классов.
Короче документ скрипта игры строился иначе. А потой писался прямо в html файле.
Сейчас конечно старые способы просто не работают на новом движке версии 3.

Такое чувство, что на js вы просто по умолчанию должны все сами знать и уметь...

Ну или же js объявлена " война"  майкрософтовским ( биллгетсовским) c шарпом..

Ее сносят из всех движков, а теперь и из движка на ней написанном и для нее..

Просто фантастика..
Суки..  нет слов.

Продажние шкуры.

[Pipa]

Сонь! Пришли мне на почту какую-нибудь html-страницу (js можно отдельно), чтобы на ней что-то при просмотре через обычный браузер двигалось/играло. А я ее потом в эту тему вставлю. А то форум сопротивляется вставке в него html-файлов качестве вложений.

[Werter]

Чистый JavaScript сейчас почти не применяется в коммерческой разработке. Рулят его производные: Реакт и Ангуляр для фронта, Нода для бэка, Тайпскрипт - если нужна строгая типизация. А она нужна, если ты пишешь что-то больше одностраничного сайта.
 А стили удобнее всего выносить в отдельный файл с расширением .css и подключать их через классы. Более продвинутый способ - через конструкции Реакта, там в одной строке идет код, подобный тегам html и классам css.
 В общем, изучение ДжаваСкрипт это шанс получить шанс на изучение его модификаций.

[Pipa]

Чистый JavaScript сейчас почти не применяется в коммерческой разработке. Рулят его производные: Реакт и Ангуляр для фронта, Нода для бэка, Тайпскрипт - если нужна строгая типизация.

     Дык на чистом JavaScript едва ли кто пишет. Сфера применения JavaScript - "оживление" HTML-страниц. И тут ему нет равных, но не столько потому, что как язык он уж так хорош, сколько потому, что его все интернет-бразузеры поддерживают (его скрипт понимают и выполняют). Например, в описании моего любимого Firefox'a так и сказано:

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

Аналогичная картина и в других на интернет-браузерах.

[Werter]

Pipa, у вас слегка устаревшие сведения. ДжаваСкрипт давно уже перерос скриптование браузеров, для чего его создала компания Нетскейп, которую доконал Майкрософт, но сотрудники которой создали Мозиллу и крепко подпортили бизнес Майкрософту и другим айти гигантам тем, что создали движ с открытым исходным кодом.

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

[Werter]

 Pipa, специально для вас, как для ценителя старых языков программирования, крутящихся под капотом современных.
<a href="https://youtube.com/v/qQXXI5QFUfw?si=RDSWzWcYe1PA0OQq" target="_blank">https://youtube.com/v/qQXXI5QFUfw?si=RDSWzWcYe1PA0OQq</a>

[Pipa]

Pipa, специально для вас, как для ценителя старых языков программирования, крутящихся под капотом современных.

     Этот ролик скорее подтверждает мою правоту, нежели вашу . JavaScript поднялся в рейтинге популярности не столько из-за привлекательности языка, сколько из-за частоты своего использования. Отсюда неудивительно, что в пору расцвета интернета JavaScript выполз наверх на волне широкого создания интернет-сайтов (в том числе и коммерческого назначения). А поскольку (я об этом уже говорила) JavaScript нужен для оживления HTML-страниц (в том числе и шифрования паролей), то и с увеличением числа сайтов с такими страницами количество применений JavaScript тоже начало пропорционально расти. Кстати, в то время на той же волне и PHP тоже поднялся, т.к. сайты делали чаще всего на нем.
     Ну, а Java потом поднялась еще выше на волне взрывного роста числа пользователей смартфонов. Большинство приложений для которых пишутся на Java. А потому не вызывает ни малейшего удивления, что языки, предназначенные для чисто вычислительных целей (преимущественно компиляторы), в этом рейтинге упали, т.к. число серфенгистов по интернету и владельцев мобильных телефонов на порядки превышает число тех, кто вычисляет что-то полезное.

P.S. Кстати, в каких единицах измеряется на вашем ролике популярность языков программирования? На проценты не похоже - сумма больше 100%.

[Werter]

 Единицы измерения - процент инженеров-программистов, знающих этот язык. Сумма получается больше 100%, вероятно из-за того, что некоторые программисты знают больше одного языка.
 Я ещё хотел сказать, что, к примеру, сам JavaScript написан на языке С, а пайтон - на С и С++. То есть, их команды транслируются в наборы инструкций на С или С++, а потом компилируются в машинный код.

[Pipa]

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

     Тогда такие проценты весьма сомнительного качества, т.к. знание языка объективно очень трудно проверить. Тем более что знание знанию рознь - слишком уж много у этого знания градаций. В человеческих языках обычно считается, что если человек способен объясниться с носителем языка, то он этот язык знает. Тогда как в действительности такое знание обычно сводится к тому, что человек имеет какой-то минимальный словарный запас и умеет активно его использовать в разговоре. Если применить тот же самый облегченный критерий ко мне, то окажется, что я знаю чуть ли не 30 языков программирования .
    Хотя очевидно, что web-разработчик (обычно он же по совместительству web-дизайнер) просто обязан знать HTML, PHP и JavaScript, т.к. именно на этих трех языках большинство сайтов пишутся. А если он занят тем, что приложения для мобильников пишет, то и Java должен знать. А вот математики обычно знают Fortran. Оттого и популярность Fortran'а по сравнению с другими языками упала, что доля математиков среди всех разработчиков компьютерных программ в последние десятилетия сильно снизилась, но не потому, что математиков стало меньше, а потому, что всех остальных стало гораздо больше! Именно поэтому компьютер ныне очень редко рассматривается как ЭВМ.
    Т.е. тут уже играет роль не то, какой язык человек знает и любит, а то что работа его обзывает знать и уметь. Тогда как если в трудовой деятельности что-то нужно, то оно осваивается со свистом, независимо от того, знал ли человек этот язык раньше. Например, лично я PHP и JavaScript никогда специально не изучала (но HTML и Perl знала прежде), но занимаясь поддержкой этого форума, вынуждена была их изучить (чат напиcан на Perl). Но опять же в разговорной манере - экзамена по ним я не сдам, но всё, что мне понадобится, на них напишу.

Я ещё хотел сказать, что, к примеру, сам JavaScript написан на языке С, а пайтон - на С и С++. То есть, их команды транслируются в наборы инструкций на С или С++, а потом компилируются в машинный код.

     На каком языке написан компилятор или интерпретатор языка - совершено неважно, т.к. после компиляции он превратится в машинный код (инструкции процессора), из которого даже при желании не определить, на каком языке он первоначально был написан. Поэтому языковые навыки важны лишь на этапе программирования, когда программист - человек. Вот для удобства человека все языки и сочиняются. Тогда как в далеком прошлом (на заре компьютеростроения) упор делался еще и на удобстве языка для процессора, т.к. процессоры в то время работали медленно, и потому быстрее работали программы, написанные на тех языках, которые были максимально приближенными к инструкциям самого процессора. Именно тогда с большим отрывом вырвались вперед Assembler, Fortran, а чуть позже их нагнал C. И это легко объяснимо - для актуальных задач нужна была скорость, а процессоры в то время по части скорости были слабы, да и после тактовая частота процессоров поднималась долго и мучительно.

[Соня (Bruja)]

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

самый популярный сейчас это Go
и его усиленно раскручивают. Сами догадайтесь кто...
мне вот интересно это гугла заменитель джаваскрипту?
Не читала о нем вообще..

[Соня (Bruja)]

Тогда такие проценты весьма сомнительного качества, т.к. знание языка объективно очень трудно проверить.

рассчитывают или  по уровню зарплаты новичкам (junior),
или по запросу на него (академки всякие например по желающим языку тому обучиться...)

я так поняла, глядя на рейтинги которые мне попадались

самую низкую зряплату юниор Си шарпа получает по статистике.
а самую высокую предлагают за  знание C++, С, и  Go

Полюсы С++ и С потому что не хватает новичков.. тяжело ему учиться по сравнению с высокими языками.. и всякими ооп.

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

[Соня (Bruja)]

Сонь! Пришли мне на почту какую-нибудь html-страницу (js можно отдельно), чтобы на ней что-то при просмотре через обычный браузер двигалось/играло. А я ее потом в эту тему вставлю. А то форум сопротивляется вставке в него html-файлов качестве вложений.

Через обычный браузер не уверена.. мы для просмотра того что делаем локальный сервер разворачиваем.
Если просто html открыть - щелкнув в папке - просто белое окно скорее всего выйдет.

Сервер нужен.

[Pipa]

Сервер нужен.

Дык и у меня тут тоже сервер:

http://forum.postnagualism.com/js/Mole_Unearther/index.html

http://forum.postnagualism.com/js/Electric_Mouse/index.html

http://forum.postnagualism.com/js/Color_a_Pegasus/index.html

[Соня (Bruja)]

стараюсь

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

на юнити все делалось проще, картинку перетянул в сцену и вот тебе и карта. коллизии - столкновения настроил, покрутив пару рычажков - и все..
а тут все в ручную надо собирать.
Не смотря на то что шаблоны вставок есть, но вся настройка и столкновения прописываются в ручную.

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

Нет нормальных полноценных уроков, от начала до конца.
Сейчас нашла у англичанина какого то, серию о платформере как его собирать с Фазером 3 на джаваскрипт
..
Может с его помощью настрою все.

Пиксель Арт и Бодание за тайлы с Phaser 3

Из за отсутствия нормально собранного учебного материала по Фазеру 3, а так же из за не вполне понятных доков (на мой нубовский взгляд) - приходится копаться и изучать самой. Собирая обрывки информации поясняющей как работают те или иные коды.

Например в академке нам так и не объяснили про тайлы. Ну знаете такие карты из плиток, которые разработчики игр - режут на кусочки (квадратики, 16 на 16 пикселей или 32 на 32 и т.д) и потом собирают из них уровни игровые.
Если вы используете карту называемую тайловой - то игра жрет меньше рессурсов системы и весит меньше, потому что один и тот же кубик может быть использован в нарисованном уровне множество раз.
Как это выглядит наверно всем вам знакомо. Все играли в того же Марио..И помнят боксики - коробки, которые надо было разбивать..

Тайл сэт (набор) и Карта тайлов (созданный с помощью набора - игровой уровень)

По сути карта тайлов (плиток для Марио) ныне доступна в интернете. И можно видеть, что она собой представляет. Разрезав ее на кусочки, можно повторяя эти кусочки собрать всю игру и все ее уровни.




Ну конечно и не только Марио. Но это наиболее хорошо знакомый всем пример.
Та же игра с лисенком, что я собирала на Юнити - состояла из тех же плиток, сета тайлов.



Так что уроков вроде бы полно. На английском уж точно. Но большинство начав с Джава скрипт - вдруг в середине обучения вдруг резко перешли на TypeScript , вариация С шарпа. На джаваскрипте валяются официальные уроки, типа того зайца с размножающимися безконтрольно морковками, что я описывала выше.. Или тех уроков что мы делали на курсе в академке. Но написаны они по старинке либо в теле html документа, либо отдельным файлом. Длинной такой портянкой, которая не разбита на появившиеся в джаваскрипт классы.. то есть не удобно читаемые..

Есть отдельные статьи по вставке тайлового сета (плиточной карты ) в скрипт.
Как загрузить, как создать карту одним только кодом.
Но как только доходишь до определения столкновений (ну чтоб герой ваш стоял на плитках, а не пролетал сквозь пол) то тут и начинаются замоморочки.
Есть встроенные функции в Фазер, которые это должны казалось бы решать одним махом.
Но на деле - эта функция не только  у меня не срабатывает.
Попалось объяснение, что типа это работает если код всей игры у вас на одной странице записан, в одном документе. А если разные классы,  с одной точкой входа на html страницу (main.js), то функция может косячить.. да что там, просто НЕ работает.

setCollisionByProperty(" здесь свойство, обычно слово - collides, установленное в программе работы с тайлами Tiled"
НЕ РАБОТАЕТ ХЕРНЯ! ТОЛЬКО ГОВОРЯТ ЕСЛИ ВСЯ ИГРА В ОДНОЙ СЦЕНЕ

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

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

(в скобкакх = индексы - уникальные номера тайлов в сете,  от и до. От номера  кубика который будет физическим и до номера по который ... а так как кубики встречаются в архаическом порядке, то отсюда такая портянка.. от - до.. потом тайлы которые не взаимодействуют с героем - не физические. Аотом снова от и до..
Разработчики и тут накосячили. Уверяют, и в документах написано, что и от и до ВКЛЮЧИТЕЛЬНО!. на деле, последний номер - опускается в некоторых случаях.. то есть Фазер их почему то исключает. Не все, но некоторые.. И тогда приходится прописывать последним номером не физический кубик..чтоб программа включила нужный мне.
От чего это зависит вообще не понятно.. Так как в большинстве случаев работает как указанов доках)
 
ПРИМЕР части КОДА исключений. Тайлов "физических"

worldLayer.setCollisionBetween(0, 3);
         worldLayer.setCollisionBetween(7, 11);
         worldLayer.setCollisionBetween(14, 17);
         worldLayer.setCollisionBetween(21, 25);
         worldLayer.setCollisionBetween(28, 31);
         worldLayer.setCollisionBetween(36, 39);
         worldLayer.setCollisionBetween(42, 43);
         worldLayer.setCollisionBetween(47, 52);
         worldLayer.setCollisionBetween(58, 59);
         //worldLayer.setCollisionBetween(63,64);
         worldLayer.setCollisionBetween(65, 66);
         worldLayer.setCollisionBetween(70, 73);
         worldLayer.setCollisionBetween(85, 86);
         worldLayer.setCollisionBetween(90, 93);

 Тайл сет (та заготовка откуда мы карту потом создаем, многократно используя кубики - можно представить как массив. По сути Фазер 3 - как его и видит.

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

Уровень  собирается из кусочков. Тайлы-плитки имеют уникальные номера.



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

Но даже когда с физикой и тайлами платформ - я определилась, осталась не решенной еще одна задача==как сделать некоторые тайлы - физическими (герой на них натыкается и не проходит на сквозь, может стоять)--только с одной стороны?

например сверху. Запрыгнув - герой стоит. Но если упал, то может снова запрыгнуть и голова его не будет биться о платформу, а пройдет насквозь (как будто он перед платформой стоит на которую прыгает.
Короче одностононне настроенные столкновения - -вообще пока не понятно.

Дело в том что просто с загруженными платформами в виде картинок (как в том же зайце с морковками, выше )-- нет такой проблемы.
Там по сути одна платформа, просто многократно использованная. Иллюзия, что платформ много, хотя картинка загружена всего одна.
но и мира там нет никакого, поэтому создать 5 или 10 платформ, и выстроить лесенкой перебирая массив из этих созданных платформ - не так уж сложно.
но попробуйте сделать это с какртой, эдаким атласом, где может быть до тысячи уникальных картинок..и отобрать надо только нужные. А не присваивать значения всем картинкам (в двухмерном массиве)..
ясно что нужно будет прибегать к циклам и итерациям по обоим массивам, ширине и высоте..

но у меня пока не получается..

Размер Игры и масштаб

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

По сути я и наткнулась на эту опцию, скачав демо игры на Фазере - созданную дизайнером пиксельного лисенка (ну. тот что в Юнити игре бегал, помните?)
Все наши классные работы на курсе открывались в окошке заданного размера на пустой странице. А тут игра на все окно..

Стала разбирать код, потом искать в интернете опции рендера, которые были прописаны в этой демо версии. И узнала кое что необходимое... новое..

Разрешение демоверсии игры - пиксельное.. то есть низкое.. Если бы игра соответствовала на самом деле размеру монитора и его расцирению, то вся карта поместилась бы в скромном уголке. То есть расширение и окно игры было и оставалось очень низким, как на олдскульных играх.
Но само окно игры буквально НАТЯНУТО на весь экран..
Это конечно сначала меня порадовало, так как пиксельные карты на самом деле состоят из очень мелких тайлов, порой и 8 на 8 пикселей..
Их просто не будет видно в окне 800 на 600 пикселей.. вы героя от точки не отличите на такой карте..

А мне надо было, чтоб героя было видно, как и амбиент его окружающий..

Казалось бы делов то, теперь, можно просто сделать игру в низком разрешении, потом натянуть на предоставленный и прописанный в style.css размер заданный <div> элементу(контейнеру), внутри которого расположен скрипт самой игры.

Игра никогда не вылезет за заданные родителю <div> контейнеру размеры.

main.js

const config = {
    type: Phaser.AUTO,
    scale: {
        parent: 'game',
       mode: Phaser.Scale.FIT,// full scrin of parent  div container
   width: 288,
        height: 192
......

style.css

 #app{
  
    max-width: 800px;// ВОТ ТАКОЙ ШИРИНЫ БУДЕТ ИГРА В ВЕБ СТРАНИЦЕ!
    margin: 2% auto;
    text-align: center;
  }


//GAME <div id=«game»> ! Родительский элемент на веб странице, в  нутри которого находится ссылка на скрипт main.js


//НА ЭКРАНЕ ИГРА ЗАЙМЕТ ПРОСТРАНСТВО ДОСТУПНОГО КОНТЕЙНЕРА (max-width: 800px;

ХОТЯ в конфиге самой игры - размеры заданы :
ширина окна: 288,
высота окна: 192

родительский элемент DOM: "game",


Но вот еще одно решение проблемы!
У рендера есть опция zoom!
Тогда игру можно не натягивать на родительский "див" элемент, а просто "приблизить" в три раза  указав zoom:3

ШРИФТЫ

И все было бы хорошо, если бы ... НЕ ШРИФТЫ!!!
да я просто на изнанку вывернулась пытаясь настроить пиксельный шрифт в игре.. так что бы он не размывался..

Когда игра "натянута " на окно большего размера - шрифт плывет..
И я пока не смогла ничего с этим поделать.

Но на заметку взяла прочитанное в одном из советов на подобную жалобу -- лепить текстовый элемент ну UI - интерфейс пользователя в игре - отдельной сценой.Отдельным классом. И с отдельно заданными настройками..

Обычно мы прописываем настройки игры в файле "входа". Тот который вызывается из страницы index.html. тегом <script>, с типом модуля ---  type="module".
Но сам файл этот пуст. В нем только конфигурация. И он вызывает первую сцену. Ну или содержит все сцены игры и вызывает в определенном порядке.. Вообще то сцены вызывают уже сами себя, подчиняясь определенной логике. Например, нажал кновку плей на экране--грузится основная сцена игры. Героя прибили -- сцена останавливает "физику" , окрашивает героя в красный или взрывает со звуков "Бууум!", и вызывает траурную сцену GAME OVRER!

То есть конфиг (файл конфигурации ) у игры обычно один.
Там прописано, будет ли включена физика или нет, если есть, то прописывается ила гравитации, если это платформер..., как будет рендериться сцена, WEB GL или как Canvas..
 размеры или масштаб игры,
Там же определяется родительский контейнер - элемент <div> на index.html, его уникальный игдентификатор id = "game", например.. Что бы Фазер знал, за какие рамки ему выходить не надо..

То есть везде учат - что это такая уникальная штука. Одна, на всю игру.

А тут ребята говорят, что создают Текстовую сцену отдельным классом, и задают ему определенные свои собственные настройки.
И задают сцену основной игры. И ей устанавливают свою конфигурацию..
То есть игра натянутая на холст  800 на 600 рх - сама по себе мелкая, где то

// Game size

   width: 288,
   height: 192,
.

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

Кстати в интернете практически не найти ВЕБ шрифтов пиксельных кириллических..
На гугле нашла только один.. Страшненький..
Есть много, но они не в ВWEB формате (woff, woff2), а трю тип -  tff.
Но для веб страницы и особенно внутри игры - это файл не годится.. нужны веб версии..

Даж обидно как то за братьев славян...

 

а вот латицы полно..

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

Сцены то я совмещала. Но вот конфигурация игры была одна, прописанная в стартовом файле, точке входа в игру.

картинки -
1 тайловая карта, для примера, тем кто не знает что это такое.

2 Пример уровня, собранный из этих плиток путем их повторения (типа легго)

3 То чем я сейчас занимаюсь - тайловая карта, герой (временный заяц),

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


И да, я поигралась со встройкой окна игры в страницу веб, с помощью стилей CSS

-----------------------------------------
Автор игрового АРТ сета - Ansimuz

вот его страница.
Там есть ссылка на запакованный архив, демо игры написанной на Фазере
https://ansimuz.itch.io/sunny-land-pixel-game-art

Но я не собираюсь переписывать его скрипты.. Я хочу научиться сама!
Что бы понимать почему оно так а не иначе..
И да, написано оно по старинке одной портянкой.. И это не игра, игра была бы намного более длинной портянкой...практически бесконечной.. обязательно нужно разбить по классам...

Но есть чему у него поучиться, за что ему спасибо. Помимо самих тайлов, картинок и лисенка, который мне очень нравится..

[Соня (Bruja)]

Дык и у меня тут тоже сервер:

http://forum.postnagualism.com/js/Mole_Unearther/index.html

http://forum.postnagualism.com/js/Electric_Mouse/index.html

http://forum.postnagualism.com/js/Color_a_Pegasus/index.html

Круто!

Можно прям раздел для малышей постнагвалят сделать !  

И про звездочки поставь!! тот, что все в теле html написано, весь скрипт.
Она вполне играбельная, не то что дряной заяц.. с его бесконечными морковками..

Пипa, может быть услышишь или знаешь, где можно пиксельные веб шрифты кириллическиe добыть?
Чтоб были именно в формате :
woff woff2
для веб страниц..

Я просто упала духом и ничего не нашла, кроме страшненького гугла шрифта.

Дело в том что в ttf формате у меня есть. Но когда пытаюсь перевести в woff woff2 (генератором онлайн)--русские буквы исчезают..
не берет их потом страница! только латиница остается..
Просто бедствие какое то...

[Pipa]

И про звездочки поставь!! тот, что все в теле html написано, весь скрипт.
Она вполне играбельная, не то что дрянной заяц.. с его бесконечными морковками..

http://forum.postnagualism.com/js/Platformer
http://forum.postnagualism.com/js/Treasure_Hunter/index.html
http://forum.postnagualism.com/js/Codey_Jump/index.html

А "Codey Jump" у меня не заработал.

Пипa, может быть услышишь или знаешь, где можно пиксельные веб шрифты кириллическиe добыть?
Чтоб были именно в формате :
woff woff2
для веб страниц..

Не знаю, а про формат woff даже не слышала.

[Pipa]

ПАПКА dist
Ее попробуй запустить

dist запускается:
http://forum.postnagualism.com/js/dist/index.html
но "звездочки" и раньше работали (когда назывались "Platformer").

[Соня (Bruja)]

добавила Piano_Keys-origin

Пианино.
Оно работало. Это просто DOM и там нет фазера. Проблем быть не должно..

Запущенные папки - переложу в отдельную,чтоб не мешались

[Соня (Bruja)]

http://forum.postnagualism.com/js/Codey Jump/index.html

А "Codey Jump" у меня не заработал.

Да, вижу, что не работает.. Странно, у меня все работает из папки.. перепроверю ссылки..
Обычно в них бывает дело.. ссылки на скрипты (картинки я все вижу, значит дело не в них)


Говорит в 108 строке какая то буква.. типа не на своем месте

[Соня (Bruja)]

Говорит в 108 строке какая то буква.. типа не на своем месте

Но в моем скрипте там нет этой буквы!


Но в папке лежало 2 библиотеки. phaser.js  и phaser.min.js.. Может быть они мешали друг другу, хотя игра вызывает только одну из них.
Не знаю, это мой недосмотр. Один неиспользуемый файл я убрала. И обновила ссылку на вызов как игры так и библиотеки..

Бесконечный прыгун играет сам по себе.. скачет как ненормальный  


Ну и ссылки... порой не поставишь слеш и точку перед ним - на сервере не находит нужный путь..

А в строке 108 - нет ничего такого.. никакой буквы В

Я ОБНОВИЛА ПАПКУ на диске.

[Pipa]

Я ОБНОВИЛА ПАПКУ на диске.

Второй вариант "Codey Jump" ("Codey Jump2") тоже не работает:
http://forum.postnagualism.com/js/Codey_Jump2/index.html

А пианино работает, но звуков от него я не слышу:
http://forum.postnagualism.com/js/Piano_Keys/index.html

[Соня (Bruja)]

А пианино работает, но звуков от него я не слышу:
http://forum.postnagualism.com/js/Piano_Keys/index.html

Загрузила второй вариант, скачала с гирхаба, где он рабочий и со звуками
https://mtapirina.github.io/piano_keys/
(всю папку. Должен работать. Первый вариант это учебный. Там и не было звуков. Я просто папку перепутала. Названия похожи)


Папка
piano_keys-main


С Коди видимо придется разбираться отдельно..
Или переписать его заново..
Позже тогда..

[Pipa]

Папка
piano_keys-main

Вариант "piano_keys-main" играет - звук есть!
http://forum.postnagualism.com/js/piano_keys-main/index.html

[Соня (Bruja)]

Второй вариант "Codey Jump" ("Codey Jump2") тоже не работает:
http://forum.postnagualism.com/js/Codey_Jump2/index.html

Коди в Тундре..

В процессе обучения у нас какие то куски собрались, то он прыгает где то, то в пещере со снеговиком шароёбится..
то по тундре скачет..
Я и раньше собиралась эти собрать во что то приличное.. типа игры..
Как раз этим и займусь.

А потом уже тайлами

[Соня (Bruja)]

Второй вариант "Codey Jump" ("Codey Jump2") тоже не работает:
http://forum.postnagualism.com/js/Codey_Jump2/index.html

Смотри на ошибку -- убери эти буквы В В В В. (Я знаю!!! Это месть Бомбея!!   книга его так называлась не? ВВВ-БББ

game.js
108 line
там должно быть так  на скрине -
blendMode: 'ADD'


и никаких букв рядом..
Непонятно откуда они появились..

И сможешь ли изменить файл..

[Pipa]

Смотри на ошибку -- убери эти буквы В В В В. (Я знаю!!! Это месть Бомбея!!   книга его так называлась не? ВВВ-БББ

game.js
108 line
там должно быть так  на скрине -
blendMode: 'ADD'

В обоих вариантах (Codey_Jump и Codey_Jump2) на 108-строке написано:
blendMode: 'ADD'
но на этом эта строка не заканчивается - за ней следуют 8 лишних символов (вероятно 4 юникода C2A0):

После того, как я укоротила строку, скрипт заработал:
http://forum.postnagualism.com/js/Codey_Jump3/index.html

[Соня (Bruja)]

В обоих вариантах (Codey_Jump и Codey_Jump2) на 108-строке написано:
blendMode: 'ADD'
на этом эта стока не заканчивается - за ней следуют 8 лишних символов (вероятно 4 юникода C2A0):

После того, как я укоротила строку, скрипт заработал:
http://forum.postnagualism.com/js/Codey_Jump3/index.html

Ура!!
Проект глуповат, просто скачки вверх.. Но самый мой любимый..
А почему он так долго грузится? Ты обратила внимание?
неужели из за математики и пары циклов?

Эти символы юникода видимо и появлялись, как БББ или ВВВ
(проклятие Бомбеюшки !)

На самом деле я знаю откуда это... видимо копируя с онлайн редактора кодакадемии - захватила пустое пространство.. или что то в таком духе. Проект то сначала был сделан в их редакторе. А потом я себе перенесла.
нет?

[Pipa]

Эти символы юникода видимо и появлялись, как БББ или ВВВ
(проклятие Бомбеюшки !)

Нет - у них иное происхождение:
https://www.scivision.dev/hex-code-c2a0-non-breaking-space-markdown/
В Google-переводе это значит:

При работе с текстовыми файлами из многих источников нередко можно встретить в файлах случайные шестнадцатеричные коды. Эти символы могут быть UTF8 или каким-либо другим отображением символов. Они могут быть невидимыми или отображаться в виде пустых квадратов или других странных символов. У нас было множество файлов уценки для этого веб-сайта, которые были преобразованы из устаревшей системы ведения блогов. В некоторых файлах мы наблюдали невидимые символы с шестнадцатеричным кодом C2A0. Это UTF8 для неразрывного пробела.

[Соня (Bruja)]

Нет - у них иное происхождение:
https://www.scivision.dev/hex-code-c2a0-non-breaking-space-markdown/

На самом деле я знаю откуда это... видимо копируя с онлайн редактора кодакадемии - захватила пустое пространство.. или что то в таком духе. Проект то сначала был сделан в их редакторе. А потом я себе перенесла.
нет?

там при копировании  из моего редактора в  редактор кодакадемии иногда происходит вставка таких пустых и не пустых мест.
Но в редакторе кодакадемии - такие пустоты -  выделяются.
И мне приходится их убирать вручную иначе код не срабатывает. И задание не будет выполнено. Это когда я из своего текстового редактора код туда на их платформу переношу, в их онлайн редактор..

Или когда переношу копирую из  блокнота на моем мак ОС-- при копирование из него -  всегда вставляются невидимые фигни, если нечаянно схватишь пустоту

Наверно что то подобное произошло..

Главное, что это можно исправить.. И все работает ))

Спасибо!

-----------------------------------------------------


Потестить игру можно тут :

Бесконечный прыжок Коди! Бесконечная Лестница в Небеса!

Изучите Phaser: Codey Jump

Создавайте всевозможные забавные визуальные эффеĸты в игре с бесĸонечными прыжĸами.

Анимируйте своего главного героя!
Первый шаг ĸ тому, чтобы придать нашей игре- прыгуну больше жизни — это анимация главного героя! Коди неĸуда идти, ĸроме ĸаĸ наверх, таĸ что давайте отведем их туда.

Теĸущий фон выглядит довольно тусĸлым, без чего- либо на нем. Давайте сделаем градиент, ĸоторый будет ярĸо сиять, поĸа Коди прыгает!

Давайте заставим землю трястись, ĸогда мы ударимся о платформу, это придаст ситуации серьезность и ощущение веса Коди.

Когда игроĸ перепрыгнет достаточное ĸоличество платформ, давайте отпразднуем его успех, раздав ему сĸоростные линии! Для этого мы воспользуемся эмиттером частиц.

Эта игра внезапно стала намного сложнее, чем раньше! Что нам следует добавить дальше? Будущее зависит от вас!

[Соня (Bruja)]

Демо Игры

Демо Игры на Phaser 3 и  javascript, здесь, на сервере ПостНагвализма.


Большая часть из них курсовые и учебные проекты Codecademy

Поймай Крота Раскопателя!

Электро-Мышь и Битва с Лысым Психованным Котом!

Раскраска - Перекрась Пегаса!

Охотник за Сокровищами! Откопай три Золотых монеты бастрее чем Пират!

Нравится Музыка? Можно поклацать по клавишам онлайн Пианино!

Бесконечный прыжок Коди! Бесконечная Лестница в Небеса!



А это по официальному уроку от создателей Phaser 3

Звезды с Небес! Платформер

[Соня (Bruja)]

Нагуализм на этом форуме умер. И давно. Осталась поляна для срача.

    Таков уж тональ нашего времени! Вон дон Хуану сам Дух помогал набирать учеников и соратников, да и то их было немного. Тогда как сейчас пенять не на кого - нагвалистами приходится считать всех, кто этой темой интересуется.

https://digitherium.com/blog/phaser-platformer-series-5-touch-controls/

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

Обалденная инфо.. Такое на дороге не валяется.. (даже странно...и вроде свежее)

Пока только разбираюсь. Но если у меня получится - попрошу тестить.


(есть управление попроще, с налепленными поверх кнопками, указателями, типа вправо - влево - прыжок..
Но сами наверно понимаете, это не очень удобно, хотя и проще в исполнении...)

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

По сути там уроки, создания игры на Фазере. Правда немного в устаревшей форме, на джаваскрипт ES 5, но ее отлично поддерживают все доступные гаджеты..
там просто нет классов и стрелочных (сокращенных ) функций.

Но суть то понятна..
Нас с нее начинали обучать..
Это уроки по созданию прототипа игры - платформера 2д. С настроенной физикой. То есть человек не отвлекается на украшательства и спец эффекты. А начинает реально с основных вещей. Как то же управление. Или физика - ускорение и замдление, при передвиджении персонажа. В начале он идет медленно потом немного разгоняется.
При остановке - вы отпустили кнопку управления - персонаж еще чуточку проскользит вперед,  по инерции.Прежде чем полностью остановиться.
Ну и управление улучшенное прыжками. Что прыжок совершался только при нажатии на кнопку. И прежде чем прыгнуть повторно - вам придется отпустить кнопку и потом снова нажать.

Персонаж за счет всего этого лучше "чувствуется"... приобретает какой то иллюзорный вес.. Оживает.

Я даже не знала, что игру можно приделать прозрачный фон. Тогда вместо фона у вас будет цвет страницы сайта.. Ну или что у вас там за фон (возможно картинка натянутая...
Очень интересно!

По сути код потом можно пере-фотматировать на новый лад, расчленив на классы ..


Нагваль зарыт в неизвестном!

1 логотип блога Тома Харриса.

2 Пример прозрачного фона игры..)_

[Pipa]

В некоторых файлах мы наблюдали невидимые символы с шестнадцатеричным кодом C2A0. Это UTF8 для неразрывного пробела.

   Это довольно важный вопрос в сайтостроении, а потому я свой пост еще чуточку дополню. На самом деле корень всех бед в ... HTML, который, будучи языком гипертекстовой разметки документов для написания произвольных текстов годится лишь с оговорками. Имею в ввиду вот это:

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

    Вот пример с этого форума (слева текст, а справа его HTML-представление:
01234 56789 => 01234 56789
01234  56789 => 01234&nbsp; 56789
01234   56789 => 01234&nbsp; &nbsp;56789
01234    56789 => 01234 &nbsp;&nbsp; 56789
01234     56789 => 01234 &nbsp; &nbsp; 56789
Т.е. если пробелов, идущих подряд, больше одного, то их приходится разбавлять символом неразрывного пробела "&nbsp;".
Тогда как если текст в HTML-записи буквально копировать в юникод, то тут-то и появятся эти C2A0.
Именно в этом причина того, что этот форум работает в коде CP1251, т.к. на юникод я переходить категорически не хочу.

[Соня (Bruja)]

Тогда как если текст в HTML-записи буквально копировать в юникод, то тут-то и появятся эти C2A0.
Именно в этом причина того, что этот форум работает в коде CP1251, т.к. на юникод я переходить категорически не хочу.

Эти &nbsp; &nbsp; мне как раз таки встречались. И их то я узнаю, как пробелы.
А вот в таком виде, как C2A0 - я пробулов никогда не видела (ни на своем компе ни в инете, не попадались)

То есть это ваш сервер так интерпретировал пробелы, которые затесались в код? ("продолжительный пробел или как его там называют.. слипшийся в один)
Отсюда и странные числа.. Ладно, пробелы мне понятны.

НО почему вместо пробелов в коде появились буквы 'B''B' 'B' 'B' ?

Это C2A0 так преобразовались после заливки на сервер и после рендера страницы?

[Соня (Bruja)]

Меня единогласно избрали руководить обществом российских граждан. Приглашали на радио и телевидение. Включали в состав комиссий. Ко мне обращались за помощью многие нарвитяне. Никаких денег за свою общественную работу не получал. Я заместитель председателя в квартирном товариществе. Попечитель у инвалида.
  А ты только свою жопу, то лыжах, то на велике, катаешь.

Понимаешь в чем дело...
Свою личную историю обычно мы тут не выставляем. Карлоса тоже учили уйти с проезжей части, иначе машина может сбить.
Выставляют и показывают то - что уже никак задеть не может. Потому что пересмотрено, проработано и оставлено в прошлом.
Нагваль учил не выставлять свои уязвимости на показ.
А если уж выставил, то принимай ответственность и дай себе отчет, как эта информация может быть использована против тебя твоими недоброжелателями. По сути поэтому Хуан и называл обывателей и вообще окружающих людей черными магами. Не потому что они на самом деле маги. А потому что осознанно или нет влияют на нас или пытаются это делать, в меру своих возможностей и способностей.
Кто то из зависти. Кто то от обиды. Причины могут быть разными.
Но МИР нам постоянно хочет сделать больно. Используя "спящих". Ну или полу-осознанных. Те просто не ведают что творят.
Есть и категория сталкеров, которые проводят дух. И действуют не из личных побуждений или обид. А просто работают "левой рукой судьбы" или кармы.
Но сам понимаешь в наших местных пеньковских рядах таких возможно и нет вообще..
Таких чтоб нагвально чисто проводили дух.
Хотя есть те, кто пытаются и не скрывают этого.
Но сам понимаешь, когда об этом брешешь, значит уже не проводишь Дух.. Дух проводится из состояния безмолвия. То есть не обдуманное заранее или не запрограммированное действие.
Ну и Дух обычно - не повторяется.. как люди.

Мир вообще жестокая штука. И ему нельзя показывать свои тонкие места.
Обязательно, как что то тебя ранит, тут же появляется тот, кто придет и будет бередить рану. Ковырять ее.

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

Они не представляют твоей жизни. Даже если ты им в деталях распишешь, они никогда не натянут ее - твою жизнь - на себя.
А многим вообще безразлично, что там переживают другие.
Золотое правило -- каждого волнует только он сам.
И никто другой.
Остальные - постольку поскольку.

По уровню взаимодействия и общения. Степени близости.

А на форуме мы все далеки друг от друга.
Знаем какие то части о других, которые именно нам интересны.
Не все их интересы. А только те, что нам показываются.. публикуются.

А кто-то приходит сюда просто поднять себе настроение, обижая других, скрываясь без лица на СТ.
Эдакий тип вампиризма, охота на чужое внимание.
похоже им в детстве не достало внимания матери. Или сейчас не хватает внимания родных и близких, вот они и ищут его на стороне.
 в такой извращенной форме, в чем не дают себе отчета.

Есть на форуме и сталкеры. Осознают они или нет.

Так эти просто зеркалят. Ты им гадость, и они в ответ тоже. Ты с ними нормально и они тоже отвечают нормально..

Я так понимаю, тебя сильно обидел Корнак. Затронув очень личное.
Этого уже не изменить. Что произошло, то произошло.
Но и ты пойми, что обижаешь и обесцениваешь многих.
И некоторые возможно так же ощущают себя как и ты.
Или ненавидят..

[Pipa]

НО почему вместо пробелов в коде появились буквы 'B''B' 'B' 'B' ?

Это C2A0 так преобразовались после заливки на сервер и после рендера страницы?

     Потому что сам код Javascript не в юникоде (2 байта на символ) пишется, а в ANSI (1 байт на символ). Поэтому при просмотре JS-кода символ C2A0 интерпретировался как в две отдельные буквы с кодами C2 и A0. В ANSI первую часть таблицы кодировки (00-7F) занимает латиница, а вторую ее половину (80-FF) - национальный алфавит. Т.е. коды C2 и A0 принадлежат национальному алфавиту. Для русскоязычных текстов такая таблица носит название CP1251 и WIN1251 (это синонимы):
https://wm-school.ru/html/html_win-1251.html
    Так вот в таблице CP1251 код C2 - это заглавная русская буква "В", а код A0 - пробел. А поскольку код C2A0 повторялся в той строке 4 раза, то и русских букв "В", разделенных пробелами, тоже получилось 4 штуки.

[Соня (Bruja)]

Так вот в таблице CP1251 код C2 - это заглавная русская буква "В", а код A0 - пробел. А поскольку код C2A0 повторялся в той строке 4 раза, то и русских букв "В", разделенных пробелами, тоже получилось 4 штуки.

Немного похоже на " испорченный телефон" , игру такую 
Пока фраза доходила до последнего человека в цепочке она менялась до неузнаваимости..

[Pipa]

Пока фраза доходила до последнего человека в цепочке она менялась до неузнаваимости..

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

[Соня (Bruja)]

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

 Это в браузере по вашей ссылке на не работающую игру.
Там ведь прикручены инструменты разработчика. Мы ими пользуемся для отладки веб приложений.

 Они в консоли показывают предупреждения и ошибки. Указывают файл на сервере ( имя),  и номер строки, где ошибку искать. Там же в инструментах, можно просмотреть и файлы на сервере ( показывает как облако). И найти нужный.

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

А то на моем компе ничего такого не показывает VS Code.


Но на сайте академии их онлайн редактор - пустоты отмечает.
Возможно потому что он и сам в браузере работает.. а не на стационарной машине.
То есть синтаксис джаваскрипт так же проверяется самим браузером. ( ну на то похоже). Для веб приложений - именно браузер и является компилятором.
----

Это в окне браузера. Документы с сервера видны рядом в окошке.
А в консоли внизу показывает ошибку.
А клик по ошибке ведет к файлу сервера.

Так видно то что с сервера загружается  ( локалхост это наверно мой комп).



А это консоль, и сама ошибка которую она отловила.
Окно браузера, инструменты разработчика откройте

[Соня (Bruja)]

Я могу поправить код не работающей игры по вашей ссылке в окне моего  браузера.
 И игра заработает. Локально. Для меня.
Но конечно мои изменения пропадут при перегрузке страницы. Так как на форум ( по счастью) они не попадают.

Это мы используем для отладки приложений. Когда запускаем локальный сервер.
 А потом изменения вносим в сам файл кода, если нас удовлетворяет результат.

( а так же можно пиздить чужие коды! И ответы на задания, если нам предоставляют ссылку на работающий пример!)

Но файлы развернуе локально - этой ошибки не имели.
Потому что открывались " из первых рук". Без " испорченного телефона" перекодировки, где :

CP1251 код C2 - это заглавная русская буква "В", а код A0 - пробел. А поскольку код C2A0 повторялся в той строке 4 раза, то и русских букв "В", разделенных пробелами, тоже получилось 4 штуки.

[Pipa]

Я могу поправить код не работающей игры по вашей ссылке в окне моего  браузера.
 И игра заработает. Локально. Для меня.

Тот код я уже исправила через 5 минут после того, как обнаружила в строке "излишки". После чего "Codey Jump" заработал. И об этом я вам уже писала:

После того, как я укоротила строку, скрипт заработал:
http://forum.postnagualism.com/js/Codey_Jump3/index.html

[джелави]

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

да чё толку от философских высказываний? Их в карман не положишь, в стакан не нальёшь. Лучше бы по химии и фарме что нибудь полезное выдал, какой нибудь рецепт новый, типа метиленового синего

[Пелюлькин]

          ✅◆ ФАРМ-обзор Новостей из Анти-Токсинов и ПротивоВирусных средств ◆          

да чё толку от философских высказываний? Их в карман не положишь, в стакан не нальёшь. Лучше бы по химии и фарме что нибудь полезное выдал, какой нибудь рецепт новый, типа метиленового синего

   Ну давай и чё полезное укажем:
   ПРОБЛЕМА отравлений БЛЕДНОЙ ПАГАНКОЙ вполне разрешима окузуиццо: https://www.youtube.com/shorts/6jBmIzaR6kQ?feature=share

   Ну а типерь инфа по СЕТИ:
   Идентификация индоцианинового зеленого как ингибитора STT3B против цитотоксичности α-аманитина грибов

“Смертельная шляпка”, Amanita phalloides, является самым ядовитым грибом в мире, ответственным за 90% смертельных случаев, связанных с грибами. Наиболее фатальным компонентом смертельной шапочки является α-аманитин. Несмотря на его летальный эффект, точные механизмы того, как α-аманитин отравляет людей, остаются неясными, что приводит к отсутствию специфического противоядия, доступного для лечения. Здесь мы показываем, что STT3B необходим для токсичности α-аманитина, и его ингибитор, индоцианиновый зеленый (ICG), может быть использован в качестве специфического противоядия.       α-аманитин (AMA) является одним из наиболее токсичных аматоксинов. Считается, что токсическое воздействие АМА на человека связано с ингибированием РНК-полимеразы II (RNAP II)7, приводящей к выработке фактора некроза опухоли-α (TNFα)8, окислительному стрессу9 и апоптозу10. Традиционные методы лечения часто ограничиваются неспецифической дезактивацией токсинов наряду с симптоматическим и поддерживающим лечением5. В течение последних десятилетий несколько клинических препаратов, включая силибин и пенициллин, продемонстрировали мощную терапевтическую эффективность при отравлении человека аматоксином11, хотя точные механизмы действия остаются неясными12. Более того, было показано, что полимиксин B, идентифицированный как потенциальный ингибитор RNAP II при виртуальном докинге, блокирует токсичность AMA у мышей5. Однако специфические антидоты, нацеленные на конкретные белки, которые играют критическую роль в токсичности AMA, недоступны, поскольку отсутствует полное молекулярное понимание цитотоксичности AMA.        Комбинируя общегеномный CRISPR-скрининг со скринингом лекарственных средств in silico и функциональной валидацией in vivo, мы обнаружили, что путь биосинтеза N-гликанов и его ключевой компонент, STT3B, играют решающую роль в токсичности α-аманитина и что ICG является ингибитором STT3B. Кроме того, мы демонстрируем, что ICG эффективен в блокировании токсического действия α-аманитина в клетках, органоидах печени и самцах мышей, что приводит к общему увеличению выживаемости животных. В совокупности, путем объединения общегеномного скрининга CRISPR на токсичность α-аманитина со скринингом лекарственных средств in silico и функциональной валидацией in vivo, наше исследование подчеркивает ICG как ингибитор STT3B против грибного токсина.        Недавно объединенные кластерные скрининги на короткие палиндромные повторы с регулярным чередованием (CRISPR) ускорили наше молекулярное понимание молекулярных механизмов, контролирующих гибель клеток13,14. Эти высокопроизводительные CRISPR-скрининги широко использовались для идентификации генов или путей, вовлеченных в лекарственную устойчивость15–17, механизмов действия бактериального токсина18–20, или вирусной инфекции21–24. Кроме того, мы использовали этот подход для анализа молекулярных механизмов смертельного яда медуз, что привело к созданию мощного противоядия от токсичности медуз25. ________________________________________ ________________________________________     (Вполне аптечно доступный) ПОЛИМИКСИН В -- Исследования проводились с использованием клинического препарата, имеющего химическое сходство с α-аманитином, полимиксина B. Результаты показывают, что полимиксин В потенциально связывается с RNAP II на той же границе раздела α-аманитина, предотвращая связывание токсина с RNAP II. In vivo ингибирование транскриптов мРНК, вызванное α-аманитином, было эффективно устранено полимиксином В в почках. Более того, полимиксин В значительно уменьшал повреждение печени и почек, вызванное α-аманитином, о чем свидетельствуют данные гистологии и данные о печеночных аминотрансферазах плазмы крови. В анализе на выживаемость все животные, подвергшиеся воздействию α-аманитина, погибли в течение 5 дней, тогда как 50% выжили до 30 дней, когда полимиксин В вводили через 4, 8 и 12 ч после α-аманитина. Более того, однократная доза полимиксина В, введенного одновременно с α-аманитином, смогла гарантировать 100% выживаемость. Полимиксин B защищает RNAP II от инактивации, что приводит к эффективной профилактике повреждения органов и увеличению выживаемости животных, получавших α-аманитин. Нынешнее использование клинически значимых концентраций уже одобренного для применения человеком препарата побуждает к использованию полимиксина В в качестве противоядия при отравлении A. phalloides у людей.[/url]

Индоцианиновый зеленый (ICG) - цианиновый краситель, используемый в медицинской диагностике. Он используется для определения сердечного выброса, функции печени, кровотока в печени и желудке, а также для офтальмологической и церебральной ангиографии.[2] Он имеет пик спектрального поглощения при длине волны около 800 нм.[3] Эти инфракрасные частоты проникают сквозь слои сетчатки, позволяя ICG-ангиографии отображать более глубокие паттерны кровообращения, чем при флуоресцеиновой ангиографии.[4] ICG прочно связывается с белками плазмы и задерживается в сосудистой системе.[2] ICG имеет период полураспада от 150 до 180 секунд и выводится из кровообращения исключительно печенью в желчь. ________________________________________ ________________________________________ + СИЛИБИН -- 33. Флаволигнан силибин (расторопша - содержащее его семена растения от болезней печени)     Силибинин доступен как лекарственное средство (Легалон СИЛ (Мадаус) (D, CH, A) и Силимарит (Бионорика), силимариновый препарат) во многих странах ЕС и используется при лечении токсических поражений печени (например, внутривенное введение в случае отравления БЛЕДНОЙ ПАГАНКОЙ); в качестве дополнительной терапии при хроническом гепатите и циррозе.      В клиническом исследовании первой фазы на людях с раком предстательной железы, направленном на изучение эффектов высоких доз силибинина, было обнаружено, что 13 граммов в день хорошо переносятся пациентами с распространенным раком предстательной железы, при этом наиболее часто наблюдаемыми побочными эффектами являются бессимптомная токсичность для печени (гипербилирубинемия и повышение уровня аланин-амино-трансферазы).    Современное лечение отравления аматоксином включает введение силибинина и пенициллина в комбинации или только силибинина. Целью данного исследования было сравнение обоих терапевтических режимов. _______________________________________

Джелави, но если ты соскучился по противовирусной некой панацее, то есть такой препарат Верошпирон (Спиронолактон), которй имеет оч хороший терапевтический эффект от Вируса Герпеса 4-го типа (Эпштейна-Барр вируса и пр.), где как полагают, Верошпирон действует на уровне блокировки последней стадии сборки Нуклео-касида Вируса Герпеса. А раз Вирус Герпеса в организме сохраняется в вегетативных ганглиях спинного мозга, и как видится переносится к м есту проявления герпетических язв обратным аксотоком нейронов, а поставляется в эти ганглии прямым аксотоком нейронов (отчего и возникает в местах где ранее возникал, ввиду что аксоток точен в местах доставки и местах транспорта, через ретикулярную систему, да и время задержки возникновения как герпеса так и бешенства также точно совпадает со временем транспортировки по Аксотоку, прямому и обратному, и хранению генной инфы вируса в ганглиях), то уместно предполагать, что этот будет иметь эффективность и при вирусе БЕШЕНСТВА, который так же транспортируется и инфекционирует мозг так же через ту же самую ретикулярную систему и через ганглии спинного мозга.      В этом случае, Верошпирон (Спиронолактон) именно уничтожает саму возможность вирусами что-то заражать, ибо в Нуклео-касидах вирусов давление от 15 до 50 атмосфер, чтоб с силой закинуть как по-дальше генную инфу вирусов. А значит Верошпирон (Спиронолактон) именно аннулирует всю болезнетворность вирусов, и скорее всего многих вирусов.      В дополнение к противовирусному эффекту Верошпирон (Спиронолактон) можно добавить ЭМЕТИН (алкалоид из корней ипекакуаны), ибо ЭМЕТИН (как доказали при исследовании КОВИД 19 также действует на уровне блокады транспорта через ретикулярную систему, чем так же влияет на тяжесть и скорость проявления бешенства.      В нашем растительном сырье что подобное можно ожидать только от ЧИСТОТЕЛА, более всего внешне напоминающего ЭМЕТИН, что правда под большим вопросом

ВЕРОШПИРОН _____________________________________ ЭМЕТИН

   Кстати,  Верошпирон (Спиронолактон) можно усилить химически модифицировав, как то показывает следующая работа: Замещенные спироандростен-17, 6'[1,3,4]тиадиазины, обладающие противовирусной активностью.

Причём, в природе АКУЛЫ содержат вещество стероидной структуры, где вместо OH нижнего стероидного кольца присоединён тример из 1-6 ГЕКСАМЕТИЛЕНДИАМИНА, который с помощью этой из тримера из 1-6 ГЕКСАМЕТИЛЕНДИАМИНА группы именно вызывает вирулицидный эффект, связанный с деструкцией внешнего капсида вируса.

________________________________________________________________________________________________

          ✅◆ ◆          

________________________________________________________________________________________________

          ✅◆ ◆          

________________________________________________________________________________________________

[джелави]

но если ты соскучился по противовирусной некой панацее

Ну да, любое средство от вирусни хорошее дело, хотя бы чисто для профилактики. Синька с тиосульфатом хорошо зашли, чувствуется улучшение. Просто всегда нужно что то новое. Одно и тоже хуярить толку мало. Месяц, ну два и всё, эффект пропадает и уже не "торкает". Да ещё сомной постоянно какие то заморочки случаются. вот недавно ЧП произошло. Случайно. Короче поставил настойку марьиного пиона, с примерно килограмма корней, в трёх литрах 60 градусного самогона. Поставил и забыл. Прошло три месяца. У жены спросил, она мне выдала. Начал его пить, а состояние только хуже. Поначалу не догнал в чём прикол. А вышло так, что он толи открытым стоял, толи на солнце, испарился спиртяга и в итоге с трёх литров осталось чуть меньше литра. Короче словил передоз. Опасная хрень, с него реально можно копыта откинуть.

В этом случае, Верошпирон (Спиронолактон) именно уничтожает саму возможность вирусами что-то заражать, ибо в Нуклео-касидах вирусов давление от 15 до 50 атмосфер, чтоб с силой закинуть как по-дальше генную инфу вирусов.

У Спиронолактона тоже сера есть в составе. Она скорее всего и хуярит вирусы, а не эти заморочки с давлением и атмосферами.

[Пелюлькин]

так ведь сами тётки и не скрывают, что в программировании слабо разбираются и учат тут друг друга тому , чего успели нахвататься
так что ты, или сам не фурычишь, или предвзят

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

[Пелюлькин]

Блять ничем вам не угодишь. Про магию шмагию ызотерику -- вам не нравится

   Сонечка, не нада даж хоть на атом стараться им чем угодить, бо енто вечно недовольные и совершенно непримиримые ни с чем путёвым отбросы общества.
    Можно, обращаясь к ним сразу заявлять -- Привет, поросята, Слава Всевышнему, что у вас есть Я, честь мне и хвала, вам всем пиздюлей... Спасибки за понимание...

[Соня (Bruja)]

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

И ? На сиберфоруме давно был? Или на stackoverflow  ?
А там о чем программисты пишут?
Не молодняк ли учат, делясь опытом? И нет в этом ничего странного или преосудительно.

Пиши о нагвализме. Кто тебе запрещает?
От меня то что ты хочешь?
Сказку тебе рассказать, заснуть не можешь?

[lis]

Сказку тебе рассказать, заснуть не можешь?

пра слона хачу..  скаску?))   проста спать ..ни магу...

[Соня (Bruja)]

Сказку тебе рассказать, заснуть не можешь?

пра слона хачу..  скаску?))   проста спать ..ни магу...

Для тебя пытаюсь игру писать. Про лисенка. Ну тот же самый персонаж в джинсах, что и раньше. Весь сет с лягушками и орлом скачала. И брюликами конечно!
Учусь пока...

[Хогбен]

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

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

[Соня (Bruja)]

ты просто очередной раз решил сирануть,

Сами срут а потом сами же жалуются. Совершенно не последовательные персонажи.

Всем Анонимцам - те ваши гадостные или уничижительные комментарии - буду редактировать.
Чтоб на модерацию мною моего раздела не жаловались.

[программист]

И ? На сиберфоруме давно был? Или на stackoverflow  ?
А там о чем программисты пишут?
Не молодняк ли учат, делясь опытом? И нет в этом ничего странного или преосудительно.

так никто и не осуждает
вам было сказано, что вы слабо разбираетесь в программировании
всего лишь
оценка была дана программистом
а Хогбен в залупу полез
так то вы милые тётки ))

[Соня (Bruja)]

вам было сказано, что вы слабо разбираетесь в программировании

А кто интересовался мнением каких то там твоих неведомых зверюх ( друзей мифических...из серии " галюны маей падруги"... )
Ты проверь, не приснились ли они тебе, фантазер.

[Соня (Bruja)]

Любой мало мальский программист тебе бы сказал, о чем мы тут разговариваем. Вовсе не о программировании самом по себе.

 А о развертке страницы веб на сервере. В данном случае были страницы которые я послала Пипе с демо играми. При развертке возникла проблема при перекодировке на сервере.

То есть о веб разработке, грубо говоря шла речь.

Сам синтаксис языка мы тут не разбираем.

А учебные коды ранее я публиковала как решение поставленной задачи. А не как вопрос к Пипе по программированию на джаваскрипт.
Интересно было как бы она подобную, задачу решила. Ход ее мыслей.
А то для сравнения я просматривала и как однокурсники по  академке решали те же самые задачи.

Все эти задачки столь банальны, что любой реально программист тебе бы сказал -
Что эти рефракторинги и циклы и прочая фигня то, что на собеседовании часто спрашивают. Хотя в работе которую предоставляют оно может и не понадобится никогда.  
То есть просто курсовые. Это все учат, хоть на Си шарпе, хоть на плюсах, хоть на каком еще языке.

На злостного суперхацкера тут никто не претендует.

[Соня (Bruja)]

Вообще, не нравится что пишу - зарегистрируйтесь, открывайте тему и пишите про то что нравится вам. Тогда в ленте будут не только темы моего раздела.
Что поделать. Я тут активный пользователь. Не то что ваш трусливый Ксендз.
А СТ как и требовали - ужали.

Радуйтесь. Вы почти добились своего.
И да, как начнете зарегистрированным пользователем писать не пускайте к себе анонимов.
Вы же за это радеете? Ну и флаг вам в ваших темах модерируйте сами. Как вашей душе угодно.

[Соня (Bruja)]

Флуд сброшен из темы сюда
http://forum.postnagualism.com/index.php?topic=98806.msg593200#msg593200

Всем спасибо.

[Хогбен]

Ничего не удалялось.

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

[Соня (Bruja)]

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

Раньше удаляла. Оставляю для истории.
Пересмотрю.
Ты прав конечно.

Чистовик  - у меня на форуме. А тут черновик.
Поэтому особо не заморачиваюсь. Это Анонимы правильно сказали.

[Соня (Bruja)]

на маке с чипом М1 - варианта нет запустить прогу Toon Boom.
Ну просто кошмар..
прием многое из старья заводится, без проблем.
Решила просто в другой проге работать и не мучиться.

одним словом не знаю, что получится.

1.

Все бы хорошо, но у меня программа заглючила и откинулась. Как раз перед  выходом Лиса на сцену.
Придется снова сцену собирать..

Ночь.
Вот тут на сцене появляется лис, и задержавшись общается с мотыльком...
 Лис по дороге в Бар на краю...  там перед баром по дороге он превратится в человека...

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

Это типа пролог...

Цвета и вообще картинки  - тестовые.
Можно хоть черно белые, типа аниматик..

<a href="https://youtube.com/v/881rO3RaAFs" target="_blank">https://youtube.com/v/881rO3RaAFs</a>


2.

Стартовый амбиент.
Это работа в процессе.
Для первой анимированной  сцены- самый низ картинки.
Я ее потом разрежу на планы, типа синие кусты самые темные- впереди. поляна сзади. Дерево по середине.

Кстати да, японские мультики потому такие притягательны- у них очень проработанные фоны. Ну прям картины... а анимация так себе.. но фон окупает все.
я вот тоже перед выбором.. либо отдать все силы на анимацию, ну там 24 картинки в секунду  отрисовывать, или выехать на амбиенте и 12 кадрах, вполне достаточных для 2д.

Пробовала в  бесплатных (они еще разрабатываются) TAHOMA 2D и  OPENTUNZ. Но часто крашатся, тоже под Интел и с силикон Apple M1 не дружат.. практически остался только лес от кадра с ютуб ролика, а фанарики летающие все крашанулись, результат был потерян. Поэтому я надолго ушла в программирование, чтоб отвлечься, пока не придумаю как техническую проблему решить.

Toon boom - даже официальные версии вылетают и тоже не дружат с маками на силиконе.

Короче, не знаю что и делать..

но и проект гложет, не хочу бросать. Постоянно в голове крутится комикс про мир снов, лиса, шамлес и области из карты..

ну буду пробовать на всем чем получится без вылетов.. Есть на манга студио (  Clip Studio Paint ) такая возможность делать мульты рисованные. Но блин она такая неочевидная.. японцы вообще сложные ребята..  и программы у них тоже довольно запутанные (меню в смысле и  опции//).
И там совсем нет дефораторов и морфинга.. все ручками придется делать.. Потому и не хотела в ней, искала что то более на анимацию заточенное.. но похоже у меня нет выхода.. либо освоить анимацию в ней, либо бросить вообще эту затею.

1
Пытаюсь воссоздать потерянный ЛЕС, в котором появится ЛИС.
Пока работа над сторибордом  и аниматиком, цвета тут не обязательны.

[Соня (Bruja)]

1
Пытаюсь воссоздать потерянный ЛЕС, в котором появится ЛИС.
Пока работа над сторибордом  и аниматиком, цвета тут не обязательны.

Файл становится все тяжелее.. Это последний gif, далее придется мр4 записывать..
Мне это помогает отслеживать процесс работы, сравнивать, замечать недостатки..
---

Потом следующая сцена - поляна, на которую выйдет лис.
Думаю нужно отдельным файлом, файл на сцену.. Иначе и супер компа не хватает, медленно фурычит.. Хотя прога не вылетает, что меня несказанно радует.

Летящие штучки - пока просто для анимации слоя.
Потом сами штучки (пылинки или светляки) - я перерисую, сделаю золотистыми или салатовыми. Ну и расположу их не так "квадратно", а более беспорядочно.

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

[Соня (Bruja)]

<a href="https://youtube.com/v/kg9LV6uCo6E?si=e8a3FXClg4KaBhkS" target="_blank">https://youtube.com/v/kg9LV6uCo6E?si=e8a3FXClg4KaBhkS</a>

Вся сцена которую мы видим в программе - это фон, по которому перемещается камера. Мы в итоге видим только то, что попадает в камеру во время ее движения.

gif сильно пережимает и замутняет цвета..
Думаю на выходе тоже будет ярко..
В оригинале это выглядит так, и камера движется более плавно

[Соня (Bruja)]

фон в процессе..
Для анимации нужно было разделить его на слои..
центральное Дерево будет отдельным слоем.

И Солнце тоже.
Попытаюсь анимировать закат и  наступление ночи..

и конечно большое разрешение, что бы можно было приблизится к другой локации например..
Возможно мне это пригодится.



Либо так, только с основными контурами.
без контуров вокруг светлых участков и теней..
Так картинка мягче..
пока не решила..



Разрешение большое, к локациям можно приблизится.
Если там будут происходить какие то сценки, томожно будет использовать этот фон еще раз.
Вообще то пока рисовала, не могла отвязаться от ощущения, что эта локация есть на карте сновиденного мира..
Просто карта огромная, и все мелочи там не поместились..

Локация на реке



Локация в лесу, какая то деревня..



Теперь - надо сделать Дерево в центре поляны, и передние кусты, которые разъезжаются перед камерой.
Траву на поляне и цветы.
Небо облака и солнце.

Лис бежит на юг.
Возможно использует портал, так как дорога не близкая.. Ну или поможет тот светляк..
На Юго востоке - великий обрыв, Край Мира, на котором растет Старое дерево
В его корнях  притаился Бар неординарных людей, умеющих выходит за грань обыденной повседневной реальности..

[Соня (Bruja)]

В тему сновидений от Ю.Ф. из телеграмм канала..
Не хочу этот ролик потерять.

От автора
Мне кстати тогда очень часто снились эти рыбки плавающие в воздухе

<a href="https://youtube.com/v/iRu8ywEAl7M?si=cKqtAyp-crrfFk0a" target="_blank">https://youtube.com/v/iRu8ywEAl7M?si=cKqtAyp-crrfFk0a</a>

[Соня (Bruja)]

Классная тема!
Очень красиво!

Спасибо.

Продолжу тему:

<a href="https://youtube.com/v/JepEswl_Kpw?si=8PbpkO0abun3ODMJ" target="_blank">https://youtube.com/v/JepEswl_Kpw?si=8PbpkO0abun3ODMJ</a>

https://t.me/dreamland_mir/18270

С.
Я помню там потом эти цветочки на земле взлетают как бабочки вроде и кружат


Соня.

Я уже над следующим куском работаю, там где на сценку придет лис. Лиса придется видимо не анимировать а рисовать по кадрам ручками.. И. вот тут мне понадобится озвучка.. Ну голоса, лис будет со светлячком общаться. фразы сама уже не помню, так давно саму сценку впервые набрасывала.. сначала своим голосом запишу, чисто чтоб прорисовать ему мимику и рот, ну и светлячку тоже. А потом видно будет, возможно и вы поучаствуете.. если получится у меня хоть что то 😉

да это тот старый проект, но у меня проблема была в чем работать.. вылетало все и проект терялся, не могла его снова запустить на бесплатных опентунзах (прога для 2д анимации).


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

Соня.
с солнцем и сменой света тоже замучилась, но дальше свет сменится еще раз на ночной. даже не знаю будет ли что то видно.. сделаю тест закину
обычно темнеет не сразу. Но да возможно затянута смена освещения. Хотелось фон показать.. И закат. Но фон большой длинный..
как по дуге? солнце вроде прямо садится..


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

Соня.
не я просто не поняла что ты хотел сказать. само солнце сдвинуть вбок, а не по центру или его анимировать по диагонали, чтоб с угла например в центр садилось

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


Соня
да, это тоже.. может так, расположить изначально солнце над горизонтом, оно садится, камера на нем. Оно закатывается за горизонт и камера начинает спускаться вниз. При этом темнеет

С.
Сцена стоит, солнце движется , камера движется медленнее, примерно так
темнеть начинает тогда когда 3/4 солнца уже за горизонтом.

Соня
Спасибо ребята!

[Соня (Bruja)]

Древовидные грибы, городок на болоте

<a href="https://youtube.com/v/x5QKP0h4lIc" target="_blank">https://youtube.com/v/x5QKP0h4lIc</a>

RU] Болота - древовидные грибы. Грибная деревня.
Персонаж - 64рх .
Рисую игровой уровень, фон и местность.
Снизу персонаж поднимется в деревню наверху, когда найдет способ подняться туда.
Программа - Clip Studio Paint,
Скорость 8х (2 часа работы)

[Соня (Bruja)]

Локацию делаю по тому сну.

http://postnagualism.com/Bruja/index.php?topic=77088.msg325909#msg325909

 Хочу потестить дополнение к Unity - Adventure Creator

Unity Asset Adventure Creator


<a href="https://youtube.com/v/h1-OYMrDuxk?si=BMsvI8JW12vaU3Mv" target="_blank">https://youtube.com/v/h1-OYMrDuxk?si=BMsvI8JW12vaU3Mv</a>

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



Персонаж точно будет заходить внутрь и общаться с местными жителями.. Местых еще надо придумать, так как реалистично как во сне - изображать их не собираюсь. Пока работаю в стиле пиксельарт. Обычным способом рисовать наверно быстрее, но мне что то ностальгически хочется пиксели, но чтоб нормально выглядело. Не слишком примитивно. Есть в пиксельарте какой то шарм.. Но, не буду загадывать. Возникнут сложности - переведу все в обычный мультяшный стиль 😘

(ранние наброски)

[Соня (Bruja)]

RU] Болота - древовидные грибы. Грибная деревня.

<a href="https://youtube.com/v/x5QKP0h4lIc" target="_blank">https://youtube.com/v/x5QKP0h4lIc</a>


Персонаж - 64рх .
Рисую игровой уровень, фон и местность.
Снизу персонаж поднимется в деревню наверху, когда найдет способ подняться туда.
Программа - Clip Studio Paint,
Скорость 8х (2 часа работы)

Без сетки (которая мне нужна для рисования и масштабирования)  и без рамки красной (окно игры и синий персонаж, тоже нужные мне для масштабирования элементов уровня)-- рисунок сейчас выглядит так :

[Соня (Bruja)]

Вставила для тестирования и настройки масштаба набросок уровня и персонажа - в Unity - Adventure Creator.
Читала на форуме разработчика вопросы о том как настроить в АС игру с низким пиксельным разрешением, чтоб в окне игра изображение спрайтов (картинок) не выглядело размытым.
Решила потестить и свою работу.

Да, поначалу, не смотря на правильные настройки отображения в окне игры - рисунок выглядел размытым. Так произошло из за большого масштаба, который я взяла вначале. Пиксели казались такими мелкими что просто сливались воедино.

Пришлось изменить оригинальный размер холста в Clip Studio Paint - уменьшив его пополам, оставив изображение пропорционально того же размера.

Отметила для себя настройки, на которые нужно обратить внимание при настройке самой картинки (спрайта), для того что бы пиксели не сглаживались, выглядели четкими.




Персонаж в каре игры тот же, 64 на 64 рх.



Сама сцена:



Можно и в векторе попробовать и сравнить, как  будет лучше...

[Соня (Bruja)]

Можно и в векторе попробовать и сравнить, как  будет лучше...

Ну что то типа такого.. Правда полный уровень в таком разрешении будет весить как десяток мамонтов..
пиксельарт весит меньше, потому что разрешение низкое..
А вектор весит побольше..

У меня была только одна сценка, а не полная карта.

[Соня (Bruja)]

Интересные домики. Я в таких бы пожил. А почему в окнах нет света? Без него домики какие-то нежилые, что ли. Хотя бы свечки там зажечь

Это набросок. И к тому же день там еще.. Потом стекла светлыми сделаю, ты верно заметил.
Пока просто искала размеры и расположение. От балды рисовала  
Ночью все будет..

Это ведь целый уровень игры. Ну может герой там денек и проведет с ночевкой..
Квесты бы еще придумать..


Уровень имеет свои зоны, к которым будут какие то задания придуманы. Плюс - внутренности некоторых домиков возможно понадобятся..
Главное Задание -  убраться оттуда, думаю герою понадобится ... большой жук!

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

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

В игре- в окне будет виден лишь вот такой кусочек
(вдалеке персонаж уменьшится)







(!тут нет начала. Начало игры - в комнате где персонаж заснул. Но это позже буду делать. Комнату одну - рисовать просто, тем более я ее уже сто раз рисовала и референсы есть даже в этой теме.. )

[Соня (Bruja)]

Наброски персонажей для этой локации. Пока в пиксель арте.
Главное поймать форму. А в векторе потом улучшу..
Вообще никак не выбиру, пиксель или вектор?
Пиксели мне тоже нравятся...
 

Соник и зажиточные селяне. И маленькая вредная девочка.



Пастух червяков... Хотя может пастух будет постарше, а этого вниз поставлю, на болота, где подъемник к деревне.

[Корнак]

Соня (Bruja), на третьей минуте деревья твои напоминают
https://www.youtube.com/watch?v=o6KOX31PtN8&t=85s

[Pipa]

     Для Сони имело бы смысл "оживлять" не лес, в котором живет лис, а ... Карту Сновиденного Мира! Типа того, что сделать пусть на первых порах не игру, а хотя бы бродилку/квест по этой карте. Чтобы можно было походить по ее миру, посетить интересные места и неторопливо рассмотреть их вблизи. Т.е. что-то вроде игры "Мист (1993)", которой недавно исполнилось уже 30 лет!


Светящие грибы под дождем в ночном лесу (картина создана при помощи ИИ)
https://ru.freepik.com/premium-photo/fantastic-world-of-mushrooms-glowing-mushrooms-inthe-rainsoaked-night-forest_143773617.htm

[Пал Палыч]

Карту Сновиденного Мира!

Карты сновиденного мира - это фейк от Хацкеров сновидений.

[Соня (Bruja)]

Карты сновиденного мира - это фейк от Хацкеров сновидений

Мы свою карту собрали. И она не фейк.
Тем более карты составляли еще в древности, есть китайская например..

По сути своей карта мира сновидений - это карта  коллективного бессознательного. Что соответствует теориям и  практике Юнга.

[Соня (Bruja)]

Для Сони имело бы смысл "оживлять" не лес, в котором живет лис, а ... Карту Сновиденного Мира! Типа того, что сделать пусть на первых порах не игру, а хотя бы бродилку/квест по этой карте. Чтобы можно было походить по ее миру, посетить интересные места и неторопливо рассмотреть их вблизи. Т.е. что-то вроде игры "Мист (1993)", которой недавно исполнилось уже 30 лет!

Спасибо, думала над этим..
Хотя показалось, что без сюжета мало кого заинтересует просто знакомство с локациями.
Тем более что коллекцию тварей там обитающих мы так и не собрали.
То есть описаний пока маловато.,
Но как вариант, принимаю.  Это даже проще собрать.
Только нужны квесты., Мист славился своими квестами, на которых я его в итоге и забросила. Нервы здали..


А я вообще не умею квесты придумывать.. ( придется голову ломать над этим , что кому и сколько раз   )  даже логические, не говоря уж о математически программируемых.

В любом случае карту планирую вкрутить, когда она появится у героя. Чтоб в открытые ( доступные ) локации попадать.
Раз открытая локация - становится доступной на карте. И герой может туда переместится если это ему нужно.. ( ну возможно для квеста какого нибудь более глобального)

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

[Соня (Bruja)]

Светящие грибы под дождем в ночном лесу (картина создана при помощи ИИ)

Ну до ии мне конечно далеко

Даж не собираюсь тягаться
Очень красиво!

[Соня (Bruja)]

Соня (Bruja), на третьей минуте деревья твои напоминают
https://www.youtube.com/watch?v=o6KOX31PtN8&t=85s

Уже изменила, добавила цвета.
Просто на начальном этапе много цветов мешает, так как не вижу тональности.

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

тональность - черно белый кадр

[Соня (Bruja)]

на начальном этапе много цветов мешает, так как не вижу тональности.

Немного о проекте (с комментариями).

<a href="https://youtube.com/v/dx11Rd1XcMo" target="_blank">https://youtube.com/v/dx11Rd1XcMo</a>

Сложно болтать в одиночку. Не привычно.
В следующих записях планирую зачитывать комментарии и ответы на них, по мере их появления. А то просто смотреть процесс рисования интересен чисто узко технической аудитории. Думаю веселее будет при прорисовке анимации героев и неписей (не игровых персонажей).
Ну а пока нудная проработка и детализация фона. Самое начало..

[Корнак]

просто смотреть процесс рисования интересен чисто узко технической аудитории

меня всегда завораживал процесс рисования и нравился больше, чем сами картинки

[Соня (Bruja)]

меня всегда завораживал процесс рисования и нравился больше, чем сами картинки

 

Ты такой романтик!

Вдохновляет снимать процесс.
Да и вообще, для истории.. вдруг все таки что то получится.. А то вечно не понос так золотуха, то комп старый сдох, то программа не тянет, то переезд на носу..
Сейчас кажется все подобрано, все необходимые инструменты..
Так что попытаюсь, все ту же историю, с Пипой и Шелтом, Лисом Баром на Краю сновидения и прочими товарищами..

Уже боюсь чего то обещать, столько раз всех подводила по независящим от меня обстоятельствам..
Просто наслаждаюсь процессом и делюсь с другими..

На картинке уже прогресс, но видео будет позже.

[Pipa]

Соня с Лисом:

[Соня (Bruja)]

Соня с Лисом:

Спасибо! Очень милая парочка!

[Соня (Bruja)]

Болтать под видео пока лень.. Немного занята, но продолжаю рисовать. Теперь детализирую.

<a href="https://youtube.com/v/fpXl8v96M9E" target="_blank">https://youtube.com/v/fpXl8v96M9E</a>

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


Тестовый вариант в векторе (который НЕ буду пока делать, слишком много возни)

[Соня (Bruja)]

Немного занята, но продолжаю рисовать. Теперь детализирую.

В пикселях конечно.. Получается типа такого.. кустики..
Надо запись поставить, забыла совсем

[Соня (Bruja)]

Немного о проделанной работе. Зачитываю интересные комментарии. Все не успела - остальное позже озвучу
Лидирует asd, 3 его комментария. И один от Космо. Космо написал замечательный смешной коммент, но думаю - ответ на него потянет на отдельную тему.
В следующий раз начну зачитывать комментарии с него!

Спасибо ребята!

<a href="https://youtube.com/v/69gNFi24H0o" target="_blank">https://youtube.com/v/69gNFi24H0o</a>


Линеарт (лайн арт - каркас, детальная прорисовка уровня линиями,  о котором я упомянула.
Накладывается поверх слоя на котором рисую, режим наложения - Multiply, делаю слой видимым на 10%, то есть практически прозрачным.
При работе в цвете - ориентируюсь на него.

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

[Соня (Bruja)]

Не записывала, слишком нудно смотреть наверно..
Работала над корой грибо-деревьев, и немного с растительностью у домика шамана.

Смотрела записи прохождения Мист.. Очень уж захотелось вспомнить  и посмотреть на кого-то - кому хватило терпения разрешить довольно сложные головоломки. И вообще понять историю, а то я забыла совсем сам сюжет..

Ну что сказать.. красивые пейзажи, интересно слушать ход мыслей женщины, которая проходила игру (3, 4, 5)
Ну и рисовать веселее под это видео сопровождение..
Теперь понятно, почему Пипе игра нравится.
Во первых - сами строят миры, какой то умный чувак.. Правда строил он их магическим образом, записывая книги со всякими формулами..
Но сама идея демиургии вполне интересно проработана..
Ну и головоломки.. машинерия и механика..
Ну просто Пипина радость

Вот плейлист 3его Миста

<a href="https://youtube.com/v/NOyn4yMFtPs?si=zEg6tRRTCbXDlHko" target="_blank">https://youtube.com/v/NOyn4yMFtPs?si=zEg6tRRTCbXDlHko</a>

[Соня (Bruja)]

Срочно требуется экскурсовод!
Пока остальные обитатели готовятся к заселению

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

<a href="https://youtube.com/v/1-7r_BQZOhQ" target="_blank">https://youtube.com/v/1-7r_BQZOhQ</a>

[Соня (Bruja)]

Без комментариев.
Немного улучшила внешний вид магазинчика в локации

<a href="https://youtube.com/v/jXmZyS1qOog" target="_blank">https://youtube.com/v/jXmZyS1qOog</a>

[Соня (Bruja)]

https://t.me/dreamland_mir/19812

С квестовыми играми работы больше..

Работаю над верхним уровнем.
Расширила площадки, что бы местным жителям было где ходить..
Добавила несколько домиков, а то вся деревня - пара домов - довольно странно..

Теперь ясно видны планы -задний, средний, и самый передний
Размер персонажа будет изменяться в перспективе. На переднем плане (там где жук)- персонаж будет побольше. А там где домики с лиловыми крышами - персонаж будет уменьшен. При сборке это настраивается программно в АС.

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

Больше напрягают квесты. Они сами по себе влияют на внешний вид уровня.. и их хорошо бы продумать заранее..
Думаю , ломаю голову над деталями и техническими моментами.. но честно говоря - голова пустая..
а математические головоломки не хочу, не всем они нравятся, а многих ( и меня тоже) они напрягают..