ABOUT PIXEL ARENA

Маленький сайт,
большая игра.

Pixel Arena — готовый пример игрового веб-сайта на HTML, CSS и JavaScript.

01

Технологии

Проект не требует React, Vue, серверной части или сборщика. Достаточно открыть index.html в браузере.

  • Семантический HTML5
  • Современный CSS
  • Vanilla JavaScript
  • Canvas API
  • LocalStorage
02

Три механики

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

  • Аркадная игра Snake
  • Карточная игра Memory
  • Пошаговая игра против AI
  • Счёт и рекорды
  • Перезапуск без перезагрузки
03

Адаптивность

Интерфейс перестраивается под узкие экраны. Игровые панели рассчитаны на мышь, клавиатуру и сенсорное управление.

  • Mobile-first сетка
  • Крупные кнопки
  • Поддержка клавиатуры
  • Светлая и тёмная тема
  • Без сторонних CDN
“
Хорошая игра объясняет правила за секунду и оставляет желание сыграть ещё раз.

— принцип Pixel Arena

СТРУКТУРА

Что находится внутри

index.htmlГлавная страница и витрина игр
games.htmlТри интерактивные игры
about.htmlОписание проекта
style.cssПолный адаптивный дизайн
script.jsИгровая логика и интерфейс