(на английском).
• Статья «HTML5 Rocks: Getting Started with Web Audio API»:
http://w w w.html5rocks.com/en/tutorials/webaudio/intro/
(на английском).
Программирование игр
Если вы хотите продолжить заниматься программированием JavaScript-
игр, вам стоит попробовать какой-нибудь игровой движок. Игровой дви-
жок — это библиотека кода, который обеспечивает низкоуровневые
детали реализации игры (такие как ввод с клавиатуры и мышки), позво-
ляя вам сосредоточиться на том, что делает вашу игру особенной, то есть
на дизайне. Вот ресурсы, где вы можете больше узнать о программирова-
нии игр и игровых движках:
• Игровой движок Crafty: http://craftyjs.com/ (на английском).
Послесловие: куда двигаться дальше 279
• Pixi Renderer: https://github.com/GoodBoyDigital/pixi.js (на анг-
лийском).
• Игровые движки для HTML5: http://html5gameengine.com/
(на английском).
• Курс по разработке HTML5-игр от Udacity: https://www.udacity.
com/course/cs255 (на английском).
• Книга: 3D Game Programming for Kids, Chris Strom (Pragmatic
Programmers, 2013) (на английском).
Обмен кодом с помощью JSFiddle
Что если вам захочется поделиться своим замечательным JavaScript-
кодом со всем миром? Есть немало способов это сделать. Один из самых
простых — воспользоваться JSFiddle ( http://jsfi ddle.net/). Просто введите
ваш код в поле для JavaScript, добавьте любой необходимый HTML-код
в поле для HTML и нажмите Run для запуска своей программы. Чтобы
поделиться кодом с другими, нажмите Save, и вы получите URL (веб-
адрес), который сможете передать друзьям.
ГЛ О СС А Р И Й
В мире программирования немало специальных терминов и обозначе-
ний. Чтобы привыкнуть к ним, может понадобиться некоторое время.
Здесь вы найдете определения терминов, использованных в книге. Если,
читая книгу, вы встретите термин, значение которого вам не вполне
ясно, загляните сюда за его кратким определением.
Аргумент — значение, которое передается в функцию.
Атрибут — пара «ключ-значение» в составе HTML-элемента. Атрибуты
можно использовать для управления различными свойствами элемента,
например адресом, на который он ссылается, или размерами элемента.
Бесконечный цикл — цикл, который никогда не прекращается сам
по себе (что нередко приводит к сбою интерпретатора). Может быть
следствием неверно заданных условий цикла.
Библиотека — содержащий функции и методы пакет JavaScript-кода,
который можно подгрузить к веб-странице и использовать в своей про-
грамме. В этой книге мы пользуемся библиотекой jQuery, предоставляю-
щей функции и методы для удобной работы с DOM.
Булево значение — значение, которое может быть либо истинным
(true), либо ложным (false).
Верблюжья запись —общепринятый способ наименования пере-
менных, когда отдельные слова, из которых состоит имя переменной
281
(кроме самого первого слова), пишутся с заглавной буквы; например:
myCamelCaseVariable.
Возврат —выход из функции и возвращение в точку программы, откуда
она была вызвана. Возврат происходит при достижении конца тела
функции либо при выполнении оператора return (с помощью которого
можно выйти из функции досрочно). При этом функция возвращает
назад значение (если конкретное возвращаемое значение в функции
не указано, будет возвращено пустое значение undefi ned).
Вызов —выполнение функции. Чтобы вызвать функцию в JavaScript,
нужно ввести ее имя, а затем пару круглых скобок (внутри которых ука-
зываются аргументы, если они есть).
Выполнение —запуск некоторого кода, например программы или функции.
Данные —хранимая в компьютерных программах информация, с кото-
рой выполняются некие действия.
Декремент —уменьшение значения переменной (обычно на 1).
Диалог —небольшое всплывающее окошко. Из JavaScript-кода можно
открывать в браузере различные диалоги, такие как alert (отобра-
жение текстового сообщения) или prompt (запрос и получение ввода
от пользователя).
Индекс —число, соответствующее позиции значения в массиве. С помо-
щью индекса можно получить доступ к определенному значению.
Инкремент —увеличение значения переменной (обычно на 1).
Интерпретатор —компьютерная программа, считывающая и исполня-
ющая код. В составе веб-браузеров есть интерпретатор JavaScript, кото-
рый используется в этой книге для запуска программ.
Ключевое слово —слово, которое имеет специальное значение
в JavaScript (например, for, return или function). Ключевые слова
нельзя использовать в качестве имен переменных.
Комментарий —фрагмент текста программы, который игнорируется
интерпретатором JavaScript. Комментарии нужны лишь для того, чтобы
пояснять работу программы тем, кто читает ее код.
Конструктор —разновидность функции, используемой для создания
объектов с одинаковыми встроенными свойствами.
282 Глоссарий
Массив —список значений в JavaScript. Каждому значению соответ-
ствует индекс, то есть порядковый номер этого значения в массиве.
Индекс первого элемента равен 0, второго — 1 и т. д.
Метод —функция, являющаяся свойством объекта.
Обработчик события —функция, которая вызывается, когда опре-
деленное событие происходит с определенным HTML-элементом.
Например, в игре «Найди клад!» из главы 11 мы создаем функцию —
обработчик событий для кликов мышкой по изображению карты.
Объект —набор пар «ключ-значение». Каждый ключ — это строка, кото-
рую можно связать с любым JavaScript-значением. Зная ключ, можно
получить из объекта связанное с ним значение.
Объектно-ориентированное программирование —стиль программи-
рования, подразумевающий использование объектов и методов для струк-
турирования кода и реализации основных возможностей программы.
Пара «ключ-значение» —пара, состоящая из строки (называемой ключом) и связанного с ней значения (любого типа). Пары «ключ-значение» содер-
жатся в JavaScript-объектах и позволяют задавать их свойства и методы.
Переменная —способ связывания имени со значением. После того как
переменной присвоено значение, к нему можно обращаться через имя
переменной.
Пробельный символ —неотображаемый на экране символ, например
пробел, перенос строки, табуляция.
Свойство —имя пары «ключ-значение», принадлежащей объекту.
Синтаксис —правила объединения ключевых слов, знаков пунктуации
и других символов в работающую JavaScript-программу.
Событие —действие в браузере, например клик мышкой или нажатие
клавиши. События можно как отслеживать, так и реагировать на них —
при помощи обработчиков событий.
Строка —последовательность символов, окруженная кавычками; пред-
ставление текста в компьютерных программах.
Строка селектора —строка, обозначающая один или несколько HTML-
элементов, которую можно передать jQuery-функции для поиска этих
элементов.
Глоссарий 283
Тег —сетка, используемая для создания HTML-элементов. Все эле-
менты начинаются с открывающего тега, и большинство из них закан-
чиваются закрывающим тегом. Теги определяют тип создаваемого
элемента. Кроме того, в открывающем теге можно задать атрибуты
элемента.
Текстовый редактор —компьютерная программа для написания
и редактирования простого текста без специального форматирования
(например, выбора различных шрифтов и цветов). Для создания про-
грамм (которые пишутся простым текстом) желателен хороший тексто-
вый редактор.
Управляющая конструкция —способ контроля за тем, когда
и сколько раз выполняется фрагмент кода. Например, условные кон-
струкции (по заданному условию определяющие, когда выполнять
код) и циклы (выполняющие фрагмент кода повторно определенное
количество раз).
Условная конструкция —конструкция языка, которая выполняет
код в зависимости от проверки условия. Если условие истинно (true),
выполняется один фрагмент кода, а если условие ложно (false) — либо
другой фрагмент, либо не делается ничего. Примеры условных конструк-
ций: операторы if и if... else.
Функция —состоящий из одной или более команд фрагмент кода, кото-
рый можно вызывать (выполнять). С помощью функции можно повто-
рять один и тот же набор действий в разных частях программы. Функция
может принимать аргументы и возвращать обратно значение.
Цикл —способ многократного выполнения фрагмента кода.
Элемент —часть HTML-документа; например, заголовок, параграф
или тело (body). Элемент обозначается открывающим и закрывающим
тегами (которые определяют тип элемента) и включает в себя все, что
находится между этими тегами. Дерево DOM состоит из элементов.
Язык программирования —язык, с помощью которого программист
может объяснить компьютеру, как нужно выполнить некую задачу.
JavaScript — один из множества языков программирования.
DOM (объектная модель документа) —способ, которым веб-браузеры
упорядочивают HTML-элементы на веб-странице. Элементы организо-
ваны в виде древовидной структуры, которую называют деревом DOM.
В JavaScript и jQuery есть методы для работы с DOM, то есть поиска, соз-
дания и изменения элементов.
284 Глоссарий
jQuery —JavaScript-библиотека, предоставляющая множество методов