20.11.2019

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

Spread the love
  •  
  •  
  •  
  •  
  •  

Наконец-то я решил написать следующую статью и создании игр. Мы продолжаем серию статьей о создании игры в HTML5 с использованием canvas. Сегодня я приготовил музыкальный пример (это будет что то типа программы — синтезатора) с альтернативным DOM на основе диалога в CSS3. Почему я добавил раздельные диалоги — CSS имеет больше возможности играть и стилями текста и стандартных элементов, при его помощи можно написать меньше JS кода, и в результате увиеличтся скорость примера. Таким образом, можно применить стили для диалоговых окон с полной поддержкой CSS (как пример я — настроил полосу прокрутки в CSS3 ).

Шаг 1. HTML

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

index.html

Шаг 2.CSS

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

CSS / main.css

В конце таблицы стилей вы можете увидеть как я насторил стиль прокрутки(текста) при помощи CSS3. Пока это работает только для браузера Chrome.

Шаг 3. JS

js/jquery-1.5.2.min.js

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

JS / script.js

Я добавлял свои комментарии там где необходимо, надеюсь остальной код вам понятен.

0

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

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