О ходе создания игры «Колобок» в июле

В июле с помощью Matter.js реализовал прыжки колобка из-под платформы и подкидывание стрелы.

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

Я попробовал менять маску, но получил следующее поведение:

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

На этом шаге возникла необходимость разделить физическое и видимое представления игрока: перемещать кирпич, а отображать на его месте колобка. Решением стало введение возможности синхрить положение объекта и изображения:

слежение: {     колобок: {         объект: "кирпич",         изображение: "колобок",         смещение: [-35, -65],         скорость: 1,     }, },

Конечный результат можно лицезреть на первом видео.

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

изображения: {     колобок: {         ширина: 70,         высота: 70,         вид: {             background: "url(р/колобок/колобок_неподвижен.png)",             "z-index": 10,         },     }, },

Итоговый объект колобка выглядит так:

объекты: {     кирпич: {         x: 1170,         y: 350,         высота: 20,         ширина: 40,         вид: {             background: "url(р/отладка/основа.jpg)",             display: "none",         },         физика: {             isStatic: false,             inertia: Infinity,         },     }, },

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

Для игрока это теперь выглядит следующим образом:

маскиПрыжков: {     игрок: {         объект: "кирпич",         скорость: -1,         маски: [1, 1|2],     }, },

Таким образом, при скорости игрока меньше -1 (прыжок) маска равна 1. У платформ маска 2, поэтому игрок проходит сквозь платформы. При скорости игрока больше либо равной -1 (замедление прыжка и падение) маска равна 1|2, т.е. столкновение с объектами как с маской 1 (пол), так и 2 (платформы).

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

P.S.: Список публикаций на текущий момент:

• 1. Приглашаю к созданию русской народной игры «Колобок»
• 2. О ходе создания русской народной игры «Колобок» в феврале
• 3. О промежуточных мартовских итогах создания русской народной игры «Колобок»
• 4. О ходе создания игры «Колобок» в апреле
• 5. О ходе создания игры «Колобок» в мае
• 6. Что случилось с игрой «Колобок» в июне
• 7. О ходе создания игры «Колобок» в июле