Мне нравится создавать мини-игры или реализовывать дизайн взаимодействия в Интернете.
А вот и браузерная игра, которую я сделал недавно!
Исходный код
Онлайн-демонстрация
Вы новичок в Canvas?
Выполнение основных 2D-объектов с помощью холста настолько просто и имеет основной цикл для рисования и обновления, что вы можете сделать это с помощью setInterval или для более плавной анимации с помощью рекурсивного запроса AnimationFrame.
Я использовал холст для звезд, и я реализовал большинство элементов через DOM, и если вы не используете библиотеку, такую как gsap, было бы сложно реализовать нелинейные эффекты в холсте.
если вы хотите создать реальную браузерную игру, было бы лучше использовать библиотеки (движки), такие как pixijs.com, для лучшей производительности, а также для лучшего опыта разработчиков; Я делаю это не потому, что хочу улучшить свои навыки и придумать что-нибудь интересное на выходные.
И, наконец, для меня это интерактивный дизайн, а не просто игра, за которой я всегда слежу за codrops и awwwards.
tympanus.net/codrops/
awwwards.com/
greensock.com/gsap/
pixijs.com/
Не стесняйтесь задавать вопросы или делиться своими мыслями со мной :)
Твиттер: https://twitter.com/danialdezfouli