HTML5 Canvas для игр и развлечений

• April 18, 2024

Анимация и игры идут рука об руку. Из многих способов создания анимации холст HTML5 является одним из недорогих вариантов, так как нет дорогостоящего программного обеспечения. Основа HTML5 Canvas: для игр и развлечений от Роба Хокса - хорошая книга для начинающих для тех, кто интересуется изучением создания HTML5-игр Canvas.

Хоукс начинает знакомство с HTML5 с деконструкции базовой страницы HTML5. Он рассказывает, как CSS3, JavaScript и библиотека JQuery работают вместе с HTML5. Поскольку JavaScript является важной частью создания игры с использованием HTML5, автор тратит много времени на изучение основ JavaScript, включая переменные, типы данных, функции, условия и многое другое. После этого Хоукс переходит к основам холста HTML5, постепенно переходя от рисования форм и стирания холста к управлению браузером.

Вещи начинают становиться интересными, поскольку Хоукс вводит масштабирование, вращение и другие преобразования. Затем он переходит к добавлению реализма с тенями и градиентами и экспортирует холст как изображение. Как только вы научитесь загружать и создавать изображение с нуля, он переходит к пиксельным манипуляциям для преобразования изображения и применения эффектов.

Движение и движение вещей приближают вас к созданию первой игры. Хоукс охватывает основы, такие как запоминание состояний и движение по кругу. Вы не можете иметь игру без границ и обнаружения столкновений, и автор обсуждает основы физики, такие как скорость, ускорение и трение, используемые для создания реалистичного движения.

Теперь вы готовы создать свою первую игру - Космический боулинг. Вы узнаете, как управлять стационарными и нестационарными объектами, а также как создать пользовательский интерфейс для вашей игры. Вы также узнаете об обнаружении ввода мышью и кодировании сценария выигрыш / проигрыш игрока. Asteroid Avoidance Game - ваша следующая игра, в которой Хоукс учит, как обнаруживать ввод с клавиатуры и управлять звуком в игре.

Хокс заканчивает книгу кратким обсуждением различий между HTML5 canvas и такими альтернативами, как Flash^р, Он также указывает на ограничения холста, такие как производительность процессора и будущее холста, которое включает в себя 3D и различные библиотеки.

Роб Хокс изучал производство интерактивных медиа в Университете Борнмута и является визуальным программистом, специализирующимся на HTML5 и других новых функциях Интернета. Вы можете скачать исходный код с сайта издателя.

Предварительный просмотр в Google Книгах

Посетите веб-сайт издателя

Посетить сайт автора

* Apress Media предоставил мне обзорную копию бесплатно.

Видео инструкция: Честный Разговор о Результатах Мая. Заработок на Играх и YouTube (April 2024).