Графика на JavaScript

Рафаэлло Чекко

В этой книге рассказывается, как, работая с JavaScript, jQuery, DHTML и элементом Canvas (холст), появившимся в HTML5, создавать насыщенные веб-приложения для ПК и мобильных устройств. С появлением HTML5 и усовершенствованной браузерной поддержки язык JavaScript стал исключительно удобным для создания высокопроизводительной веб-графики.

Опытный веб-разработчик, прочитав данное издание, на практических примерах изучит интересные и полезные подходы к созданию аркадных игр, эффектов DHTML и т. д. Сложные темы представлены в книге в виде легких для усвоения фрагментов.

Издательство: Питер, 2013 г.

ISBN 978-5-4461-0034-7, 978-1449393632

Количество страниц: 272.

Содержание книги «Графика на JavaScript»:

10 Предисловие
- 11 Целевая аудитория и некоторые допущения
- 11 Организация книги
- 13 Условные сокращения, используемые в данной книге
- 14 Работа с примерами кода
- 14 Браузеры, на работу с которыми рассчитана книга
- 15 Благодарности
16 От издательства
17 Глава 1. Многократное использование кода и его оптимизация
- 20 Чтобы все работало быстро
- 21 Что и когда оптимизировать
- 23 Ремесло профилирования кода
- 24 Оптимизация JavaScript
  - 24 Таблицы поиска
  - 28 Побитовые операторы, целые числа и двоичные числа
- 37 Оптимизация с помощью jQuery и взаимодействие с объектной моделью документа
  - 38 Оптимизация изменений таблиц стилей CSS
  - 40 Оптимизация вставок в DOM-дерево
- 41 Дополнительные источники
42 Глава 2. Принципы работы с DHTML
- 42 Создание DHTML-спрайтов
  - 43 Анимация при работе с изображениями
  - 45 Инкапсуляция и абстракция рисования (скрывание содержимого)
  - 45 Сведение к минимуму вставок и удалений в DOM-дереве
  - 45 Код спрайта
  - 47 Простое приложение со спрайтом
  - 49 Более динамическое приложение со спрайтами
- 53 Преобразование в плагин jQuery
- 57 Таймеры, скорость и кадровая частота
  - 57 Работа с setInterval и setTimeout
  - 59 Точность таймера
  - 60 Достижение устойчивой скорости
- 64 Кэширование фоновых изображений в Internet Explorer 6
66 Глава 3. Прокрутка
- 66 Эффекты прокрутки только с применением CSS
- 70 Прокрутка с применением JavaScript
  - 70 Фоновая прокрутка изображений
  - 73 Плиточная прокрутка изображений
91 Глава 4. Продвинутый пользовательский интерфейс
- 91 Формы HTML5
- 93 Использование библиотек JavaScript для работы с пользовательским интерфейсом
  - 94 Применение библиотеки jQuery UI для создания улучшенных веб-интерфейсов
  - 97 Применение библиотеки Ext JS для программирования пользовательских интерфейсов, рассчитанных на интенсивные нагрузки
- 101 Создание элементов пользовательского интерфейса с нуля (создание трехмерной карусели)
  - 102 Описание карусели
  - 104 Загрузка изображений карусели
  - 106 Объекты элементов, образующих карусель
  - 108 Объект-карусель
  - 110 Роль плагина jQuery
  - 111 Макет страницы с каруселью
114 Глава 5. Введение в программирование игр на JavaScript
- 115 Обзор игровых объектов
- 117 Игровой код
  - 117 Переменные, действующие во всей игре
  - 118 Считывание клавиш
  - 120 Перемещаем все подряд
  - 121 Простой аниматор
  - 122 Обнаружение соударений
  - 128 Монстры
  - 134 Игрок
  - 137 Щиты
  - 138 Летающая тарелка
  - 139 Игра
  - 143 Все вместе
147 Глава 6. Холст HTML5
- 148 Поддержка Canvas
- 148 Растровая графика, векторная графика или и то и другое?
- 149 Ограничения, связанные с холстом
- 150 Сравнение холста и масштабируемой векторной графики (SVG)
- 150 Сравнение холста и Adobe Flash
- 151 Инструменты для экспорта холста
- 153 Основы рисования на холсте
  - 153 Элемент Canvas
  - 154 Рисовальный контекст
  - 155 Отрисовка прямоугольников
  - 155 Отрисовка путей с применением линий и кривых
  - 162 Отрисовка растровых изображений
  - 164 Цвета, обводки и заливка
- 169 Анимация при работе с холстом
- 172 Холст и рекурсивное рисование
- 174 Макет страницы с деревом, нарисованным на холсте
- 175 Замена спрайтов DHTML на спрайты холста
  - 175 Новый объект CanvasSprite
  - 176 Другие изменения в коде
- 177 Графическое приложение для чата с применением холста и WebSockets
  - 177 Преимущества WebSockets
  - 179 Поддержка WebSockets и безопасность
  - 179 Приложение для обмена мгновенными сообщениями
192 Глава 7. Использование векторов в играх и компьютерных моделях
- 195 Операции с векторами
  - 195 Сложение и вычитание
  - 196 Масштабирование
  - 196 Нормализация
  - 196 Вращение
  - 197 Скалярное произведение
- 197 Создание векторного объекта JavaScript
- 199 Моделирование пушечной стрельбы с применением векторов
  - 200 Переменные, общие для всего процесса моделирования
  - 201 Ядро
  - 202 Пушка
  - 203 Фон
  - 204 Основной цикл
  - 204 Макет страницы
- 206 Моделирование ракеты
  - 207 Объект игры
  - 208 Объект-преграда
  - 209 Объект-ракета
  - 212 Фон
  - 212 Обнаружение соударений и реагирование на них
  - 215 Код страницы
  - 217 Возможные улучшения и модификации
218 Глава 8. Визуализации с применением Google
- 220 Ограничения
- 221 Словарь терминов
- 222 Графические диаграммы
  - 224 Форматы данных и разрешение диаграмм
  - 228 Использование динамических данных
  - 232 Резюме
- 233 Интерактивные диаграммы
  - 237 События в интерактивных диаграммах
  - 238 Получение информации о событиях
242 Глава 9. Работа с небольшим экраном: использование jQuery Mobile
- 243 jQuery Mobile
- 245 TilePic: веб-приложение для мобильных устройств
  - 245 Описание игры TilePic
  - 247 Код игры TilePic
- 257 PhoneGap
259 Глава 10. Создание приложений для Android с применением PhoneGap
- 260 Установка PhoneGap
  - 260 Установка Java JDK
  - 261 Установка Android SDK
  - 262 Установка Eclipse
  - 263 Установка инструментов для разработки в Android
  - 264 Установка PhoneGap
- 264 Создание проекта PhoneGap в Eclipse
  - 265 Изменение файла App.java
  - 266 Изменение файла AndroidManifestxml
  - 268 Создание и тестирование простого веб-приложения
  - 269 Тестирование приложения TilePic