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

PHP/JS+HTML+CSS/Python/др.

Сообщение Браузерный Арканоид для компов и смартфонов
» 20 мар 2021, 18:19

Доброго дня всем!

Хочу поделиться со всеми своим проектом - классический Арканоид Онлайн
Написан на JavaScript/Canvas/AudioContext
Работает в браузере и на компьютере, и на смартфонах.
Не требует никакой установки, просто кликай и понеслась.
Нет рекламы и не планирую, чисто хобби проект, для души. Буду рад, если кому еще понравится.

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

Удачно позалипать! :hi:

UPD. Сделал короткое видео про игру:

Последний раз редактировалось tomater 03 апр 2021, 20:57, всего редактировалось 2 раз(а).
Аватара пользователя

Участник
Сообщений: 6
Я тут с 20 мар 2021
Репутация 1 [ ? ]

Сообщение Браузерный Арканоид для компов и смартфонов
» 20 мар 2021, 19:44

Оч прикольно. Может глупый вопрос, а есть там спрайты обектов или это все на канавас отрисовывается? :blush:
Изображение Изображение Изображение
Аватара пользователя

Игродел
Сообщений: 1511
Я тут с 25 ноя 2014
Откуда: TLV
Двиг: Construct 2
Лицензия: Personal
Репутация 179 [ ? ]

Сообщение Браузерный Арканоид для компов и смартфонов
» 20 мар 2021, 19:47

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

Участник
Сообщений: 6
Я тут с 20 мар 2021
Репутация 1 [ ? ]

Сообщение Браузерный Арканоид для компов и смартфонов
» 20 мар 2021, 20:53

tomater писал(а):Canvas


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

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

Игродел
Сообщений: 1511
Я тут с 25 ноя 2014
Откуда: TLV
Двиг: Construct 2
Лицензия: Personal
Репутация 179 [ ? ]

Сообщение Браузерный Арканоид для компов и смартфонов
» 20 мар 2021, 23:16

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

Участник
Сообщений: 6
Я тут с 20 мар 2021
Репутация 1 [ ? ]

Сообщение Браузерный Арканоид для компов и смартфонов
» 21 мар 2021, 17:02

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

Ну я же предупредил что вопрос нубский :biggrin: , в любом случае спасиб за инфу. Я как бы начинал изучать JS но до работы с canavas итд не добрался. Теперь если будут вопросы, буду знать к кому обращяться :cool:
Изображение Изображение Изображение
Аватара пользователя

Игродел
Сообщений: 1511
Я тут с 25 ноя 2014
Откуда: TLV
Двиг: Construct 2
Лицензия: Personal
Репутация 179 [ ? ]

Сообщение Браузерный Арканоид для компов и смартфонов
» 22 мар 2021, 00:38

nagval333, конечно, без проблем!
Аватара пользователя

Участник
Сообщений: 6
Я тут с 20 мар 2021
Репутация 1 [ ? ]

Сообщение Браузерный Арканоид для компов и смартфонов
» 04 апр 2021, 19:41

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

Участник
Сообщений: 6
Я тут с 20 мар 2021
Репутация 1 [ ? ]



Вернуться в Web

Сейчас эту тему просматривают

Зарегистрированные пользователи: нет зарегистрированных пользователей

Наверх