20.11.2019

HTML 5 Разработка игр — Урок 7

Spread the love
  •  
  •  
  •  
  •  
  •  

Оригинал статьи

Сегодня мы создадим первую полноценную игру — арканоид. В этом уроке я покажу вам, как определять базовые столкновения и работу с локальным хранилищем HTML5 (local storage). Вы сможете управлять площадкой с помощью мыши и клавиатуры(вправо/влево).

Шаг 1. HTML

Ниже представлен исходный код примера.

index.html

Шаг 2.CSS

Ниже CSS стили использованные в примере.

CSS / main.css

Шаг 3. JS

js/jquery-1.5.2.min.js

Мы используем Jquery в нашем уроке. Наличие в архиве . Следующий файл очень важный (тут все наши функции html5)

JS / script.js

Я добавлял свои комментарии там где необходимо, надеюсь остальной код вам понятен. Пожалуйста обратите внимание на обьект localStorage для того чтобы понять как работать с HTML5 local storage(локальным хранилищем) (я использую метод SetItem для сохранения и GetItem для чтения). Кроме того, может быть интересно понять, как расчитать столкновение между шаром и кирпичом.

0

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *