Постнагуализм

нужные в работе ссылки
Звуки - озвучка
https://zvukipro.com
https://zvukogram.com/category/zvuki-udivleniya/

Раскадровка (http://postnagualism.com/Bruja/index.php?topic=77088.msg318916#msg318916)

Проект на ВК

https://vk.com/club226525050


-----
на Phaser 3 (https://phaser.io) и  javascript, здесь, на сервере ПостНагвализма.


Большая часть из них курсовые и учебные проекты Codecademy (https://www.codecademy.com)

Поймай Крота Раскопателя! (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)

Охотник за Сокровищами! Откопай три Золотых монеты бастрее чем Пират! (http://forum.postnagualism.com/js/Treasure_Hunter/index.html)

Нравится Музыка? Можно поклацать по клавишам онлайн Пианино! (http://forum.postnagualism.com/js/piano_keys-main/index.html)

Бесконечный прыжок Коди! Бесконечная Лестница в Небеса! (http://forum.postnagualism.com/js/Codey_Jump3/index.html)



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

Звезды с Небес! Платформер (http://forum.postnagualism.com/js/Platformer/index.html)




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


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

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

29 июня 2022



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

(https://content.foto.my.mail.ru/mail/sophia_nuna/5077/h-5078.jpg)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

https://youtube.com/v/TUT1ShLP4R8

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

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

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

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

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

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

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

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

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

из переписки c Noob Game Dev (https://www.youtube.com/c/NoobGameDev/featured).

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

Pipa,

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

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

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

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

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

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

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

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

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

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

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

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

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

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

джелави,

Там есть оптимизация (https://docs.unity3d.com/ru/2019.4/Manual/OptimizingGraphicsPerformance.html). Но она полностью на совести разработчика.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

https://youtube.com/v/tMXgLBwtsvI

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77580.0;attach=10873;image)

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

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

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

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

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

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

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

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

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

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

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

Надеюсь есть грибы и кактусы в игре - не нарушит уголовный кодекс?
и еще вопрос - какого разрешения делать пиксельных персонажей?
И вообще какого размера само окно игры?
Единственное что знаю - это пропорции 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

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

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

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

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

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

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

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

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

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

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77580.0;attach=10876;image)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77849.0;attach=11651;image)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 :)

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

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

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

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

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77849.0;attach=11654;image)

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


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

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

29 июня 2022

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

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

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

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

Защитник?

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

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

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

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

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

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

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

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

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

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

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


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

https://youtube.com/v/bKID_rchE6I

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

https://youtube.com/v/Dz3VAAW96fk


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

Часть 1

https://youtube.com/v/dH_vG_2-1yA


Часть 2

https://youtube.com/v/EkL_snpxjFY

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


ШАБЛОНЫ

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

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

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

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

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

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

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

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

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

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

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

ШАБЛОНЫ.


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


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

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

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

СКЕЛЕТ

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

АНИМАЦИЯ

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

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

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


КАМЕРА

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

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

МОРФИНГ

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

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

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

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



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

https://youtube.com/v/UlOIihf0Z84

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

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

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

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77849.0;attach=11691;image)

В медитации

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77849.0;attach=11692;image)

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

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77849.0;attach=11693;image)

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

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77849.0;attach=11694;image)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сумка

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

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

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

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

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

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

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

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

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

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

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

1.

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

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

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

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

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

https://youtube.com/v/881rO3RaAFs


2.

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

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

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77849.0;attach=12153;image)

красиво :D

Спасибо :)

Демо Игры на Phaser 3 (https://phaser.io) и  javascript, здесь, на сервере ПостНагвализма.


Большая часть из них курсовые и учебные проекты Codecademy (https://www.codecademy.com)

Поймай Крота Раскопателя! (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)

Охотник за Сокровищами! Откопай три Золотых монеты бастрее чем Пират! (http://forum.postnagualism.com/js/Treasure_Hunter/index.html)

Нравится Музыка? Можно поклацать по клавишам онлайн Пианино! (http://forum.postnagualism.com/js/piano_keys-main/index.html)

Бесконечный прыжок Коди! Бесконечная Лестница в Небеса! (http://forum.postnagualism.com/js/Codey_Jump3/index.html)



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

Звезды с Небес! Платформер (http://forum.postnagualism.com/js/Platformer/index.html)




_________________________________________________________

Работаю  над версткой веб страницы (домашнее задание)

Нужно создать с нуля веб страницу для компании или фирмы.
Для фирмы,  настоящей или придуманной используя только css flex.
(Пока без сетки css grid)

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

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

Используется в создании только Css и html.
Требование не использовать css grid,
работать только используя flex для адаптивности ( тянучести).

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


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

Скрины в процессе  - "проблемные" места на разных экранах.
Вижу там буква вылезла за контур в заголовке, на самом узком экране (телефон).

Это решается позже, контролем над шрифтами на разных экранах с помощью css - @media

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

А клик по картинкам галлереи - переводит на страницу (не существующую пока) конкретно этого продукта.
Их появление не зависит от меня. Поэтому пока ссылки (картинки с домиками) открывают пустую страницу.

Осталась еще пара блоков и можно сдавать.

Ну вот, работа закончена и сдана.
Ее можно посмотреть в живую, а так же все исходные коды в репозитории GitHub
Ссылки и описания заданий в переводе приложу позже.
https://mtapirina.github.io/flexbox_business_site/

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

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

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

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

Нырять мы ездили по многим побережьям Испании, и за границу ( Коста Рика, Египет  и т.д.).

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

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

Так что веб страница клуба наверняка будет страницей посвященной тому клубу, это решено!

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

Две контрольные ( практические работы созданные с нуля ) сдала.
Теперь экзамен.. 2 части, каждая по часу.
Проходной балл 75% ..

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

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

Yes!! Прошла!

Переходим к следующему разделу - front-end.
Причем 18% этого раздела уже пройдено, так как контент входил в " основы веб разработки", то есть в предыдущий базовый уровень.
Это отчасти html и css.
Ну а новый раздел открывает принцесса Java Script  ;)

Ох чувствует мое сердечко, намучаюсь я с ней..
Ну а пока  самое начало оч похоже на C # , все те же переменные,  методы, операторы..
Даже коментируется так же...
Хотя есть и различия. В Си шарпе не особо любят кемалКейс из за сложности потом для прочтния программистом, а вот в джава скрипте он кажется в почете.
Покрайней мере пока что это так.
Мне же больше нравится добавлять слова через тире. И вводя переменные не использовать большие буквы. Что бы отличать переменные от методов и функций, встроенных или созданных..

     Может быть не через тире, а через подчеркивание? А то обычно тире/дефис используется в языках программирования, как оператор вычитания.

Pipa, А я вот, возьму, и не ляпну ничего! А почему? Да, потому, что я ничего в этом не понимаю.
 Попытайтесь быть похожими на меня. Это вас спасёт.

Да, нижнее тире.. ____  подчеркивание.

Хотя мне думается способ наименования переменных -  дело привычки.
Тем более когда только учишься своих привычек еще не выработалось..
В конце концов пишешь как те у кого учишься.

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

Пока что все очень миленько. Хотя - одна голая консоль.
Самое прикольное было упражнение по пересчету своего возраста в ... собачий ! ;)

Вообще видно, что с юмором ребята...

Пипу ? От чего?

Соня (Bruja), от зашквара, однако. Она часто пишет глупости пытаясь быть экспертом во всем.

Pipa знает более дюжины языков программирования, так кому же, как не ей, поддержать разговор на эту тему?

Соня (Bruja), Pipa, да этим вонючим программированием только зрение убивать. Ботанички, а оно вам надо?

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

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




Ссылка на репозиторий второго задания:
там все документы. index.html   styles.css. , можно просмотреть код.

https://github.com/mtapirina/responsive-club-website

внешний вид - страницы в живую
https://mtapirina.github.io/responsive-club-website/

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

Upd

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

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

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

имхо

В языке понятий нет животных.. Но они есть и сильны в нас..

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

(ванильные программисты ныне... не то что старая школа полных аутистов...)

Массивы оч похожи на си шарповские.
Циклы тоже...
Такое дежавю..
Кроме не строго типизированных объявлений переменных пока не вижу сильных отличий..
Функции тоже записываются похоже.

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

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

Так что эти темы буквально пробегаю, по сравнению с html и css.
Но и разница конечно, в javascript, как впрочем и в c#  база намного шире..
То есть наверно можно сравнить с css+html  вместе взятых.
А то и побольше. Если библиотеки внешние вклюсить.
Уж с какой то нам точно придется работать.. пока просто node js подключили на своих компах.
Благо на маке терминал bash , тестить можно консольные приложения прямо в нем или в нем, но  через VS Code.
Хотя в окне браузера все же удобнее.

Про животное в нас.
Или про Массивы в программировании.

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

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

Одномерный массив похож на линию выложенных в ряд коробок с каким то содержимым. Ящики  по порядку пронумерованы

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

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

 Какой же это нахрен " список"?

Именно МАССИВ!  Ну или плюшевое слово Array. А те учителя просто дураки. Вот,
 ;)

Пипа, как
можно к массиву применить за раз два итератора?

Мне что то в голову никак не приходит. А то, что приходит дает ошибку.

Это возможно вообще?

    Итераторами я никогда не пользовалась :), а всегда просто "вручную" перебираю элементы массива в цикле for (которых друг в друга можно вкладывать до бесконечности). Итераторы - принадлежность языка C#, хотя в C++ они тоже есть, если вместо массивов заводить контейнеры.
    И вообще у меня склонность к "нижнему уровню" (т.е. наиболее близкому к уровню инструкций процессора), да и большинство операторов языка C/C++ я понимаю в смысле того, что они на нижнем уровне делают. Например, массив для меня - это [базовый] адрес памяти, начиная с которого вверх по возрастанию расположены однородные элементы, которые можно достать по адресу, полученному прибавлением к базовому адресу необходимого смещения, зависящего от номера элемента в этом массиве. Именно для этого прошу компилятор параллельно выдавать мне ассемблерный листинг того, что он накомпилировал. Это в последствии помогает мне трассировать/отлаживать программу в кодах процессора. Однако я ни в коей мере не стану советовать кому-либо поступать так, как я, т.к. это занятие исключительно для любителя (которым являюсь я из-за своей склонности к нижнему уровню). Потому и язык C люблю за его максимальную близость к процессорному уровню (многие операторы этого языка являются прямыми аналогами инструкций процессора). По той же причине люблю с микроконтроллерами возиться, т.к. там нижний уровень можно непосредственно "пощупать руками".

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

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

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

Мы изучали сейчас методы итерации для массивов в JavaScript.
то есть все эти методы - .reduce(), .filter(), .map(), forEach()..

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

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

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

Это уже более "животные" абстракции :)

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

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

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

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

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


// здесь оцениваем дистанцию и выдаем соответствующий комментарий:

const howClose = (distance) => {
if (distance > 100) console.log("Скоро прибываем... ");
else console.log("Нам еще ехать и ехать.");
}

//Здесь
//1 -рассчитываем саму дистанцию,
//2-  передаем полученное значение в какую то функцию, как параметр,
//для последующей обработки:

const calculateDistance = (speed, time, callback) => {
    const distance = speed * time;

    callback(distance);
}

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

calculateDistance(40, 2, howClose);
//Нам еще ехать и ехать.

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

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


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

Может быть ты знакома с этими приемчиками? Для чего это все ? как применяется?
наверняка они используются очень часто, иначе нас не гоняли бы так по пустякам...

UPD//
Вот что меня смутило и в ступор ввело -  слово distance




и тут,



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

проверила изменив

calculateDistance = (speed, time, callback) => {
    const dist = speed * time;

    callback(dist);
}

--

работает так же..

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

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

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

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

https://github.com/Asabeneh/30-Days-Of-JavaScript/tree/master

вот то что переведено на русский (не знаю, все перевели или еще в процессе)

https://github.com/Asabeneh/30-Days-Of-JavaScript/blob/master/RU/README.md

Вступление

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

Задача 30DaysOfJavaScript - руководство для начинающих и опытных разработчиков JavaScript. Добро пожаловать в JavaScript. Мне нравится использовать и преподавать JavaScript, и я надеюсь, что вы это сделаете. JavaScript - это язык браузера.

В этом пошаговом руководстве вы изучите JavaScript, самый популярный язык программирования в истории человечества. Вы используете JavaScript для добавления интерактивности на веб-сайты, для разработки мобильных приложений, настольных приложений, игр, и в настоящее время JavaScript можно использовать для машинного обучения и AI. JavaScript (JS) вырос в популярности в последние годы и был ведущим языком программирования в течение четырёх лет подряд и является наиболее используемым языком программирования на Github.

Требования
Для выполнения этой задачи не требуется предварительное знание программирования. Вам нужно только:

Мотивация
Компьютер
Интернет
Браузер
Редактор кода


Задача «30 дней программирования на JavaScript» — это пошаговое руководство по изучению языка программирования JavaScript за 30 дней. Это испытание может занять более 100 дней, просто следуйте своему собственному темпу.

 These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw

    Так оно и есть :). Полагаю, что всё это выкрутасы коучей, вознамерившихся продемонстрировать все тонкости языка. Тогда как в практических целях словоупотребление на всех языках неравномерно - какие слова/выражения используются часто, какие-то реже, а какие-то за всю человеческую жизнь ни разу не произносятся. А когда такие слова вдруг встречаются в тексте, приходится у Google спрашивать, что они означают, например, слова "вирпил" и "кокпит" :).
     Кстати, что за язык ты изучаешь? Откуда эти примеры с коллбэком? Неужели это Javascript? - Не узнаю его!
На Javascript функции определяются через ключевое слово "function", что невозможно забыть. Например так:
function howClose(distance)
{ if (distance > 100) console.log("Скоро прибываем... ");
   else console.log("Нам еще ехать и ехать.");
}

function calculateDistance(speed, timek)
{ distance = speed * time;
   howClose(distance);
}

Но можно и через коллбэк вторую функцию вызвать, если так хочется:
function calculateDistance(speed, time, callback)
{  const distance = speed * time;
    callback(distance);
}

     Лично я пишу без коллбэков, а порой даже чураюсь вкладывать одну функцию в другую, предпочитая вызывать их по очереди. Типа сначала вычислить дистанцию молча, а следом за ней вызвать "распечатку" результата.
     Однако коллбэки бывают нужны, когда не ты сама вызываешь эту функцию в своем коде, а когда эта функция вызывается автоматом по ситуации. Например, если пользователь нажимает какую-то кнопку на клавиатуре или кликает мышью в каком-то месте страницы. Тогда обработчик событий разберется с тем, какому символу принадлежит нажатая клавиша или выяснит, по какому элементу страницы пришелся клик мышью. А поскольку обработчик не знает, что потом с этим делать, то вызовет "самописную" callbаck-функцию, где я укажу, что надо с этими символами делать - обычно строю из них строку, а после конца строки (клавиша  Enter) разбираю ее синтаксис. Особенно это актуально, когда обработчик писала не я (т.е. когда он является библиотечной функцией). А так же часто применяется для обработки ошибок, когда у функции возникают затруднения с выполнением порученного ей задания. Например, ей поручено что-то прочитать в файле с заданным именем, а его на диске не оказалось. В этом случае callback может как абортировать задачу, так и подыскать этому файлу замену.

Да, это Javascript, но современный. Хотя и старый вариант тож работает.

Можно сокращенно некоторые функции писать, стрелками =>
( Если они, стрелки  не внутри метода, вызывающего объект. Метод, в котором   придется упомянуть сам объект  как this. Стрелки этого this не видят как надо, и получаются ошибки (они  лезут в поисках этого объекта в глобальную область)

Думаю это с ES6  ввели. Нам же позволено писать как угодно. Но сами они в своих примерах прибегают к новому синтаксису, где это возможно.
Я  часто и сама пишу через

 function (param, param){ .
тело функции и return ..;
} ;

Эти же стрелки ввели и C#. Но я ними не пользовалась.


Ну да, для приведенного примера так кажется проще и логичнее.

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

  Меня поразило, что в JavaScript нет приватности для класса ,объекта  или переменной..

Это как же получается?  Это не опасно ?


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

Спасибо!

Пра forEach() - не только меня поставило в небольшой ступор задание контрольной (или челенджа, конкурса, как его называют на сайте академии).
Мы то понимаем, как работает этот метод, да и на MDN - forEach (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach)
есть полное описание и самого метода и как с ним работать.

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

Сейчас приведу задание в переводе на русский (оригинал на англ):

Напишите функцию:
declineEverything(),
которая принимает массив строк и, используя .forEach(), перебирает каждый элемент массива и
вызывает   politelyDecline() для каждого из них.
Функция .forEach() должна напрямую применять politelyDecline();
он НЕ должен просто получать функцию аргумента, которая использует politelyDecline().
Вы можете протестировать свою функцию, когда будете готовы, передав ей массив овощей или создав собственный массив!

Нам дано:
//массив:
const veggies = ['broccoli', 'spinach', 'cauliflower', 'broccoflower'];

//функция, которую нужно вызвать через .forEach() :

const politelyDecline = (veg) => {
      console.log('No ' + veg + ' please. I will have pizza with extra cheese.');
};


// Write your code here:




--


Ну и все или многие поголовно написали - как нас учили (было на занятиях и часто повторялось) - callback функции вызывать. То есть, чем запесочили мозги.

Жмешь на кнопочку  проверить - и О Ужжжас!!
Тест не пройден!
Открываем вкладку с подсказкой (мы то думали что просто, как семечки... и в нее не заглянули ранее)...
И что там видим?


подсказка :
Если вам нужно освежить знания о .forEach(), ознакомьтесь с этим упражнением и документацией MDN.
Ваша функция должна иметь параметр массива. Вы вызовете forEach() для переданного массива.
Каким должен быть ваш аргумент для функции forEach() ?
Обратите внимание, что мы хотим, чтобы politelyDeclined() передавался непосредственно в качестве аргумента .forEach()

Here’s an example of code that WILL NOT pass our tests:
Вот пример кода, который НЕ ПРОЙДЕТ наш тест:

const declineEverything = arr => {
  arr.forEach(element => politelyDecline(element));
}

[/color]
У многих честно говоря ступор произошел. Потому что именно так мы все и написали. Как на уроках и никак иначе..
Стрелками или обычным способом - воткнули вызываемую функцию подобным образом.

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

первый же пример который вам выдаст страница :
const array1 = ['a', 'b', 'c'];

array1.forEach((element) => console.log(element));

// Expected output: "a"
// Expected output: "b"
// Expected output: "c"

где console.log() - вызываемая callback функция( функция обратного вызова)..

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

function declineEverything(arr) {
    arr.forEach(politelyDecline);
}


Ну и далее - пояснение, нам непонятливым:

politelyDecline — это переменная, указывающая на функцию. Это значит, что
strArray.forEach(politelyDecline);
равен вот этому:
strArray.forEach((veg) => {console.log(‘No ’ + veg + ’ please. I will have pizza with extra cheese.’});

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

"на самом деле мне трудно понять эту логику, и объяснение, похоже, не прояснило мою путаницу, и я надеюсь на некоторую дополнительную ясность.
Я понимаю, что переменная «politelyDecline» была передана в .forEach() в качестве аргумента, но «politelyDecline» — это функция, которая сама принимает один аргумент. Когда он был передан в качестве аргумента .forEach(), мы не передавали ему никаких аргументов.
Более того, как к нему передавался каждый «овощ» (из массива), если ему передавалась
 только функциональная переменная?
Именно это меня озадачивает, и чтение документации MDN не проясняет мне ситуацию, поскольку этот пример использования, похоже, не обсуждается.
Синтаксис, который я бы использовал, который был неверным для этого примера, согласно тексту в вопросе, был: «strArray.forEach(veg => politelyDecline(veg));»
Этот синтаксис имеет для меня смысл, поскольку .forEach анализирует один «овощ» из массива и использует обратный вызов politelyDecline, передавая ему каждый «овощ» в качестве параметра.
Если кто-то сможет лучше объяснить, как это работает, мы будем очень признательны."

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

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

 - что никак не соотносится у нас с заданием и их претензиями к коду. Никакого упоминания, что тут какая то "прямая" передача функции, которую от нас требуют.

JS

const logArrayElements = (element, index /*, array */) => {
  console.log(`a[${index}] = ${element}`);
};

// Notice that index 2 is skipped, since there is no item at
// that position in the array.
[2, 5, , 9].forEach(logArrayElements);
// Logs:
// a[0] = 2
// a[1] = 5
// a[3] = 9

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

"Итераторы, такие как Array.forEach(), имеют собственную внутреннюю переменную-итератор. Обратный вызов должен быть только ссылкой на объект функции. Итератор обрабатывает вызов функции один раз для каждого значения в массиве.
Когда он был передан в качестве аргумента .forEach(), мы не передаем ему никаких аргументов."


Вот честно, мне яснее не стало. Как это никогда не передаем, если передавали постоянно, передавая функцию как callback?
Далее, на подобныей вопросы - чел ответил:

"а так вы еще не проходили классы Javascript?
Это прояснит вам по поводу встроенной в вызываемый класс функциональности...
Ну подождите немного, вот пройдете и вам все станет понятно !"

Тут все и присели молча....

Нормально да?
:)

Я бы сразу написала:
veggies.forEach(politelyDecline);
и не мучилась со стрелками.

Нам начинающим не понятно, почему НЕ пишется аргумент, который у вызываемой функции есть.

politelyDecline(тут ведь требуется анрумент?)

Как он передается в функцию если мы его не указали?

и чей то комментарий о том же..

ЗЫ- классы мы еще не проходили, нам сказали, как пройдем, так все нам станет ясно..

    Потому что forEach() заполняет параметры указанной в нем функции по умолчанию:
1) Если у функции 1 параметр, то forEach() впендюрит в него значение элемента масива.
2) Если у функции 2 параметра, то forEach() впендюрит в первый параметр функции значение элемента массива, а во второй параметр - его индекс (порядковый номер в массиве).
3) Если у функции 3 параметра, то forEach() заполнит первые два параметра так, как в случае двух параметров, а третьему параметру присвоит имя массива (его адрес).
    Учитывая эти его особенности, программист подставляет ему функцию со столькими параметрами, сколько ему нужно дополнительной информации (чаще всего востребована информация об индексе, т.к. имя массива обычно бывает заранее известно, но и оно может понадобиться, если поиск ведется последовательно по нескольким массивам с одной и той же вызываемой функцией).

СПАСИБО, если бы нам вместо стрелок начали бы объяснения с этого, дополнив потом коллбеками с аргументами -  то вопросов и затыков не возникло бы.

как бы ты написала функцию, вычисляющую Факториал натурального числа n ?
на Javascript само собой..

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

function factorial(n){

if(n === 0 || n === 1){
    return  1;
}else if (n < 0 || !Number.isInteger(n)){
    return 'n - must be a real non-negative integer';
}else{
    return n * factorial(n-1);
}
}

//console.log(factorial(5));

    К сожалению тут я не могу похвастаться своим умом :), т.к. раньше уже знала, что факториал вычисляется рекурсивно. Где-то так:
function factorial(n)
{
  if (n == 1) return 1;
  return n * factorial(n-1);
}

     А сталкивалась я с этим при необходимости вычисления "сочетаний (https://www.matburo.ru/tvart_sub.php?p=calc_C)". В теории вероятностей они применяются (распределение Пуассона) и для вычисления биномиальных коэффициентов (мне для полиномов эти коэффициенты были нужны). И хотя там в формуле сразу три факториала, эти факториалы численно тоже никто не считает, а используют рекурсивную формулу:
function C(n, k)
{
    if (k==0 || k==n) return 1;
    return C(n-1,k-1) + C(n-1,k);
}

Этот момент был самым сложным для меня... додуматься что там factorial(n-1); а не просто (n-1).
Я чуть не повесилась.. а потом решила погуглить.. нашла у одного парня и обалдела.. Пыталась себе это в уме представить.. Заглючило меня на долго, потом бросила.. долго золотые круги на темном фоне перед глазами стояли.. (никаких допингов не нужно..)
мне такой финт ушами просто в голову не пришел бы.. я его просто НЕ могу представить. У меня какой то зеркальный бесконечный коридор появляется в уме..
как это внутри функции вызвать саму же  эту функцию, хотя она еще не дописана... не дала результаты.. то есть в процессе..




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

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

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


То есть получаешь - сколько возможных сочетаний меж таким количеством объектов двух типов? трех?

126
это чего? картинка ниже.


Сайт и вправду крутой!!! Спасибо за ссылку!
А это прям по нашей тематике, кастанедовской...
Какова вероятность что вы встретите нагваля? вот, рассчитайте блин !

А - встречу Нагваля, как некогда Кастанеда и стану магом.
В  не встречу Нагваля, не стану магом, потому что встречу любовь своей жизни!!! единственную мою (от имени парня воина)
Где P - вероятность видимо.. а А и В события.
 :D


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

P(A+B)=P(A)+P(B).
Теорема об умножении вероятностей. Вероятность произведения независимых событий А и В вычисляется по формуле:

P(A⋅B)=P(A)⋅P(B).

Из последнего, на чем они (академики ) проели нам плешь в своем тесте --

задание:

Напишите функцию justCoolStuff(), которая принимает два массива строк и с помощью встроенного метода .filter() (https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/filter) .
Возвращает массив с элементами, присутствующими в обоих массивах.
Вы можете протестировать свою функцию, когда будете готовы, передав массивы myStuff и coolStuff или создав собственные массивы!

// Write your code here:  // Разместите ваш код тут:



// то что дано- два массива и вызов нашей функции:

const coolStuff = ['gameboys', 'skateboards', 'backwards hats', 'fruit-by-the-foot', 'pogs', 'my room', 'temporary tattoos'];

const myStuff = [ 'rules', 'fruit-by-the-foot', 'wedgies', 'sweaters', 'skateboards', 'family-night', 'my room', 'braces', 'the information superhighway'];

console.log(justCoolStuff(myStuff, coolStuff))
// Должно напечатать новый массив со значениями, общими для обоих массивов :
[ 'fruit-by-the-foot', 'skateboards', 'my room' ]



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

.forEach(), .filter(), .map(), .findIndex(), .reduce(), .some(), .every(), .find()...

Что делать?
Самое ... подходящее из представленного, на мой взгляд:

Метод indexOf() (https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf) возвращает первый индекс, по которому данный элемент может быть найден в массиве или -1, если такого индекса нет.

Параметры:
searchElement
Искомый элемент в массиве.

fromIndex
Индекс, с которого начинать поиск.


Ну чтож, будем притягивать за уши..


const justCoolStuff = (arr1, arr2)=>{      // функция, принимающая 2 массива
    let newArr = [];         //пустой массив, что бы впихнуть одинаковые значения
    let duplicates = arr1.filter(element => {   //применяю .filter, фильтрую элементы
        if(arr2.indexOf(element) > -1){    // ! -1 это когда похожего объекта нет
           newArr.push(element);    // втолкнуть найденное значение в пустой массив
        }
     });

    return newArr; //венруть новый массив, собранный из одинаковых для обоих массивов элементов
}


И ура!!! тест пройден!

С любопытством открываю ПОДСКАЗКУ и...
Опаньки..

Здесь может оказаться полезным встроенный метод Array .includes(), но вы можете использовать цикл! Дополнительную информацию о методе .includes() можно найти в документации Mozilla Developer Network (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes).
Если вам нужно освежить знания о .filter(), ознакомьтесь с нашим упражнением по JavaScript в дополнение к документации Mozilla Developer Network (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter).

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

Метод includes() (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes)определяет, содержит ли массив определённый элемент, возвращая в зависимости от этого true или false.

Посмотрите, как просто и элегантно выглядит код с использованием .includes()


const justCoolStuff = (arr1, arr2)=>{
    let duplicates = arr1.filter(element => arr2.includes(element));

    return duplicates;
}

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

const justCoolStuff = (arr1, arr2) => arr1.filter(item => arr2.includes(item));

какая красота!
(не удержалась и сохранила себе на память  ;D)

Соня (Bruja), при всём уважении к познаниям Пипы, chatGPT знает почти всё о JavaScript и о любом другом языке программирования. Да и код пишет на уровне примерно джун+. То есть, может залагать, но под чутким руководством способен на многое.

GPT это бредогенератор. Ваще ниочём. Дурацкий поисковик для малолеток, гордо называемый "интеллектом".  В энциклопедии нефти и газа https://www.ngpedia.ru/ можно найти более чистую инфу без косяков и ошибок, которым так грешит GPT

Хрен там практики повыше! Сразу после одного теста (на знание джаваскрипт уровень intermediante)= Эти проверочные тесты - Practice intermediate JavaScript concepts with these 3 code challenges....
Благо - мой ответ - там с факториалом - сохранился.. вот радость  ;)

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

Ну и конечно, одного из методов просто необходимых для решения задачи - мы не проходили. Но нас с непреодолимым упорством прямо толкают самим рыскать  в  в документации Mozilla Developer Network (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes)
и находить то, что нужно..

Думаю что эти козлы - не такие уж и козлы, просто у них такая стратегия.. Они УЧАТ НАС УЧИТЬСЯ!, причем не только у них, но вообще у всех и источника в том числе..(ну не даром они там и обучение машин преподают.. и нас видимо так же как машины или компы.. или как тот же chatGPT муштруют)

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

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

Любуйся: :)

(http://forum.postnagualism.com/images/Strike.png) (http://forum.postnagualism.com/images/Strike.png)


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

научите как с помощью Javascript вызвать командную строку(на удалённом компе в.т.ч.)

Красота!!
 хотя не совсем поняла, для чего программа используется, что с ее помощью рассчитывают?

Что это за синусоиды разноцветные?
(Gap это зазор пробел, пропуск?)


 ЗЫ нет мы пока в такие абстрактные дебри не заглядываем..
Сейчас пишем программку, для проверки кредиток по предоставленному номеру.
Потом сортировка негодных кредитов из массива с номерами карт в отдельную кучу ( массив). И распознание, к каким компаниям те бракованные номера относятся ( Master Card, Visa Electron,  American Express)...
Типа чтоб компании оповестить и передать фальшивые номера им.

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

А тебе зачем?

Лучше уж alert() - выскакивает в браузере окошко с предупреждением .. или угрозой!!! Типа сейчас ваш комп будет отформатирован  ;)

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

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

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

Зеркала? Фаерволы? Защита вшитая и обновляемая в операционку?

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

А то помню не так давно ребенок из Белорусии взломал компы то ли фрс, то ли пентагона.. вот кипиш был..
И где сейчас тот мальчик? В цру работает?  Или безвести пропал?

Наверно способы есть. Но очевидно это не так просто, как было раньше))

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

Это было весело  ;D
Правда не мне, а ребятам, которые потом вирусню вычищали.. я им так надоела видимо, с переустановками, что они мне дарили диски с операционками и прогами и драйверами, и научили самой лов форматить с диск.. ставить операционку, устанавливать программы нужные мне для работы. А так же устанавливать сломанные программы ( помню была одна, стоила 6000$ оригинал, 3d maya версии 3...чтоб ее установить, даже взломанную, приходилось еще те танцы с бубном проделывать..
А фотошоп 2 кстати стоил 700$ оригинал.. а мы и знать не знали. У всех стоял ломанный, купленный на базаре за пару тугриков   ;)
Сейчас он в бесплатном доступе на сайте Адоба с ключами к нему..

По сути то о чем я и писала в теме про развитие разума.. противостояние с потенциальным врагом заставляет человека развиваться.. а его разум эволюционировать..

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

    В этом контексте мой вопрос к Соне: каким интерпретатором языка Javascript вы пользуетесь? А точнее - на каком интерпретаторе вас тренируют на этих курсах?

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

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



На чем пишем в личном кабинете? В браузере?
Это их собственный интерпретатор, он встроен в страницы с уроками в личном кабинете.
Написан на javascript  и react native. Они сами хвастались..ну не то что бы хвастались, но упоминали неоднократно, в контексте курсов по JS.
Для меня, лично,  за строками и словами упоминаний, это звучало, как замануха, типа вот будете умничками, выучите javascript хорошо,  и вы такую классную штуку сможете создать..  это действительно возможно!!!
Коуч, как ты и говоришь...
Не знаю, понадобится ли мне вообще когда нибудь такую штуку создавать, скорее всего нет. Но это так обалденно!!! Это как предложить стать божком браузерной песочницы...
 ;D
Я купилась конечно ))

А домашки ( на своем компе ) я пишу на vs code обычно.  Тот что синенький.. не фиолетовый

     Интерпретатор не может интерпретировать сам себя :). Положим они написали Javascript'а на его же собственном языке. Ну и на чем этот код запускать? Курица не может родить сама себя.

В одном из старых ответов на форуме академии (за 2013 год) нашла, но ссыль устарела..
It’s Ace-editor http://ace.ajax.org

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

https://ace.c9.io

гугла -
Ace — встраиваемый редактор кода, написанный на JavaScript. Он соответствует функциям и производительности родных (нативных) редакторов, таких как Sublime, Vim и TextMate. Его можно легко встроить в любую веб-страницу и приложение JavaScript. Ace остается основным редактором Cloud9 IDE и является преемником проекта Mozilla Skywriter (Bespin).

Пипа может его можно тут на форум прикрутить? Вот красота будет!!! Или он совсем "сырой" и много мороки?


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

https://www.quora.com/What-is-the-technology-stack-behind-Codecademy-How-does-it-process-JavaScript-code-thats-written-by-students

Внешний интерфейс:

HTML5, новые теги, такие как <header> и <footer>, но поддержка устаревших браузеров тщательно сохраняется.
Используется Javascript, jQuery. Сама консоль основана на плагине jQuery под названием jq-console (https://github.com/amasad/jq-console).
Обработка входного Javascript: Не похоже, что у них есть интерпретатор, написанный с нуля, а скорее рассчитывают на то, что Javascript браузера интерпретирует входные данные, а затем захватывает выходные данные.
Определение правильности ввода: страница загружается с переменной excercisionData, которая содержит отдельные упражнения с тестовыми примерами Javascript, которые выполняются на основе результатов обработки пользовательского ввода. Таким образом, корректность вопроса определяется на стороне клиента. После того, как пользователь нажимает «ввод» в консоли, выполняется POST-запрос, содержащий вводимые пользователем данные и информацию о том, удовлетворен ли он конкретным упражнением.

Back end:

Rails running on nginx + varnish
MongoDB for persistence
Standard AJAX for client - server communication

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

//Конкурсный проект: проверка кредитных карт
//Challenge Project: Credit Card Checker
// Мое решение на gist.github:
//https://gist.github.com/mtapirina/41c32800b7a452f516b7090933dc3e58 (https://gist.github.com/mtapirina/41c32800b7a452f516b7090933dc3e58)
//https://gist.github.com/codecademydev/db9f766146d5000a2dcf526e247b879a (https://gist.github.com/codecademydev/db9f766146d5000a2dcf526e247b879a)

// Все действительные номера кредитных карт
const valid1 = [4, 5, 3, 9, 6, 7, 7, 9, 0, 8, 0, 1, 6, 8, 0, 8];
const valid2 = [5, 5, 3, 5, 7, 6, 6, 7, 6, 8, 7, 5, 1, 4, 3, 9];
const valid3 = [3, 7, 1, 6, 1, 2, 0, 1, 9, 9, 8, 5, 2, 3, 6];
const valid4 = [6, 0, 1, 1, 1, 4, 4, 3, 4, 0, 6, 8, 2, 9, 0, 5];
const valid5 = [4, 5, 3, 9, 4, 0, 4, 9, 6, 7, 8, 6, 9, 6, 6, 6];

// Все недействительные номера кредитных карт
const invalid1 = [4, 5, 3, 2, 7, 7, 8, 7, 7, 1, 0, 9, 1, 7, 9, 5];
const invalid2 = [5, 7, 9, 5, 5, 9, 3, 3, 9, 2, 1, 3, 4, 6, 4, 3];
const invalid3 = [3, 7, 5, 7, 9, 6, 0, 8, 4, 4, 5, 9, 9, 1, 4];
const invalid4 = [6, 0, 1, 1, 1, 2, 7, 9, 6, 1, 7, 7, 7, 9, 3, 5];
const invalid5 = [5, 3, 8, 2, 0, 1, 9, 7, 7, 2, 8, 8, 3, 8, 5, 4];

//Может быть действительным или недействительным
const mystery1 = [3, 4, 4, 8, 0, 1, 9, 6, 8, 3, 0, 5, 4, 1, 4];
const mystery2 = [5, 4, 6, 6, 1, 0, 0, 8, 6, 1, 6, 2, 0, 2, 3, 9];
const mystery3 = [6, 0, 1, 1, 3, 7, 7, 0, 2, 0, 9, 6, 2, 6, 5, 6, 2, 0, 3];
const mystery4 = [4, 9, 2, 9, 8, 7, 7, 1, 6, 9, 2, 1, 7, 0, 9, 3];
const mystery5 = [4, 9, 1, 3, 5, 4, 0, 4, 6, 3, 0, 7, 2, 5, 2, 3];

//Массив из всех массивов выше
const batch = [valid1, valid2, valid3, valid4, valid5, invalid1, invalid2,invalid3, invalid4, invalid5, mystery1, mystery2, mystery3, mystery4,mystery5];

//Мои массивы для тестирования
const test = [4, 5, 3, 9, 6, 8, 9, 8, 8, 7, 7, 0, 5, 7, 9, 8];
const test1 = [4, 5, 3, 2, 7, 7, 8, 7, 7, 1, 0, 9, 1, 7, 9, 5];
const test2 = [6, 0, 1, 1, 1, 2, 7, 9, 6, 1, 7, 7, 7, 9, 3, 5];


//неверное первое число — 9 — для проверки «Компания не найдена»
const test3 = [9, 0, 1, 1, 1, 2, 7, 9, 6, 1, 7, 7, 7, 9, 3, 5];
//неверный пакетный массив (массив из массивов с неверными номерами карт
const batchInv = [ invalid1, test3, invalid2,invalid3, invalid4, invalid5];

/*Создайте функцию validateCred() , которая имеет параметр массива. Цель validateCred() — вернуть true, если массив содержит цифры действительного номера кредитной карты, и false, если он недействителен. Эта функция НЕ должна изменять значения исходного массива.*/

function validateCred(array){
/*шаг 1 — Удалить последний элемент из массива,
(но помните: вы не хотите изменять исходный массив!):*/
const arr = array.slice();//copy of array
//console.log((array === arr) + '  copy of array');
let checkDigit = arr.pop();//Remove the last element from the array
//шаг 2 — Переверните массив (теперь без последней цифры):
const reverseArray = arr.map((_, index) =>
    arr[arr.length - 1 - index]);
/*Шаг 3. Умножьте цифры в нечетных позициях.
(например, первая цифра, третья, пятая и т. д.) на 2.
Если полученное число больше 9, вычтите 9 из числа:*/
let sum = 0;
for (let i = 0; i < reverseArray.length; i++){
    let x = reverseArray; // currentIndex
    
    if(  i % 2 === 0 ){
        x *= 2;
        x > 9?x -= 9:x;
    }
    sum += x;
}
/*Шаг 4. Сложите все числа в массиве, а также пропущенную цифру из шага 1. Если сумма по модулю 10 равна 0 , то массив содержит допустимое число: */
return (sum + checkDigit) % 10 === 0? true : false;
};

/* Создайте еще одну функцию findInvalidCards() , имеющую один параметр для вложенного массива номеров кредитных карт.
Роль findInvalidCards()  — проверить во вложенном массиве недопустимые числа и вернуть другой вложенный массив недействительных карточек.
*/

function findInvalidCards(array){
const invalidCards = array.filter((element) => !validateCred(element));
return invalidCards;
};


/*5
Создайте функцию idInvalidCardCompanies() , которая имеет один параметр для вложенного массива недопустимых чисел и возвращает массив компаний.
В настоящее время существует 4 принятые компании, каждая из которых имеет уникальные первые цифры.
3   Amex (American Express)
4   Visa
5   Mastercard
6   Discover
Если номер не начинается ни с одной из перечисленных цифр, распечатайте сообщение типа: «Компания не найдена».
idInvalidCardCompanies() должен возвращать массив компаний, которые разослали карты с недопустимыми номерами. Этот массив НЕ должен содержать дубликатов, т. е. даже если есть две недействительные карты Visa, Visa должна появиться в массиве только один раз.
*/


function idInvalidCardCompanies(array){

const pushArr = [];

array.forEach((el)=>{
    //console.log(el[0])
        switch(el[0]){
            case 3:
            if(pushArr.indexOf('Amex (American Express)')=== - 1){
                pushArr.push('Amex (American Express)');
               }
            break;
            case 4:
            if(pushArr.indexOf('Visa')=== - 1){
                pushArr.push('Visa');
               }
            break;
            case 5:
            if(pushArr.indexOf('Mastercard')=== - 1){
                pushArr.push('Mastercard');
               }
            break;
            case 6:
            if(pushArr.indexOf('Discover')=== - 1){
                pushArr.push('Discover');
               }
            break;
            default:
            if(pushArr.indexOf('Company not found')=== - 1){
                pushArr.push('Company not found');
               }
            break; };
    })

  return pushArr;
};

/*extra:
Чтобы проверить номера кредитных карт, создайте функцию, которая принимает строку и преобразует ее в массив чисел, подобный изначально предоставленным массивам.*/
function convertToNumbersArray (string){
//преобразовать строку => в массив символов
    let x = Array.from(string);
     console.log(x);
//новый массив чисел => преобразовать символы в числа
    const toNumbersArray = x.map(el =>{
        let toNum = parseInt(el);
        return toNum;
        
       });
       //если элемент нового массива NaN?
       const validNumbers = toNumbersArray.some(el=>
         Number.isNaN(el));
       //console.log(validNumbers);

        //console.log(toNumbersArray);
     if(!validNumbers){
        return toNumbersArray;
     }else{
    return 'Wrong number of Credit Card. This function accepts only numbers!'
     }
};


//Преобразовать недействительный номер кредитной карты в действительный

function convertToValidCard (array){
    const arr = array.slice();// копия исходного массива
    let lastDigit = arr.pop(); //удалим последнюю цифру из arr и сохраним ее в переменной lastDigit
    //console.log(lastDigit);
    //console.log(arr);
    //применить обратный цикл к массиву arr (к копии урезанного номера кредитной карты)
    let sum = 0;
    for(let i = arr.length - 1; i >= 0; i--){
        let x = arr;
        if(i % 2 === 0){
            x *= 2;
            x > 9? x -= 9:x;
        }
        //console.log(x)
        sum += x;
      
    }
    //console.log(sum + ' sum');
    //console.log(lastDigit + ' - last digit');
    let result = sum + lastDigit;
    //console.log(result + ' - result');
    
    if(result % 10 !== 0){
       let y = Math.round(result/10)* 10;
       //console.log(y + ' - result round 10%');
       if(sum % 10 === 0){
        lastDigit = 0;
       }else{
       lastDigit = y - sum;
       }
       //console.log(lastDigit + ' - last digit changed');
       arr.push(lastDigit);
    }else{
        return 'This Credit Card is valid. Please insert invalid Credit Card number'
    }
    //console.log(arr);
    return arr;

};



// test
//console.log('test2(invalid) convert to valid cc number');
//console.log(convertToValidCard(test2));
//console.log(validateCred(convertToValidCard(test2)));
//console.log('parse Int - new array of integers');
//console.log(convertToNumbersArray ('49161591k0658210'));
//console.log('batchInvalid - Company not found =>');
//console.log(idInvalidCardCompanies(batchInv));
//console.log('batch - id Invalid Card Companies =>');
//console.log(idInvalidCardCompanies(batch));
//console.log('batch - findInvalidCards(8) =>');
//console.log(findInvalidCards(batch));
//console.log('batchInvalid - findInvalidCards(6) =>');
//console.log(findInvalidCards(batchInv))
//console.log('test true - validateCred =>');
//console.log(validateCred(test));
//console.log(validateCred(test2));
//console.log(validateCred(valid1));
//console.log('test false - validateCred =>');
//console.log(validateCred(convertToNumbersArray ('3542403720469485746')));
//console.log(validateCred(invalid1));
//console.log('test mystery (false = 2, true = 3) - validateCred =>');
//console.log(validateCred( mystery5));


Возможно, все это можно сделать как то короче и красивее... Но я в принципе довольна и тому что у меня получилось.
Работает вроде бы правильно, по крайней мере мне ошибки удалось исправить и больше они не повторялись..
Вообще этот конкурс мне очень понравился! По ходу поиска решений узнала кое что новое.. Например как округлять до десятка ближайшего с помощью Math.round(var/10)* 10;
или о том, что копию - дубликат массива быстро и просто можно сделать  так
const arr = array.slice(); и при проверке - это именно другой масив, а исходный останется не тронутым.
О проверке Number.isNaN() - существует ли число, или его нет (нет никакого значения) и т.д.

И вот новое задание  на радость Пипе... про ДНК! :)  (конкурсная работа)

Загадочный организм

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

Цели проекта
Контекст: вы являетесь частью исследовательской группы, которая обнаружила новый загадочный организм на дне океана возле гидротермальных источников. Ваша команда называет этот организм Pila aequor (P. aequor) и обнаруживает, что он состоит всего из 15 оснований ДНК. Небольшие образцы ДНК и частота, с которой она мутирует из-за гидротермальных источников, делают P. aequor интересным экземпляром для изучения. Однако P. aequor не может выжить над уровнем моря, а найти P. aequor в глубоком море сложно и дорого. Ваша задача — создавать объекты, имитирующие ДНК P. aequor, для изучения вашей исследовательской группой.
 :)

(Project Goals
Context: You’re part of a research team that has found a new mysterious organism at the bottom of the ocean near hydrothermal vents. Your team names the organism, Pila aequor (P. aequor), and finds that it is only comprised of 15 DNA bases. The small DNA samples and frequency at which it mutates due to the hydrothermal vents make P. aequor an interesting specimen to study. However, P. aequor cannot survive above sea level and locating P. aequor in the deep sea is difficult and expensive. Your job is to create objects that simulate the DNA of P. aequor for your research team to study.)

     На счет вычислительной части проекта я едва ли могу сказать что-то полезное, но "мистический организм" прокомментирую. Начну с того, что такого организма не может быть никогда :). И главная тому причина - слишком короткая ДНК - всего 15 нуклеотидов. А учитывая, что генетический год триплетный (т.е. каждые тройка последовательно расположенных нуклеотидов кодируют одну аминокислоту в белке), то 15 нуклеотидов могут закодировать максимум пептид длиной в 5 аминокислот (15/3=5), которому до функционального белка очень далеко. Тогда как суть генетического кода именно в том, чтобы закодировать белок с настолько сложной структурой, чтобы он мог впоследствии свернуться в такую пространственную форму, которая обладала бы какой-то  активностью (чаще каталитической). В последнем случае пространственная форма белка изгибается так, чтобы образовать "посадочные места" для нужной молекулы или молекул и, как паук, ждать, когда они там завязнут, чтобы потом либо разорвать их на части, или спарить две молекулы друг с другом, чтобы они образовали одну длинную/большую молекулу. Тогда как 5 аминокислот никакую достаточно прочную форму образовать в пространстве не смогут.
     Пошли дальше. У организмов с короткой ДНК/РНК (но конечно всё-таки большей, чем 15 звеньев) их ДНК/РНК свернута в кольцо. Причем не механически, а путем химической связи между крайними звеньями. Точнее говоря, у таких ДНК/РНК концов не бывает, поскольку сама их форма - кольцо. А это нужно именно затем, чтобы такую последовательность можно было копировать/клонировать. Тогда как концы ДНК-цепочки обычно не копируются. Именно поэтому бактерии бессмертны, а люди стареют из-за того что их ДНК при копировании укорачивается. И как только с какого-то края не откопируется что-то важное, человек умирает. Тогда как короткую ДНК из 15 звеньев в кольцо не свернёшь - двойная спираль не позволит ей так сильно изогнуться. Хотя пептиды (короткие белки могут это сделать).
     Даже если начать сочинять всевозможные ДНК из заданного числа звеньев, то неясен сам критерий того, окажется ли организм с такой ДНК жизнеспособным. Т.к. очевидно, что случайная последовательность звеньев никакого живого организма не создаст, т.к. жизнь - довольно редкое явление во Вселенной.
     Например, если мы займемся мутированием какой-то ... книги :), заменяя в ней буквы на другие случайным образом, то должен быть какой-то эксперт, который бы все эти мутированные тексты читал и выдавал заключение о том, представляет ли литературную ценность хотя бы один из них. А кто будет экспертом по части определения, хороша ли данная мутация у ДНК или плоха? В природе этим занимается "естественный отбор", который отсеивает нежизнеспособные формы, а в этом проекте кто это будет делать? Т.е. проблему я вижу не в сложности замены одних звеньев ДНК на другие, а в том, чтобы определить полезность таких замен для живого организма (в смысле жизнеспособности и скорости размножения).

//Challenge Project: Mysterious Organism
console.log('2 Hi, Organism P. aequor !!!')

// Returns a random DNA base
const returnRandBase = () => {
    const dnaBases = ['A', 'T', 'C', 'G']
    return dnaBases[Math.floor(Math.random() * 4)]
  }
  
  // Returns a random single strand of DNA containing 15 bases
  const mockUpStrand = () => {
    const newStrand = []
    for (let i = 0; i < 15; i++) {
      newStrand.push(returnRandBase())
    }
    return newStrand
  }


2. Просмотрите стартовый код. Есть две вспомогательные функции: returnRandBase() и mockUpStrand(). ДНК состоит из четырех оснований (аденин, тимин, цитозин и гуанин).
При вызове returnRandBase() он случайным образом выбирает базу и возвращает базу («A», «T», «C» или «G»).

3.
Поскольку вам нужно создать несколько объектов, создайте фабричную функцию pAequorFactory() с двумя параметрами:
Первый параметр — это число (не может быть двух организмов с одинаковым номером).
Второй параметр — массив из 15 оснований ДНК.
pAequorFactory() должен возвращать объект, содержащий свойства sampleNum и dna, соответствующие предоставленным параметрам.
На последующих шагах вы также добавите дополнительные методы к этому возвращенному объекту.

//factory function

const pAequorFactory = (n, array) => {
return {
  specimenNum: n,
  dna: array

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

mutate(){},
compareDNA(){},
willLikelySurvive(){},
complementStrand(){}

   }
};

Create_N_pAequor(){};


console.log( pAequorFactory(1, mockUpStrand(returnRandBase()) ))

4.
Ваша команда хочет, чтобы вы смоделировали высокую скорость мутаций P. aequor (изменения в его ДНК).
Чтобы смоделировать мутацию, в возвращаемый объект pAequorFactory() добавьте метод .mutate().
.mutate() отвечает за случайный выбор базы в свойстве dna объекта и изменение текущей базы на другую базу. Затем .mutate() вернет ДНК объекта.
Например, если случайно выбранная база является первой базой и равна «A», базу необходимо изменить на «T», «C» или «G». Но это не может быть снова «А».
Вы можете протестировать этот метод, создав экземпляр pAequor и проверив, что его .dna изменяется после вызова .mutate() на себе.


mutate(){
            //this.dna = arr to change
            const dnaOrigin = this.dna;
            const dnaBases = ['A', 'T', 'C', 'G'];
            const newDna =[];
            let y = [];
            for(let i = 0; i < dnaOrigin.length; i++){
                dnaBases.forEach(el =>{if(el !== dnaOrigin[ i ]){ y.push(el)}});
                newDna[ i ] = y[Math.floor(Math.random() * 3)];
                y.length = 0;
            }
            return newDna;
        },



5.
Ваша исследовательская группа хочет иметь возможность сравнить последовательности ДНК разных P. aequor. Вам придется добавить новый метод (.compareDNA()) к возвращаемому объекту фабричной функции.
.compareDNA() имеет один параметр — другой объект pAequor.
Поведение .compareDNA() заключается в сравнении текущей .dna pAequor с переданной в .dna pAequor и вычислении количества идентичных оснований, находящихся в одних и тех же местах.
 .compareDNA() ничего не возвращает, а печатает сообщение, в котором указывается процент общей ДНК этих двух объектов — используйте .specimenNum, чтобы определить, какие объекты pAequor сравниваются.

Например:
ex1 = ['A', 'C', 'T', 'G']
ex2 = ['C', 'A', 'T', 'T']

ex1 и ex2 имеют только 3-й общий элемент («T») и, следовательно, имеют 25% (1/4) общей ДНК. Полученное сообщение будет выглядеть примерно так: образец № 1 и образец № 2 имеют 25% общей ДНК.

   compareDNA(obj){
            const compare = this.dna.filter((el, i)=> el === obj.dna[ i ] );
            const percent = (compare.length/this.dna.length * 100).toFixed()
            //console.log(percent  + ' == percent == ' + compare.length + ' this ' + compare  + ' = DNA in common');
           console.log( `specimen #${this.specimenNum} and specimen #${obj.specimenNum} have ${percent}% DNA in common`);
        },


6.
У P. aequor больше шансов на выживание, если их ДНК состоит как минимум на 60% из оснований C или G.
В возвращаемый объект pAequorFactory() добавьте еще один метод .willLikelySurvive().
.willLikelySurvive() возвращает true, если массив .dna объекта содержит не менее 60% оснований «C» и/или «G». В противном случае .willLikelySurvive() возвращает false.

willLikelySurvive(){
            const countCorG = this.dna.reduce((total, amount)=>{
                if(amount === 'C'|| amount === 'G'){
                    total++;};
                return total;},0);
                    //console.log((countCorG/this.dna.length*100).toFixed() + '%')
            return (countCorG/this.dna.length*100).toFixed()>= 60?true:false;
        }


7.
После настройки заводской функции ваша команда просит вас создать 30 экземпляров pAequor, которые смогут выжить в своей естественной среде. Сохраните эти экземпляры в массиве, чтобы ваша команда могла изучить их позже.
Для получения объекта из массива в JavaScript можно использовать метод find() . Он принимает функцию обратного вызова, которая будет вызвана для каждого элемента массива. Функция должна вернуть true , если элемент соответствует заданному условию, и false в противном случае.

const Create_N_pAequor = (n) => {
array = [];
let i = 0;
count = 0;
while(i <= n){
    let specimen = pAequorFactory(count ,mockUpStrand());
    if(specimen.willLikelySurvive()){

    count++;
    array.push(specimen);
    i++
   };
};
return array;
};


Отличная работа! Посетите наши форумы (https://discuss.codecademy.com/t/mysterious-organism-challenge-project-javascript/462376?_gl=1*bmop74*_ga*MTc4OTUzNDEzMi4xNjkzNjMyNDE3*_ga_3LRZM6TM9L*MTY5NjM1MjIzOC43NS4xLjE2OTYzNTIyNDAuMC4wLjA.)
, чтобы сравнить свой проект с нашим примером кода решения. Вы также можете узнать, как разместить свое собственное решение на GitHub, чтобы поделиться им с другими учащимися! Ваше решение может отличаться от нашего, и это нормально! Существует несколько способов решения этих проектов, и вы узнаете больше, просматривая код других.


9.
Если вы хотите бросить себе вызов дальше, вы можете рассмотреть следующее:
Создайте метод .complementStrand() для объекта фабричной функции, который возвращает комплементарную цепь ДНК.
Правила таковы, что буквы «А» совпадают с «Т», и наоборот. Кроме того, буквы «C» совпадают с «G», и наоборот. (Подробнее читайте в подсказке)
Используйте .compareDNA(), чтобы найти два наиболее связанных экземпляра pAequor.
Последовательности ДНК встречаются в природе в виде двухцепочечных структур (спиралей). Правила заключаются в том, что основания A связываются с основаниями T (и наоборот), а основания C связываются с основаниями G (и наоборот).
Предположим, у нас есть две нити ДНК, назовем их нить1 и нить2. Если первое основание цепи 1 — это «А», то противоположное основание цепи 2 — это «Т». Если вторая точка нити 1 — «C», то противоположное основание нити 2 — это «G».
Чтобы отобразить это как часть вашего кода, если последовательность .dna:


[ 'T', 'A', 'C', 'A', 'G', 'A', 'T', 'A', 'C', 'G', 'A', 'C', 'G', 'A', 'T' ]
Then .complementStrand() should return:
[ 'A', 'T', 'G', 'T', 'C', 'T', 'A', 'T', 'G', 'C', 'T', 'G', 'C', 'T', 'A' ]


complementStrand(){
            let complementDna = [];
            const  createComplement = this.dna.forEach((el)=>{
                switch (el){
                case 'A':
                complementDna.push('T');
                break;
                case 'T':
                complementDna.push('A');
                break;
                case 'C':
                complementDna.push('G');
                break;
                case 'G':
                complementDna.push('C');
                break;
                default:
                complementDna.push(el);
                break;};
                });
            return complementDna;
        }

FULL CODE - ОКОНЧАТЕЛЬНЫЙ КОД можно посмотреть тут, на моем  GitHub (https://gist.github.com/mtapirina/29dc1e59ab8e1b23cc1d3ffe5014cb44)

Вот с этой скотиной я намучалась.. она мне плешь проела!
Функция, чтобы создать энное количество этих инфузорий сразу, более или менее жизнеспособных(60%), и затолкать их в одну колбочку ( массив)...


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


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

Но Пиздец не дремлет... Он подкрался незаметно... Это страшный и ужассссный DOM!!!



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

После этого модуля вы сможете:

Сможете добавить JavaScript на сайт для интерактивности
Опишите, что такое DOM
Объяснить, что такое события DOM.
Сможете создать формы с использованием HTML и проверять их с помощью JavaScript.

Все эти знания вы примените на практике в рамках предстоящего проекта. Вы можете завершить Портфолио-проект как параллельно, так и после получения необходимого контента — решать вам!

    С таким критерием (>= 60% GC) мутации неизбежно приведут к тому, что ДНК только из одних этих GC и будет состоять. Кстати, интересно ли вам, откуда этот критерий взялся?


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

это не важно. Когда что то нравится оно все равно потом найдет куда примениться..
Да я видела эти скучные длинные домовские строки.. нудня полная..

А разве не нужен код  для разработки каких то веб приложений.. или для тех же браузерных игр ?

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

где еще используется .. ООП?


может быть... хотя при том рандоме, никогда не видела более 90%

расскажи, откуда этот критерий взялся?

Там сама понимаешь, проект вымышленный, как и сами эти инфузории туфельки.. у инфозорий наверно и то длиннее ДНК

Pipa,

Смотри Пипа, что я заметила, страница не отражает [ i ], если квадратные скобки сдвинуты близко к i
Раздвинула скобки по всему тексту.

Почему не видно??

     В заплетенной косичке :) из двух комплиментарных нитей ДНК поперечная связь между G и C прочнее, чем связь между A и T, по той причине, что пара G и C связана между собой тремя водородными связями, а пара A и T - только двумя:

(http://forum.postnagualism.com/images/%D0%94%D0%9D%D0%9A.png)

Поэтому если пар G и C будет мало, что косичка рискует расплестись, особенно когда ДНК короткая.

Pipa,

Спасибо!

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

Это какая то неорганическая химия.. А вроде бы живые организмы..
Все живое из неорганики сделано да?
Что же их оживляет?

https://discoveringthegenome.org/discovering-genome/dna-sequencing/dna-complementary-base-pairing

     Как раз это - органическая химия. Впрочем, термин "органическая химия" хоть и традиционный, но буквальный смысл его давно потерян. В старину органической химией назвали исследование веществ, выделенных из живых организмов, отсюда и ее название "органическая". Однако с тех пор много воды утекло, а тем более выяснилось, что классификация по источнику выделения вещества никуда не годится, поскольку одни и те же вещества были найдены, как в живой природе, так и в неживой. А потому границу провели иначе - к органической химии стали относить вещества, состоящие из углеродного скелета (цепочки из связанных валентной связью атомов углерода), хотя на этом скелете могут быть навешены гетероатомы (в основном кислород и азот, реже сера и фосфор).
     Углерод несомненно заслуживает того, чтобы в его часть назвали целую химию :), поскольку обладает уникальным свойством - образовывать из своих атомов очень длинные цепочки (теоретически до бесконечности), которые в силу своей электрической нейтральности чрезвычайно устойчивы к химическим воздействиям со стороны. В кольца сворачиваться такие цепочки тоже могут, причем не только в большое кольцо, когда концы цепи соединены между собой, но и иметь по длине цепи множество мелких узелков (про 5-6 звеньев). Именно по этой причине, углеродные цепи являются на молекулярном уровне идеальным строительным материалом для крупных/объемных конструкций. Отсюда и громадное многообразие органических соединений, т.к. число сочетаний и перестановок очень быстро растет (вспомним факториал) про мере увеличения числа атомов в молекуле.
     А поскольку жизнь - сложная штука, то если уж конструировать ее на химичкой/молекулярной базе как химическую машину (!), то только на базе углерода, т.к. только на его основе можно построить очень большие молекулы, обладающие необходимыми для построения живого организма свойствами. Этому выбору способствовало еще и то, что углерод - весьма распространенный химический элемент во Вселенной, т.к. представляет конечный продует выгорания звезд. Ну, а на Земле когда-то вообще была углекислотная атмосфера - загребай углерода сколько захочешь на халяву. Да и не было тогда иной возможности. И вот тогда и началась реакция фотосинтеза (хотя неизвестно, что для нее послужило тогда катализатором), когда из углекислого газа и воды за счет энергии солнечного света стали образовываться углеводы (в просторечии - сахара), а дальше пошло-поехало...
     Лично я считаю, что жизнь на электронной основе (т.е. на базе электроники) была бы намного перспективнее (а ля вокалоиды :)), однако в те времена электронная база не могла возникнуть в принципе. Тогда как химическая основа создавала возможность для возникновения жизни, пусть и не такой перспективной, как электронная :). Ибо даже одна капля вещества содержит в себе астрономическое количество молекул (порядка 10²² штук!), а сколько их в мировом океане и говорить не приходится. А поскольку химические вещества имеют склонность к взаимодействию другом с другом (реакционная способность) и им на эти игры были предоставлены миллиарды лет, то из случайных молекулярных столкновений и реакций между ними вполне могло получиться что-то экстраординарное. Конечно же, не сразу живое существо появилось :), а поначалу какая-то молекула, обладающая способностью катализировать образование своих дублей/клонов, ну а дальше уже пошла эволюция среди этих клонов.
     Что же касается ДНК, то возникла она гораздо позже, а функция ее гораздо скромнее - она служит "записной книжкой" для огромного числа белковых структур, синтезируемых в живом организме. Т.е. "эволюция клонов" в конце-концов "пришла к решению", что синтезировать клоны следует из блоков (подобно блочному жилищному строительству), а в качества блоков были "выбраны" аминокислоты.  Сейчас их 20-25 штук (более редкие аминокислоты то включают в перечень, то исключают из него по причине редкой встречаемости). А в ДНК записан порядок/последовательность, в котором их следует стыковать/соединять друг с другом, чтобы получился законченный функционал. Т.е. ДНК-кодирование и блочное строительство - это один и тот же проект, т.к. кодировать можно только то, что состоит из ограниченного числа элементов/блоков. И может быть аминокислоты в качестве таких блоков не шибко хороши, но только так можно было передавать удачные конструкции/комбинации по наследству.
     Т.е. сама по себе ДНК неживая, а имеет такую структуру исключительно ради того, чтобы эту ДНК можно было дублировать/клонировать наиболее просто. Для этого косичка ДНК расплетается на две нити. Этим нитям не дают обратно заплестись друг с другом, а нагнетают в их окружение смесь индивидуальных нуклеотидов ATGC. А поскольку у расплетенной цепи теперь пары нет, то эти нуклеотиды налипают на нее по принципу A+T и G+C, по началу держась за нее водородными связями (где тремя, а где двумя). А потом по той цепи "проедет" фермент ДНК-лигаза, которая свяжет налипшие на нее нуклеотиды в одну цепь и заплетет косичку (как замок на молнии). Так получается комплиментарная парная цепь и форма косички. А пары A+T и G+C образованы по простому принципу - один нуклеотид в паре толстенький (из двух колец), а другой худенький (из одного кольца). Поэтому если в пару станут два худеньких, то они не дотянутся друг до друга водородными связями, а если два толстеньких, то в этом месте возникнет утолщение, и "молния" не застегнётся, пока слишком жирный партнер не покинет свое место.

Вот и DOM наступил.. пока что это кажется какой то извращенной джаваскрипт.. например вызывая функцию при событии щелчка мыши event on click, не ставятся скобки.

И тягомотный css в стиле кемалкейс эт воообще жесть.. ну кто в теме тот понял.. почему то пробела в названиях css элементов DOM не берет.. писец..
font-family  будет писаться как fontFamily ... ну и тому подобная хрень..

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

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

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

Все эти map(),  filter(), pop(), reduce(), push()....  и прочее.. и примеры... что бы все все помнить практиковать нужно много..

из урока пра DOM  (перевод гуглы)... сравнение с собакой Павлова умиляет! :)

"После того как определенное событие срабатывает в определенном элементе объектной модели документа (или DOM), можно создать функцию обработчика событий для запуска в качестве ответа. ...
Давайте сравним возникновение событий с чем-то более знакомым: собакой, приученной есть, когда она слышит звук колокольчика! (Это известно как павловское обусловливание.)
Как вы можете видеть на диаграмме, звон колокольчика аналогичен срабатыванию события JavaScript.
Собаку обучают предвидеть звонок в колокольчик, и это действие аналогично созданию прослушивателя событий.
После того, как собака услышит звонок, она подойдет и съест свою еду!
Этот ответ похож на функцию обработчика событий, которая выполняет код, который на веб-сайте может изменить цвет элемента, текст и многое другое!»"

На этом вообще вся наша жизно построена..
 ну и вообще - таким же образом - дрессируют и конечного пользователя..
мигают сообщения новые на иконке приложения - открыть, просмотреть, ответить...
нажми кнопку и получишь пирожок..
а еще выбешивают боты - ну когда только на сайт войдешь, еще осмотреться не успел - вылазиет окошко - хотите поговорим? задайте вопрос или позвоните мне!
Типа там кто то реальный сидит, а не тупая программа..
Понимаю, если бы я сама искала контакт.. Но такую манипуляцию наглую - не переношу.. отвлекает, мешает просматривать контент, и вообще - многие просто закрывают страницу. То есть для хозяев сайта - не рентабельно терять клиентов..
но они тупы, как выхухали..лишь бы показать, что у них тоже есть atencion al cliente (Обслу́живание клие́нтов).. а надо оно не надо и главное КОГДА  оно надо - этих идиотов не волнует..

    Так я "правильного" джаваскрипта практически нигде в чистом виде не встречала, а воспринимаю JS, как приладу к DOMу. Т.е. JS я не по учебникам, а на практических примерах изучала, где все они сплошь с DOMом повязанные. Более того, по этой же причине, я и воспринимаю DOM и JS, как одно целое. Типа того, что DOM перечисляет/именует объекты, а JS что-то с ними делает.
    Ну и вообще я привыкла к С и С++, где в первом вообще нет объектов, из которых можно было бы запускать их собственные методы через стрелочки или точки, а у второго такая возможность есть, но объекты надо конструировать самой :). Правда там есть библиотека готовых объектов (stl), но я ей обычно не пользуюсь. Опять же по той причине, что написанное самой легко потом отлаживается прогонкой по шагам, тогда как чужой объект - потёмки :).
    По той же причине мне из языков web-программирования нравится PHP. В нем таких объектов почти нигде нет, а всё пишется, как на старом добром Си. Т.е. по возрасту это довольно старый язык, но его из года в год "подкручивали" под современность, добавляя новые функции и возможности. Кстати и этот форум тоже на этом языке написан.

На самом деле DOM не приаязан к javasript. И он может работать с другими языками. Но наверно ты права... раз  JS это язык сценариев, то только через DOM  и дорога к содержимому HTML..



Мне интересен с++. Но он привязан к плаформе, говорят. И говорят что сборшики мусора на других платформах ( не microsoft) бывает работают некорректно, а то и ошибки выдают, на линуксе кто то жаловался что библиотека g++ не корректно работант..

А я на маках обычно сижу.
Потому и не берусь.. ранее бросила по молодости.. а позже из за платформы..
Думаю пока с JS разбрусь, прежде чем на более серьезные языки переходить..

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

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

swift ограничен платформой... тоже не интересно..

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

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

DOM довольно скучно учить. Для разнообразия взяла курс на JS  и Phaser.js, игры 2д браузерные..

Так как это курсы от той же академии, то половина курса у меня уже пройдена, так как там учитывается два курса до среднего intermediate по JS, которые я уже прошла. И проекты там те же самые - угадай число, камень ножницы бумага,  волшебный шар предсказателя...
Но потом они добавили уроки по библиотеке phaser ( так понимаю, это библиотека ). Которая конкретно под простенькие 2д игрушки заточена, и даже какие то шаблоны есть, предустановленные, типа адвентуры или платформера..
Довольно любопытко и думаю я не сильно отклонюсь от основного пути., да и немного развлечет, а то дом этот реально заунывный..
На css подобные эффекты делаются гораздо проще,  ну всякие там смены цветов или изменение размера картинки... и мы это проходили уже.. пока нам ничего любопытного в DOM не показали.. но наверно что б веб формы цеплять он необходим..

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

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

Не то же самое, что C++ или даже Java или Swift..


javascript - node.js ( далее идут - React, Redux по программе ну и Phaser,js) , а там посмотрим..,

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

Phaser Quick Guide (https://www.codecademy.com/courses/learn-phaser/articles/phaser-quick-guide)
https://phaser.io

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

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

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

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


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

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

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

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

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

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 Посмотрите, сможете ли вы выиграть серию побед!

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

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

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


1
Build A Playable PIANO in HTML CSS & JavaScript (https://www.codingnepalweb.com/playable-piano-html-css-javascript/)

https://youtube.com/v/Mv1ZYpo8q4g?si=zI5aZt5EhMebL7Mf

Build A Playable PIANO in HTML CSS & JavaScript

Sounds - download (https://drive.google.com/file/d/1HISRomgGs_XEpCzBuBLfNsYT19ULyGlT/view)

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

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

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

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

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

https://github.com/mtapirina/playable_piano_javascript

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

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

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

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

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

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

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

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


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

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

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

https://github.com/mtapirina/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!!

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

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

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

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

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

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

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

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

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

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

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

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

 ;D

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


Поиграть - потестировать можно тут
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/'

 )




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

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

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

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

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

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

Codecademy Phaser JS Lesson - урок


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

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


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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

Курс Codecademy PHASER JS

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

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

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

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

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

Закончила фазер, взяла сертификат об окончании курса.
 это даже не курс, а ...  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... пока не вникала в это.

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

Оригинальная страница урока (http://www.phaser.io/tutorials/making-your-first-phaser-3-game/part1)
русская версия урока - тут:
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

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

Но на мое удивление был найден в том же источнике (на русском языке)- обновленный вариант, той же игры, но на "современном" джаваскрипт.
Создание вашей первой игры Phaser 3 на современном Javascript (https://yocton.ru/phaser3/create-first-new-javascript)

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

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

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

Как я ни кляла некогда терминал - мои возмущения касались работы через терминал с Git и Github
Git  и тошнота... (http://postnagualism.com/Bruja/index.php?topic=78798.msg323337#msg323337)
- на практике - это довольно не удобная штука. Но с использованием 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/ourcade/phaser3-vite-template)

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

P.S. Кстати, в каких единицах измеряется на вашем ролике популярность языков программирования? На проценты не похоже - сумма больше 100%.
(http://forum.postnagualism.com/images/no100percent.png)

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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



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

(https://miro.medium.com/v2/resize:fit:608/format:webp/1*qmckz-4ppRl9i8-tEmGmHw.png)


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

(https://miro.medium.com/v2/resize:fit:1176/1*Lq_shZnfjjiFEBmBOHk_qA.gif)

Так что уроков вроде бы полно. На английском уж точно. Но большинство начав с Джава скрипт - вдруг в середине обучения вдруг резко перешли на 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 - как его и видит.

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

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

(https://miro.medium.com/v2/resize:fit:1400/format:webp/1*3vPA0TTITmXu6OyfpsRjNA.png)

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

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

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

Дело в том что просто с загруженными платформами в виде картинок (как в том же зайце с морковками, выше )-- нет такой проблемы.
Там по сути одна платформа, просто многократно использованная. Иллюзия, что платформ много, хотя картинка загружена всего одна.
но и мира там нет никакого, поэтому создать 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 (https://ansimuz.itch.io/sunny-land-pixel-game-art)

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

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

(https://img.itch.zone/aW1hZ2UvMTQ3NzQ3LzY5NDc5MS5wbmc=/794x1000/mT%2BTiL.png)

Круто!

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

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

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

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

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

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" у меня не заработал.


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

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

добавила Piano_Keys-origin

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

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

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


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

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


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

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


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

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

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

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

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

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


Папка
piano_keys-main


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

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

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

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

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

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

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


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

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

В обоих вариантах (Codey_Jump и Codey_Jump2) на 108-строке написано:
blendMode: 'ADD'
но на этом эта строка не заканчивается - за ней следуют 8 лишних символов (вероятно 4 юникода C2A0):
(http://forum.postnagualism.com/images/C2A0.png)
После того, как я укоротила строку, скрипт заработал:
http://forum.postnagualism.com/js/Codey_Jump3/index.html

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

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

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

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

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

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

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

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

Спасибо!

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


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

Бесконечный прыжок Коди! Бесконечная Лестница в Небеса! (http://forum.postnagualism.com/js/Codey_Jump3/index.html)


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

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

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

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

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

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

Демо Игры на Phaser 3 (https://phaser.io) и  javascript, здесь, на сервере ПостНагвализма.


Большая часть из них курсовые и учебные проекты Codecademy (https://www.codecademy.com)

Поймай Крота Раскопателя! (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)

Охотник за Сокровищами! Откопай три Золотых монеты бастрее чем Пират! (http://forum.postnagualism.com/js/Treasure_Hunter/index.html)

Нравится Музыка? Можно поклацать по клавишам онлайн Пианино! (http://forum.postnagualism.com/js/piano_keys-main/index.html)

Бесконечный прыжок Коди! Бесконечная Лестница в Небеса! (http://forum.postnagualism.com/js/Codey_Jump3/index.html)



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

Звезды с Небес! Платформер (http://forum.postnagualism.com/js/Platformer/index.html)

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

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

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

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


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

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

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

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

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

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

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


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

1 логотип блога Тома Харриса (https://tomoliverharrison.co.uk).

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

   Это довольно важный вопрос в сайтостроении, а потому я свой пост еще чуточку дополню. На самом деле корень всех бед в ... 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, т.к. на юникод я переходить категорически не хочу.

Эти &nbsp; &nbsp; мне как раз таки встречались. И их то я узнаю, как пробелы.
А вот в таком виде, как C2A0 - я пробулов никогда не видела (ни на своем компе ни в инете, не попадались)

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

НО почему вместо пробелов в коде появились буквы '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 штуки.

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

     За что люблю компиляторы - они во время компиляции (процесса превращения программного теста в программу) все ошибки в этом тексте проверяют. Конечно смысловые ошибки, допускаемые программистом, компилятор не обнаружит, но нарушения синтаксиса видит четко. Т.е. компилятор обязательно возмутился бы, даже если бы строка сзади была дополнена одними невидимыми символами A0.
     Но вроде бы и у тебя какая-то программа этот лишний хвост обнаружила и красный крест на этом месте поставила, да только ты не признаёшься, что это было.
(http://forum.postnagualism.com/images/blendMode.png)

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

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

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

А то на моем компе ничего такого не показывает VS Code.


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

Это в окне браузера. Документы с сервера видны рядом в окошке.
А в консоли внизу показывает ошибку.
А клик по ошибке ведет к файлу сервера.

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

(http://forum.postnagualism.com/index.php?action=dlattach;topic=103444.0;attach=14103;image)

А это консоль, и сама ошибка которую она отловила.
Окно браузера, инструменты разработчика откройте

(http://forum.postnagualism.com/index.php?action=dlattach;topic=103444.0;attach=14099;image)

Я могу поправить код не работающей игры по вашей ссылке в окне моего  браузера.
 И игра заработает. Локально. Для меня.
Но конечно мои изменения пропадут при перегрузке страницы. Так как на форум ( по счастью) они не попадают.

Это мы используем для отладки приложений. Когда запускаем локальный сервер.
 А потом изменения вносим в сам файл кода, если нас удовлетворяет результат.

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

Но файлы развернуе локально - этой ошибки не имели.
Потому что открывались " из первых рук". Без " испорченного телефона" перекодировки, где :

Тот код я уже исправила через 5 минут после того, как обнаружила в строке "излишки". После чего "Codey Jump" заработал. И об этом я вам уже писала:

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

(http://forum.postnagualism.com/avatars/Personal/Roman.jpg)(http://www.kolobok.us/smiles/standart/good3.gif)

   Ну давай и чё полезное укажем:
   ПРОБЛЕМА отравлений БЛЕДНОЙ ПАГАНКОЙ вполне разрешима окузуиццо: https://www.youtube.com/shorts/6jBmIzaR6kQ?feature=share

   Ну а типерь инфа по СЕТИ:

---

   Идентификация индоцианинового зеленого как ингибитора STT3B против цитотоксичности α-аманитина грибов (https://translated.turbopages.org/proxy_u/en-ru.ru.e942a6c7-6554f454-c202aa79-74722d776562/https/www.ncbi.nlm.nih.gov/pmc/articles/PMC10188588/)

“Смертельная шляпка”, 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]

(https://app.rlsnet.ru/api/storage/active_substance/gif/6240_1)     Индоцианиновый зеленый (ICG) (https://translated.turbopages.org/proxy_u/en-ru.ru.e942a6c7-6554f454-c202aa79-74722d776562/https/en.wikipedia.org/wiki/Indocyanine_green) - цианиновый краситель, используемый в медицинской диагностике. Он используется для определения сердечного выброса, функции печени, кровотока в печени и желудке, а также для офтальмологической и церебральной ангиографии.[2] Он имеет пик спектрального поглощения при длине волны около 800 нм.[3] Эти инфракрасные частоты проникают сквозь слои сетчатки, позволяя ICG-ангиографии отображать более глубокие паттерны кровообращения, чем при флуоресцеиновой ангиографии.[4] ICG прочно связывается с белками плазмы и задерживается в сосудистой системе.[2] ICG имеет период полураспада от 150 до 180 секунд и выводится из кровообращения исключительно печенью в желчь. ________________________________________ ________________________________________ + СИЛИБИН -- 33. Флаволигнан силибин (расторопша - содержащее его семена растения от болезней печени) (https://studfile.net/preview/16531833/page:57/) (https://studfile.net/html/48310/155/html_VkMPpPzmlW.EasY/htmlconvd-rsRF8k_html_4ad88af9649923f1.png)     Силибинин доступен как лекарственное средство (Легалон СИЛ (Мадаус) (D, CH, A) и Силимарит (Бионорика), силимариновый препарат) во многих странах ЕС и используется при лечении токсических поражений печени (например, внутривенное введение в случае отравления БЛЕДНОЙ ПАГАНКОЙ); в качестве дополнительной терапии при хроническом гепатите и циррозе.      В клиническом исследовании первой фазы на людях с раком предстательной железы, направленном на изучение эффектов высоких доз силибинина, было обнаружено, что 13 граммов в день хорошо переносятся пациентами с распространенным раком предстательной железы, при этом наиболее часто наблюдаемыми побочными эффектами являются бессимптомная токсичность для печени (гипербилирубинемия и повышение уровня аланин-амино-трансферазы). (https://present5.com/presentation/-57929998_223691155/image-29.jpg)    Современное лечение отравления аматоксином включает введение силибинина и пенициллина в комбинации или только силибинина. Целью данного исследования было сравнение обоих терапевтических режимов. (https://translated.turbopages.org/proxy_u/en-ru.ru.e942a6c7-6554f454-c202aa79-74722d776562/https/en.wikipedia.org/wiki/Indocyanine_green) _______________________________________

---

---

Джелави, но если ты соскучился по противовирусной некой панацее, то есть такой препарат Верошпирон (Спиронолактон) (https://www.rlsnet.ru/active-substance/spironolakton-105), которй имеет оч хороший терапевтический эффект от Вируса Герпеса 4-го типа (Эпштейна-Барр вируса и пр.), где как полагают, Верошпирон действует на уровне блокировки последней стадии сборки Нуклео-касида Вируса Герпеса. А раз Вирус Герпеса в организме сохраняется в вегетативных ганглиях спинного мозга, и как видится переносится к м есту проявления герпетических язв обратным аксотоком нейронов, а поставляется в эти ганглии прямым аксотоком нейронов (отчего и возникает в местах где ранее возникал, ввиду что аксоток точен в местах доставки и местах транспорта, через ретикулярную систему, да и время задержки возникновения как герпеса так и бешенства также точно совпадает со временем транспортировки по Аксотоку, прямому и обратному, и хранению генной инфы вируса в ганглиях), то уместно предполагать, что этот будет иметь эффективность и при вирусе БЕШЕНСТВА, который так же транспортируется и инфекционирует мозг так же через ту же самую ретикулярную систему и через ганглии спинного мозга.      В этом случае, Верошпирон (Спиронолактон) (https://www.rlsnet.ru/active-substance/spironolakton-105) именно уничтожает саму возможность вирусами что-то заражать, ибо в Нуклео-касидах вирусов давление от 15 до 50 атмосфер, чтоб с силой закинуть как по-дальше генную инфу вирусов. А значит Верошпирон (Спиронолактон) (https://www.rlsnet.ru/active-substance/spironolakton-105) именно аннулирует всю болезнетворность вирусов, и скорее всего многих вирусов.      В дополнение к противовирусному эффекту Верошпирон (Спиронолактон) (https://www.rlsnet.ru/active-substance/spironolakton-105) можно добавить ЭМЕТИН (алкалоид из корней ипекакуаны) (http://ЭМЕТИН (алкалоид из корней ипекакуаны)), ибо ЭМЕТИН (как доказали при исследовании КОВИД 19 также действует на уровне блокады транспорта через ретикулярную систему, чем так же влияет на тяжесть и скорость проявления бешенства.      В нашем растительном сырье что подобное можно ожидать только от ЧИСТОТЕЛА (https://www.elib.vsmu.by/bitstream/123/7229/1/vf_2009_3_21-27.pdf), более всего внешне напоминающего ЭМЕТИН, что правда под большим вопросом

ВЕРОШПИРОН (https://app.rlsnet.ru/api/storage/active_substance/gif/281_1) _____________________________________ ЭМЕТИН (https://бмэ.орг/images/e/e6/Emetini_hydrochloridum.png)

---

---

   Кстати,  Верошпирон (Спиронолактон) (https://www.rlsnet.ru/active-substance/spironolakton-105) можно усилить химически модифицировав, как то показывает следующая работа: Замещенные спироандростен-17, 6'[1,3,4]тиадиазины, обладающие противовирусной активностью (https://yandex.ru/patents/doc/RU2750639C1_20210630).

Причём, в природе АКУЛЫ содержат вещество стероидной структуры, где вместо OH нижнего стероидного кольца присоединён тример из 1-6 ГЕКСАМЕТИЛЕНДИАМИНА, который с помощью этой из тримера из 1-6 ГЕКСАМЕТИЛЕНДИАМИНА группы именно вызывает вирулицидный эффект, связанный с деструкцией внешнего капсида вируса.

(https://avatars.mds.yandex.net/i?id=912579eedf8dcbf341c51adfe09cf775-5444995-images-taas-consumers&ref=patents&n=13)

---

---

---

________________________________________________________________________________________________

(http://forum.postnagualism.com/avatars/Personal/Roman.jpg)(http://www.kolobok.us/smiles/standart/good3.gif)

---

---

---

________________________________________________________________________________________________

(http://forum.postnagualism.com/avatars/Personal/Roman.jpg)(http://www.kolobok.us/smiles/standart/good3.gif)

---

---

---

________________________________________________________________________________________________

Ну да, любое средство от вирусни хорошее дело, хотя бы чисто для профилактики. Синька с тиосульфатом хорошо зашли, чувствуется улучшение. Просто всегда нужно что то новое. Одно и тоже хуярить толку мало. Месяц, ну два и всё, эффект пропадает и уже не "торкает". Да ещё сомной постоянно какие то заморочки случаются. вот недавно ЧП произошло. Случайно. Короче поставил настойку марьиного пиона, с примерно килограмма корней, в трёх литрах 60 градусного самогона. Поставил и забыл. Прошло три месяца. У жены спросил, она мне выдала. Начал его пить, а состояние только хуже. Поначалу не догнал в чём прикол. А вышло так, что он толи открытым стоял, толи на солнце, испарился спиртяга и в итоге с трёх литров осталось чуть меньше литра. Короче словил передоз. Опасная хрень, с него реально можно копыта откинуть.
У Спиронолактона тоже сера есть в составе. Она скорее всего и хуярит вирусы, а не эти заморочки с давлением и атмосферами.

а смысл вообще что то учить. Куда это потом? Не пригодится в жизни. Если как досуг, то куда интереснее возиться с оллидебуггером)) или софтайсом разгадывая крякме.
 Или например зачем изобретать велик, пытаясь создать всё заново с нуля, когда всё уже придумано. Вот к примеру возьмём данный форум. Тут поисковик корявый и дурной, на СТ так вообще ничё не ищет. Раньше на ХР была прога, называлась google decktop searsh, весила 600 килобайт. Офигенная прога. Весь хард перелопачивала, искала даже внутри текстовых документов и архивов. Можно же её распотрошить и выдрать оттуда поисковые алгоритмы, да прикрутить их к форуму. Так всё проще, чем свои сочинять. Это так, в качестве примера.

..
Мне игры интересно, потому что сама любила играть.
Аркадные платформеры и тому подобное.
..

Ну наверно люди все разные.. и развлекают их разные вещи.

     Я имела в виду не привязку DOMа к Javascript'у, а наоборот - привязку Javascript'а к DOMу, чтобы иметь инструмент манипулировать этим DOMом на стороне клиента без участия сервера. Вот и выбрали для этой цели Javascript, кое-где чуть ли не насильно превратив его в скрипт. Но не всегда так было - в пору доминирования Microsoft Internet Explorer'а в качестве скрипта в HTML-страницы вставляли "апплеты" от той же компании Микрософт (у нее был свой DOM, хотя он так тогда не назывался). А уж потом, когда началась война стандартов и Internet Explorer в этой войне проиграл международному стандарту, то в тот же момент и Javascript оказался на коне.


     Напротив, C, как и его "последователь" C++, широко представлены на самых разных платформах. Это C# жестко привязан к Windows, поскольку генерит не автономное приложение, а такое, которое работает только при поддержке FramеWork. Этот FramеWork Микрософт когда-то написала для Windows, а ныне он, выдержав множество редакций/версий, почти достиг размера операционной системы :). По сути это гигантский Phaser :) с функциями на все случаи жизни. Потому-то с программы, написанные на C#, могут работать только на тех компьютерах, где соответствующий FramеWork уже проинсталлирован. А после того, как версий FramеWork стало много, совместимость программы с чужим FramеWork'ом иногда превращается в проблему, несмотря на то, что Микрософт всеми силами старается, чтобы новые версии FramеWork были совместимыми с вызовами старых версий FramеWork'а (совместимость сверху вниз).


    А языки C и C++ не могут не поддерживаться, т.к. сами эти операционные системы на них написаны:
   Конечно, не сама операционная система язык поддерживает, но если она сама на этом языке была написана, то компилятор для этого языка где-то существует и должен быть доступен.


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


   Хотя в деле постижения Javascript'а ты уже меня сильно превзошла :), хочу указать на недостаток (таким он лично мне видится) твоего образования. Мне он видится в перекосе на клиентскую сторону.
    Суть интернета в интерактивной (!) связи клиент-сервер, откуда и весь его профит. Тогда как коучи усиленно пичкают тебя языками, работающими исключительно на стороне клиента. Т.е. твоим самописным играм сервер, по сути, не нужен, т.к. все они работают на стороне клиента, во время работы не обращаясь к серверу. Ну а то, что эти игры с сервера загрузили, дела не меняет, - точно так же их могли прислать на флешке, дискете или сидюке. Из-за такого перекошенного в одну сторону обучения и ситуация выглядит перекошенной - клиент кажется самодостаточным, а сервер ненужным.
    А для того, чтобы исправить этот перекос, надо не только скрипты для браузера писать, но и активно заниматься созиданием на серверной стороне.
    Что касается базы данных, то, на мой взгляд, SQL в полном объеме едва ли стоит изучать - вполне достаточно его урезанной web-версии: mySQL. В действительности для дела хватает не более 10 функций, и в mySQL все они есть. Т.е. именно этот десяток функций и следует "выучить", хотя надежнее пользоваться "словарем". Ничего там сложного нет - суть дела становится понятной через 30 мин изучения предмета.
    Тем не менее, сайты, форумы и чаты обычно на Javascript не пишут, а чаще на PHP. Именно его и стоит в первую очередь изучить. И это отнюдь не сложно, т.к. на язык C он сильно похож, а сложностей типа C++ и Javascript в нем нет. Очень простой язык!

Спасибо за разъяснение! Да я помню то время когда джаваскрипт была в аплетах.. и как как часто крашился компьютер и лезла всякая вирусня из интернета.
Сейчас такого не происходит. Где то с вин 7 точно. Но и на вин хр уже крашей стало меньше намного, чем на всех тех windows что были до него.


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

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

А на основном курсе он разбит на ступеньки - только сейчас после базы под джаваскрипт - нас стали учить формам html..

А потом покажут как эти формы подтверждать. И самопальные проверки добавлять в отправку и тд.

Сейчас я прошла только 40%... это с прошлого года то..

Впереди вижу React и Redux

Асинхронная javascript и запросы http...

Веб приложения...

Какое то приложение для reddit это соц сеть.

То есть насколько понимаю работа с сервером предполагается вся на джаваскрипте.

( sql и phiton это я на курсе бэкэнда видела. Но пока этот курс не закончу я туда не полезу...)

Тут на сайте академки есть много курсов по языкам программирования. По сути вся академка только программированию и учит.
Мне нравится как объясняют и то что много практики ( хотя практики всегда не хватает новичку).
Ну вот я и заглядывалась на разные языки.



Так это уже бекэнд, разве нет?

Я думала его взять тоже.. но потом. После фронтэнда.

Если доживу.. очень уж курсы ёмкие.

     Так я не работу клиента с сервером имела в виду, а работу сервера с клиентом! Пусть клиент обращается к серверу хоть на тарабарском языке, но со стороны сервера должен же быть софт, который этот язык понимает? А твой перекос именно в ту сторону, что ты понимаешь, что со стороны клиента надо писать программу или скрипт, а сервер представляешь, как ящик, который включаешь в розетку и вот он уже всё умеет делать. Тогда как надо понимать, что со стороны сервера тоже должна быть программа, которая посылки от клиента понимает, и что такие программы тоже надо учится писать.
     Например, я языка Javascript для сервера никогда не видела и даже не слышала о его существовании. В самом деле, если со стороны сервера нет браузера, то и откуда там Javascript'у быть?
     Apache еще нужно научиться конфигурировать - это сердце севера, которое занимается приемом посылок от клиентуры. Рядом с ним обычно и mуSQL стоит, т.к. базы данных обычно хранятся на стороне сервера, а не клиента. Ну и команды серверной операционной системы тоже нужно знать - там обычно FreeBSD стоит, реже Linux. А Windows или MacOS не бывает никогда :).

Это back end.
Там работу сервера с клиентом изучают и пишут программы именно для серверной части. И там в курсе идет  - Phyton и mySQL. Как основные языки.
И конечно это очень важная часть.

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

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

Они даже SEO мета теги для поисковиков не дают вкручивать в страницы, сами продают, как услугу

Соня тварь.я об этом давно предполагал,

      А в этих папках что? HTML-страницы? Если так, то сервер используется просто как внешний диск для хранения и скачивания файлов. Типа используется как удаленная флешка :).

Пипа , соня тварь , не ищи себя в ней.

Смотрю курс по back-end

PostgreSQL - это чем от mySQL отличается?
Тут на нем учат сервер разворачивать.

Как создать API с Node Express PostgreSQL  и развернуть на каком rendere наверно симулятор для подобного рода приложений

На джаваскрипте делается тестирование.
Тут ознакомят с TDD test driven development и применять его принципы для развертки back end ( очеаидно серверного приложения).

И много еще странных вещей, типа TLS  transport layer security  , RBAC role based access control  


Алгоритмы,
Структуры данных


И много еще всякого не понятного..

Блин чего ты страдаешь?

Серверная версия JavaScript это Node.js.
 Джавскрипт без Ноды всё равно, что наушники без плеера.
 Хотя, Node.js это довольно странный бекенд для джаверов или шарпистов. Там весь прикол в npm пакетах, через которые подключаются те или иные серверные технологии. Пакеты ставятся и обновляются через Сеть, а по сути каждый пакет является проектом Node.js, реализующим какую-то функцию.
 Если есть желание познакомиться с Node.js просто и понятно, рекомендую на платформе Udemy.com курс Богдана Стащука.

   От капрофилии страдаит..., хотит уболтать шоба на него насрали, а т.к. Уважаемая Pipa ентого принципиалЪно делать не станет, то у тибя, Сонечка, он енто выпрашивает, точно как пидОрас выпаши вает шоба ему хуём отомстили за его пидерсию..., но ужо в плане, шоб гавном его закидали... Соскучилси... бляха-муха...

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

npm - Это просто установщик пакетов насколько я знаю. Инсталлятор "плагинов" и/или библиотек js
Чего там странного, сам npm ничего не делает кроме поиска версий и установок.
Но вот уже установленные дополнения (пакеты)  используя командную строку  добавляют к командам npm и свои команды и делают интересные штуки.

я же расказывала про Vite пакет, который устанавливается для фронтэнда.. разворачивает всю структуру разработчику в один клик. А потом создает сборку, оптимизируя все папки и файлы.
|dist с игрой в Звезды - именно такой папкой и был, после оптимизации. Типа дистрибютивная версия.
При этом сами файлы разработки не изменяются. Просто добавляется вот эта новая папка.

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

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

Несмотря на многочисленные попытки создания внебраузерной среды JavaScript, Node.js, изобретенный Райаном Далем в 2009 году, обрел беспрецедентную популярность и в настоящее время используется многими ведущими компаниями, включая Netflix, Uber, Paypal и eBay. Node.js — это среда выполнения JavaScript или среда, которая позволяет нам выполнять код JavaScript вне браузера. «Среда выполнения» преобразует код, написанный на языке программирования высокого уровня, удобочитаемом человеком, и компилирует его в код, который может выполнить компьютер.

Хотя Node был создан с целью создания веб-серверов и веб-приложений на JavaScript, его также можно использовать для создания приложений командной строки или настольных приложений."

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

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

И ? На сиберфоруме (https://www.cyberforum.ru/) давно был? Или на stackoverflow (https://stackoverflow.com/)  ?
А там о чем программисты пишут?
Не молодняк ли учат, делясь опытом? И нет в этом ничего странного или преосудительно.

Пиши о нагвализме. Кто тебе запрещает?
От меня то что ты хочешь?
Сказку тебе рассказать, заснуть не можешь?

пра слона хачу..  скаску?))   проста спать ..ни магу...

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

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

Сами срут а потом сами же жалуются. Совершенно не последовательные персонажи.

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

так никто и не осуждает
вам было сказано, что вы слабо разбираетесь в программировании
всего лишь
оценка была дана программистом
а Хогбен в залупу полез
так то вы милые тётки ))

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

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

 А о развертке страницы веб на сервере. В данном случае были страницы которые я послала Пипе с демо играми. При развертке возникла проблема при перекодировке на сервере.

То есть о веб разработке, грубо говоря шла речь.

Сам синтаксис языка мы тут не разбираем.

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

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

На злостного суперхацкера тут никто не претендует.

Вообще, не нравится что пишу - зарегистрируйтесь, открывайте тему и пишите про то что нравится вам. Тогда в ленте будут не только темы моего раздела.
Что поделать. Я тут активный пользователь. Не то что ваш трусливый Ксендз.
А СТ как и требовали - ужали.

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

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

Флуд сброшен из темы сюда
http://forum.postnagualism.com/index.php?topic=98806.msg593200#msg593200

Всем спасибо.

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

Раньше удаляла. Оставляю для истории.
Пересмотрю.
Ты прав конечно.

Чистовик  - у меня на форуме. А тут черновик.
Поэтому особо не заморачиваюсь. Это Анонимы правильно сказали.

https://www.youtube.com/v/cdX8r3ZSzN4

 :)

Круто!!

Пробовала в  бесплатных (они еще разрабатываются) TAHOMA 2D и  OPENTUNZ. Но часто крашатся, тоже под Интел и с силикон Apple M1 не дружат.. практически остался только лес от кадра с ютуб ролика, а фанарики летающие все крашанулись, результат был потерян. Поэтому я надолго ушла в программирование, чтоб отвлечься, пока не придумаю как техническую проблему решить.

Toon boom - даже официальные версии вылетают и тоже не дружат с маками на силиконе.

Короче, не знаю что и делать..

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

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

1
Пытаюсь воссоздать потерянный ЛЕС, в котором появится ЛИС.
Пока работа над сторибордом  и аниматиком, цвета тут не обязательны.

Файл становится все тяжелее.. Это последний gif, далее придется мр4 записывать..
Мне это помогает отслеживать процесс работы, сравнивать, замечать недостатки..
---

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

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

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

https://youtube.com/v/kg9LV6uCo6E?si=e8a3FXClg4KaBhkS

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

gif сильно пережимает и замутняет цвета..
Думаю на выходе тоже будет ярко..
В оригинале это выглядит так, и камера движется более плавно

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12348;image)

фон в процессе..
Для анимации нужно было разделить его на слои..
центральное Дерево будет отдельным слоем.

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

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

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12381;image)

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

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12384;image)

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

Локация на реке

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12382;image)

Локация в лесу, какая то деревня..

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12383;image)

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

Лис бежит на юг.
Возможно использует портал, так как дорога не близкая.. Ну или поможет тот светляк..
На Юго востоке - великий обрыв, Край Мира, на котором растет Старое дерево
В его корнях  притаился Бар неординарных людей, умеющих выходит за грань обыденной повседневной реальности..

В тему сновидений от Ю.Ф. из телеграмм канала..
Не хочу этот ролик потерять.

От автора
Мне кстати тогда очень часто снились эти рыбки плавающие в воздухе

https://youtube.com/v/iRu8ywEAl7M?si=cKqtAyp-crrfFk0a

Спасибо.

Продолжу тему:

https://youtube.com/v/JepEswl_Kpw?si=8PbpkO0abun3ODMJ

https://t.me/dreamland_mir/18270

С.
Я помню там потом эти цветочки на земле взлетают как бабочки вроде и кружат


Соня.

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

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


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

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


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

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

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


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

С.
Сцена стоит, солнце движется , камера движется медленнее, примерно так
темнеть начинает тогда когда 3/4 солнца уже за горизонтом.

Соня
Спасибо ребята!

Юмор с виндой:

1. УСТАНОВКА НА РАБОЧИЙ СТОЛ НЕПРИЛИЧНОГО ФОНОВОГО РИСУНКА С ЗАПРЕТОМ ЕГО ИЗМЕНЕНИЯ.
Представьте себе, приходит сотрудник на работу, включает компьютер и видит на Рабочем столе... скажем так, картинку фривольного содержания, ну или надпись «Наш директор — козе.!». Пока не пришед этот самый директор, сотрудник пытается сменить картинку на Рабочем етоле, пытается, пытается, но... безрезультатно. Приходит директор, сотрудника уносят.
Чтобы учинить подобное безобразие следует установите требуемый рисунок на Рабочий стал (стандартным способом), а потом запретить его изменение. Последнее реализуется путем установки параметра NoDispBackgroundPage (типа DWORD) со значением 1 в разделе HKEY_CURRENT_ USER\Software\Microsoft\ Windows\CurrentVersion\Policies\System.
в Висте не получилось, отсутствует ключ System.создание этого ключа не помогает,всеравно не работает,это прикол только под ХР похоже.

2. ВСПЛЫВАЮЩЕЕ ОКНО С ТЕКСТОМ ПРИ ЗАГРУЗКЕ СИСТЕМЫ.
Пользователь включил компьютер. Заканчивается загрузка системы. Как говорится: «Ничего не предвещает бурю и тут внезапный порыв ветра* в конце загрузки появляется всплывающее окно, в котором говорится, что пользователь - *** или **** и еще много чего. Причем это сообщение будет появляться каждый paз при загрузке системы.
Устроить такой психологический прессинг можно, зайдя в раздел реестра HKEY_LOCAL_MACHINE\SOFTWARE\Мiсrosoft\WindowsNT\CurrentVersion\Winlogon (если подраздел winlcgon отсутствует то его нужно создать) и создав и нем строковый параметр LegalNoticeCaption и строковый параметр LegalNoticeText.
В качестве значения LegalNoticeCaption укажите строку,
которая будет выводиться в заголовке окна вашего сообщения
этот прикол я пробовал у себя на Висте, все работает единственное окошко не плавающее, а встает как запрос выбора пользователя, и под низом кнопочка ОК, для входа в систему

3. ПОСЛЕ ЗАГРУЗКИ WINDOWS XP КОМПЬЮТЕР АВТОМАТИЧЕСКИ ВЫКЛЮЧАЕТСЯ.
После загрузки операционной системы компьютер автоматически выключается. Пользователь, не понимая что произошло, снова пытается ВКЛЮЧИТЬ компьютер. Загружается операционная система, компьютер выключается. И гак МНОГО-МНОГО раз, пока пользователя не охватит истерика, он не начнет кусаться, драться и вспоминать маму того, кто этот компьютер настраивал.
Делается такая подлость просто: достаточно в разделе HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Run создать параметр типа REG_SZ с произвольным названием (например, Kaput ) и в качестве его значения указать С: \WIMDOWS\system32\shutdown.exe (вместо С: \WIWDOWS у вас может быть свои путь, по которому установлена система). Перезагрузите компьютер и начните развлекаться.

4. ОДНОВРЕМЕННО С ПРОГРАММАМИ АВТОЗАГРУЗКИ ОТКРЫВАЕТСЯ ЛЮБОЙ ФАЙЛ В СООТВЕТСТВУЮЩЕМ ПРИЛОЖЕНИИ, НАПРИМЕР, ВИДЕОФАЙЛ.
Немного усилий и можно сделать гак, что в конце загрузки системы автоматически будет открываться файл в соответствующем приложении. К примеру, так можно установить воспроизведение музыкального файла или видеофайла (что относительно безобидно), до запуска чего-нибудь посерьезнее.
Делается это путем создания в разделе HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Run параметра типа REG_SZ с произвольным названием (например, FileZasada) и в качестве его значения указания пути к файлу, который необходимо открыть.

5. УСТРАИВАЕМ «СИНИЙ ЭКРАН СМЕРТИ».
Устроить любование культовым Синим экраном смерти (Blue Screen of Death — BSOD) можно достаточно просто. Следует и в раздел HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\i8042prt\Parameters и создать параметр CrashOnCtrlScroll типа DWORD со значением 1.
После перезагрузки компьютера, удерживая правую (!) клавишу «Ctrl», нажмите дна раза па клавишу «Scroll Lock». В результате вы либо увидите «синий экран смерти», либо принудительно обрушите систему И она будет перезагружена.

6. ЗАМЕНА ЗАГОЛОВКА ОКОН INTERNET EXPLORER'A.
Последнюю составляющую заголовочной надписи окна Internet Explore'a вы можете заменить, указав текст, который должен выводиться вместо надписи «Maicrosoft Internet Explorer». Для этого нужно перейти в раздел реестра HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\MAIN u создать в нем строковый параметр Window Title И качестве значения этого параметра и укажите требуемым текст.
Изменении вступают в силу без перезагрузки компьютера.

7. ДЕЛАЕМ НЕВИДИМЫМИ ДИСКИ.
Вы можете сделать так, что логические диски винчестера на компьютере не будут видны (все или выборочно) ни в окне Moй компьютер, ни в окне Проводника, ни в окнах Открыть и Сохранить, используемых в программах - да почти нигде. Однако С дисками можно будет работать, обращаясь к файлам напрямую, либо используя программы — файловые менеджеры (например, Windows Commander).
Чтобы учинить такое, нужно перейти в раздел реестра HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Policies\Explorerr и создать в нем параметр NoDrives типа DWORD. В качестве значения данного параметра указывается битовый код, соответствующий тому, какой диск иди диски вы собираетесь таким образом скрыть. При этом каждый бит кода соответствует одному из 26 возможных имен дисков. Каждому диску присваиваются значения (hex): диску А соответствует значение 1; диску В — значение 2: диску С — значение 4 и т. д. Чтобыскрыть несколько дисков, нужно сложить соответствующие им биты. Потом битовый кол переводится в шестиадцатерич-иос значение. Таблица значении параметра NoDrives и их описание для некоторых дисков приведена в табл.

Значения параметра NoDrives
0xO3FFFFFF Скрывает все значки
0x3 Скрывает только диски А и В
0x4 Скрывает только диск С
0x8 Скрывает только диск D
0x7 Скрывает только диски А, В и С
OxF Скрывает только диски А, 8. С и D
0x0 Видны все диски

работает после перезагрузки системы.

8. СКРЫВАЕМ ВСЕ ЭЛЕМЕНТЫ РАБОЧЕГО СТОЛА КРОМЕ КНОПКИ ПУСК.
Представьте себе картину: вы включаете компьютер, загружаете Windows ХР... а на Рабочем столе ничего пет. Одна кнопка Пуск красуется. И делайте что хотите, ничего на Рабочем столе и не появится. Чтобы сделать такое, нужно зайти в раздел реестра HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Policies\Explorer и создать в нем параметр NoDesktop типа DWORD сo значением 1. Результат можно наблюдать после перезагрузки компьютера.

9. БЛОКИРОВКА КНОПОК "ВПЕРЕД'» И «НАЗАД» В INTERNET EXPLORER'E.
Устроить невинную шалость - отключить кнопки Вперед и Назад в окне Internet Explorer'a и тем самым значительно усложнить жизнь тем, кто этим Эксплорером пользуется достаточно легко. Для этого нужно зайти и раздел реестра HKEY_CURRENT_USER\Software\Policies\Microsoft\lnteinietExplorer\Restrictions и установить там параметр NoNavButtons типа DWORD со значением 1.
к сожалению в Висте данная ветка реестра отличается, думаю что тем у кого стоит 7 эксплорер этот вариант тоже не пойдет.

10. ПЕРЕЗАГРУЗКА ВМЕСТО ЗАВЕРШЕНИЯ РАБОТЫ МЕНЯЕМ ЗНАЧЕНИЕ SHUTDOWN НА RESTART.
Представьте себе, пользователь выключает компьютер (Пуск— Завершение работы - Выключить), а компьютер выключается и снова включается (перезагружается). Пользователь снова выключает компьютер, а он снова включается. И так- много раз. Пользователь начинает рвать на себе (а может, и на других) волосы, ему вызывают скорую помощь, увозят. Компьютер по-прежнему сам включается при выключении (программном). В принципе можно просто вырубить компьютер отключив его электропитание, но это уже другая история.
Делается подобный трюк путем замены функции Shutdown на Restart. Для этого следует зайти в раздел реестра
HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Control\Shutdown и для параметра FactReboot (типа DWORD) установить значение 1.
к сожалению в Висте данная ветка реестра отличается.

https://youtube.com/v/x5QKP0h4lIc

RU] Болота - древовидные грибы. Грибная деревня.
Персонаж - 64рх .
Рисую игровой уровень, фон и местность.
Снизу персонаж поднимется в деревню наверху, когда найдет способ подняться туда.
Программа - Clip Studio Paint,
Скорость 8х (2 часа работы)

Локацию делаю по тому сну.

http://postnagualism.com/Bruja/index.php?topic=77088.msg325909#msg325909

 Хочу потестить дополнение к Unity - Adventure Creator

Unity Asset Adventure Creator


https://youtube.com/v/h1-OYMrDuxk?si=BMsvI8JW12vaU3Mv

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

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12542;image)

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

(ранние наброски)

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12564;image)

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12565;image)

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12572;image)

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12571;image)

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12573;image)

Без сетки (которая мне нужна для рисования и масштабирования)  и без рамки красной (окно игры и синий персонаж, тоже нужные мне для масштабирования элементов уровня)-- рисунок сейчас выглядит так :

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12574;image)

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12575;image)

Вставила для тестирования и настройки масштаба набросок уровня и персонажа - в Unity - Adventure Creator.
Читала на форуме разработчика вопросы о том как настроить в АС игру с низким пиксельным разрешением, чтоб в окне игра изображение спрайтов (картинок) не выглядело размытым.
Решила потестить и свою работу.

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

Пришлось изменить оригинальный размер холста в Clip Studio Paint - уменьшив его пополам, оставив изображение пропорционально того же размера.

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

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=79293.0;attach=12579;image)


Персонаж в каре игры тот же, 64 на 64 рх.

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=79293.0;attach=12584;image)

Сама сцена:

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=79293.0;attach=12585;image)

Можно и в векторе попробовать и сравнить, как  будет лучше...

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

У меня была только одна сценка, а не полная карта.

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12587;image)

Это набросок. И к тому же день там еще.. Потом стекла светлыми сделаю, ты верно заметил.
Пока просто искала размеры и расположение. От балды рисовала  :)
Ночью все будет..

Это ведь целый уровень игры. Ну может герой там денек и проведет с ночевкой..
Квесты бы еще придумать..


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

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

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

В игре- в окне будет виден лишь вот такой кусочек
(вдалеке персонаж уменьшится)


(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12588;image)

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12589;image)


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

Наброски персонажей для этой локации. Пока в пиксель арте.
Главное поймать форму. А в векторе потом улучшу..
Вообще никак не выбиру, пиксель или вектор?
Пиксели мне тоже нравятся...
 :)

Соник и зажиточные селяне. И маленькая вредная девочка.

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12590;image)

Пастух червяков... Хотя может пастух будет постарше, а этого вниз поставлю, на болота, где подъемник к деревне.

(http://postnagualism.com/Bruja/index.php?action=dlattach;topic=77088.0;attach=12591;image)

Соня (Bruja), на третьей минуте деревья твои напоминают
https://www.youtube.com/watch?v=o6KOX31PtN8&t=85s

     Для Сони имело бы смысл "оживлять" не лес, в котором живет лис, а ... Карту Сновиденного Мира! Типа того, что сделать пусть на первых порах не игру, а хотя бы бродилку/квест по этой карте. Чтобы можно было походить по ее миру, посетить интересные места и неторопливо рассмотреть их вблизи. Т.е. что-то вроде игры "Мист (1993) (https://ru.wikipedia.org/wiki/Myst)", которой недавно исполнилось уже 30 лет!

(https://img.freepik.com/premium-photo/fantastic-world-mushrooms-glowing-mushrooms-inthe-rainsoaked-night-forest_968529-129014.jpg)
Светящие грибы под дождем в ночном лесу (картина создана при помощи ИИ)
https://ru.freepik.com/premium-photo/fantastic-world-of-mushrooms-glowing-mushrooms-inthe-rainsoaked-night-forest_143773617.htm

Карты сновиденного мира - это фейк от Хацкеров сновидений.

Мы свою карту собрали. И она не фейк.
Тем более карты составляли еще в древности, есть китайская например..

По сути своей карта мира сновидений - это карта  коллективного бессознательного. Что соответствует теориям и  практике Юнга.

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


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

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

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

Ну до ии мне конечно далеко ;)

Даж не собираюсь тягаться ;)
Очень красиво!

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

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

тональность - черно белый кадр

Немного о проекте (с комментариями).

https://youtube.com/v/dx11Rd1XcMo

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

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

 :)

Ты такой романтик!

Вдохновляет снимать процесс.
Да и вообще, для истории.. вдруг все таки что то получится.. А то вечно не понос так золотуха, то комп старый сдох, то программа не тянет, то переезд на носу..
Сейчас кажется все подобрано, все необходимые инструменты..
Так что попытаюсь, все ту же историю, с Пипой и Шелтом, Лисом Баром на Краю сновидения и прочими товарищами..

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

На картинке уже прогресс, но видео будет позже.