В последние годы HTML 5 и JavaScript без разбора использовались разработчиками для создания различных игр. Причина такого выбора очевидна — потенциал двух приложений в создании игр. HTML 5 тоже созрел и теперь считается серьезной игровой платформой. Представляем Вашему вниманию 10 лучших игр HTML 5
Рекомендуем также посмотреть:
- Подборка библиотек CSS-анимации
- Лучшие бесплатные HTML-шаблоны ресторанных сайтов
- Подборка бесплатных HTML шаблонов Landing Page
1. Save the Day
Save the Day — простая, но авантюрная игра, в которой игрок должен спасти выживших, спрятавшихся на карте. У игрока для помощи есть вертолет, но он должен спасти выживших за определенное время. Игра была создана с использованием игровой платформы HTML 5 — Turbulenz. Платформа не только поддерживает WebGL и социальные API, но также помогает создавать, публиковать и монетизировать игры HTML 5.
2. Lux Ahoy
Это боевая игра, в которую могут играть разные игроки по очереди. Игрок должен поразить противника пушечным ядром, угол и мощность которого контролируются игроком. Графика игры была разработана и создана во Flash, а затем перенесена в HTML 5.
3. Bombermine
Это многопользовательская игра в реальном времени, которая имеет множество функций, делающих игру очень авантюрной и захватывающей.
4. PixelDefense
PixelDefense — один из самых красивых и идеально разработанных примеров игр с открытым исходным кодом HTML5 и JavaScript. Он основан на жанре игры Tower Defense.
В этой игре вы должны размещать башни в указанных местах, чтобы предотвратить проникновение наступающих монстров на вашу родину. Вам будет приятно узнать, что исходный код этой выдающейся игры находится в свободном доступе для загрузки из репозитория Github.
Если вы знакомы с основами HTML5 и JavaScript, у вас будет отличная возможность понять механику разработки онлайн-игр.
5. Pocket Island
Pocket Island — невероятная браузерная игра, использующая гибкость, обеспечиваемую HTML5 и JavaScript. Он имеет действительно продвинутый дизайн пользовательского интерфейса с привлекательной сюжетной линией.
Игра вращается вокруг списка желаний короля, который состоит из нескольких задач. Вы должны выполнить его желание, чтобы выиграть игру.
6. Tower Building Game
Tower Building Game заставляет вас чувствовать себя радостно. Да, это правда, потому что игра разработана таким образом, что нам хочется играть в нее снова и снова.
Это похоже на отмеченную наградами игру Tower Bloxx Deluxe, где ваша задача состоит в том, чтобы ставить блоки друг на друга и прокладывать себе путь к небу.
Его структура создается с использованием нового элемента canvas языка HTML5, а логика написана на ES6 (выдающееся обновление языка JavaScript).
7. 3D Hartwig chess set
3D-шахматы Hartwig — один из самых интересных примеров игр HTML5 и JavaScript с открытым исходным кодом. Поскольку он имеет один из самых привлекательных пользовательских интерфейсов и обеспечивает потрясающий пользовательский интерфейс. Он создан с использованием HTML5, CSS3 и JavaScript. Обратите внимание, что его исходный код доступен по лицензии MIT.
8. Astray
Astray, без сомнения, является удивительным примером лучших игр HTML5 и JavaScript с открытым исходным кодом. Эта игра действительно выделяется среди остальных, поскольку демонстрирует возможности того, что WebGL может делать в веб-браузере.
Он использует библиотеки Three.js и Box2dWeb для создания расширенного трехмерного пользовательского интерфейса. Разработчик не верит в лицензии и позволяет вам использовать исходный код этой игры, как вам угодно.
9. Clumsy Bird
Clumsy Bird — это клон игры Flappy Bird, использующий легкий игровой движок HTML5 с открытым исходным кодом MelonJS. В игре вы управляете летающим персонажем, и миссия состоит в том, чтобы успешно пройти его между приближающимися стенами, не задев их.
10. Last Colony
Last Colony принадлежит к жанру стратегий в реальном времени (RTS), который является уникальным примером игр с открытым исходным кодом HTML5 и JavaScript.
Он поставляется с однопользовательским и многопользовательским режимами. В режиме однопользовательской кампании в игре есть заскриптованная сюжетная линия, где ваша задача — строить экономику и побеждать врагов. В игре есть множество зданий, самолетов и транспортных средств, что вызывает азарт у ее пользователей. Самое интересное в этой игре то, что ее кодовая база также написана на HTML5, CSS3 и JavaScript.
11. Tower Defense
Игра Tower Defense построена с использованием библиотеки JavaScript three.js. В этой игре вы должны построить башню и распределить пули по каждой башне. Ваш счет и прогресс также хранятся в этой игре. Вы также должны выбрать уровень сложности перед началом игры.
12. Sleeping Beauty
«Спящая красавица» — онлайн-игра по мотивам сказки. В этой игре вам нужно добраться до принцессы, которая спит на первом этаже башни. С помощью клавиш со стрелками вы можете перемещаться и пытаться добраться до башни, где спит принцесса.
И, что забавно, мы также предупреждаем вас здесь, что перед вами многие искатели приключений идут за ней, но никто не возвращается, поэтому будьте осторожны.
13. homemade tower defense game
Это однопользовательская игра, в которой вы должны защищать своего игрока от снежных медведей. Вы можете перемещать своего игрока с помощью курсора. Чтобы выжить в этой игре, вы должны поддерживать свою помощь, и вы можете повысить свое здоровье с помощью башен.
14. Web Tower Defense
В этой игре вам нужно разместить оборонительную башню на площади перед врагами. Вы должны нажать на значок башни, а затем поместить его на квадрат, где вы хотите построить башню.
Вы должны размещать башни таким образом, чтобы вы могли убить как можно больше врагов.
15. towerdefense
TowerDefense — это простая игра в жанре Tower Defense, реализованная с использованием p5.JS. Вы также можете создавать и редактировать собственные карты с помощью этого редактора карт. Код игры находится в свободном доступе на Github вместе с элементами управления для этой игры.