KaboomJS hello world

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

Решил залепить хеловорд на Кабуме и вуаля, вот оно !

Ну да, можно выкинуть почти все.. но нельзя выкинуть тэг body.

В результате пустой экран и пока ничего интересного.. а в задумке одна классная идея для игры.. Я ж ее начинал писать и на pico-8 и на microStudio , все не то !

Она для Кабума

Такой экран получается

Вот и все.

Конечно лучше всего вынести код игры в отдельный JavaScript файл, тогда подсветка и подсказки будут подсвечиваться правильно 100%.

И будет приятнее жить.

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

Ну пустой экран это ерунда, давайте спрайт нарисуем.. в Paint.NET

В папку sprite

Как это чудо нарисовать на экране ? я подозреваю надо создать сцены слои как в Годо нажать миллиард кнопок...

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

В моем случае я сделал так:

У меня стоял PHP и сервак заработал, картинка подгрузилась, а код получился такой:

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

В коде не надо создавать никаких слоев, никаких там сцен, все может работать и так. Загрузили спрайт, показали, все ! Так же нет никаких функций update как в PICO-8 / microStudio / Tic80

Сократив код до

Вышло то же самое/

За размер спрайта отвечает параметр

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

При нажатии на пробел чел будет прыгать

Хоспаде, как все просто...