Ïåðâàÿ ñòðàíèöà

С. А. БЕЛЯЕВ РАЗРАБОТКА ИГР НА ЯЗЫКЕ JAVASCRIPT Учебное пособие Издание второе, стереотипное •САНКТПЕТЕРБУРГ• •МОСКВА•КРАСНОДАР• 018.1я723 Б 43 Беляев С. А. Разработка игр на языке JavaScript : учебное пособие для СПО / С. А. Беляев. — 2е изд., стер. — СанктПетербург : Лань, 2022. — 152 с. : ил. — Текст : непосредственный. 5811489497 Учебное пособие рассматривает ключевые вопросы разработ ки однопользовательских двумерных игр на языке JavaScript. Пособие построено в практическом ключе, когда в отдельных гла вах осуществляется поэтапная разработка различных элементов игры. В пособии не выделена отдельная глава для изучения основ JavaScript, его элементы разбираются в процессе изложения ос новного материала с объяснением базовых особенностей. Читате лю будет легче воспринимать учебное пособие, если он уже владе ет JavaScript, но достаточно владеть любым языком программи рования. Пособие дополнено главой, посвящённой основам примене ния искусственного интеллекта при разработке игр. Учебное пособие предназначено для студентов среднего про фессионального образования, обучающихся по специальностям «Программирование в компьютерных системах» и «Информаци онные системы и программирование», а также может быть полез но широкому кругу читателей, интересующихся разработкой со временных интернетприложений. 018.1я723 Рецензенты: И. И. ХОЛОД — кандидат технических наук, доцент кафедры вычислительной техники СанктПетербургского государственно го электротехнического университета; С. А. ИВАНОВСКИЙ — кандидат технических наук, доцент, зав. кафедрой математического обеспечения и применения ЭВМ Санкт Петербургского государственного электротехнического универси тета. Обложка Ю. В. ГРИГОРЬЕВА © Издательство «Лань», 2022 © С. А. Беляев, 2022 © Издательство «Лань», © художественное оформление, 2022 ВВЕДЕНИЕ Современные технологии разработки интернетприло жений шагнули далеко вперед. Можно найти множество учебников, посвященных HTML, CSS, JavaScript и т. п. Все они подробно описывают различные элементы язы ков и могут использоваться в качестве справочников, од нако для их успешного применения необходимо иметь опыт проектирования и разработки приложений. В дан ном учебном пособии не только описываются элементы языка программирования, но и приводится множество практических примеров, позволяющих решать реальные задачи. А изучение на основании реальных задач, когда видишь результат, гораздо эффективнее, чем решение не интересных, но очень полезных учебных примеров. Прин ципы построения игры, описанные в данном учебном по собии, могут быть с минимальными изменениями распро странены на другие языки программирования. JavaScript во многих аспектах проще для начального изучения программирования, чем другие языки, но он име ет особенности, отличающие его от классических объект ноориентированных языков, таких как Java, C++, C# и т. п. Тем не менее, он вполне может быть первой сту пенькой в изучении реального программирования. Владе ние языком JavaScript дает существенные преимущества при разработке приложений для Интернета, так как боль шинство современных браузеров поддерживают JavaScript и без его использования достаточно сложно создать привле Введение кательный сайт или интернетприложение. Альтернати вами могут служить, например, Adobe Flash или Microsoft Silverlight, но для своей работы они требуют установки дополнительных надстроек браузера, без которых их ис пользование невозможно. Учебное пособие состоит из восьми глав. Каждая гла ва заканчивается вопросами для самопроверки и упраж нениями для закрепления материала. В первой главе описываются базовые элементы HTML для подключения JavaScript на вебстранице и отображе ния графики, рассматриваются основы языка, которые будут использованы в учебном пособии. Вторая глава посвящена загрузке, обработке и отобра жению игровой карты. В ней читатель познакомится с воз можностями построения как карт, умещающихся на од ном экране, так и карт, которые выходят за рамки одного экрана, без снижения эффективности обработки незави симо от размеров игрового поля. В третьей главе рассматривается эффективная загруз ка изображений для визуального представления объектов игры, при этом обрабатываются несколько рисунков, объе диненных в один. Четвертая глава описывает взаимодействие с пользо вателем, обработку событий, полученных от клавиатуры и мыши. Отдельное внимание уделено общепринятым под ходам к обработке событий в игровых приложениях. В пятой главе рассматривается реализация физики поведения объектов игры. В шестой главе приведено построение менеджера игры, который объединяет в себе управление всеми ее элементами. Седьмая глава посвящена звуку. В восьмой главе приведены элементы искусственного интеллекта, которые могут использоваться в компьютер ных играх. Главы строятся по принципу последовательной разра ботки, поэтому в каждой новой главе вводится необходи мый функционал в объекты, разработанные на предыду щих страницах. Рекомендуется последовательное изуче ние материала. В заключении приводятся возможные направления дальнейшего развития описанных решений. БАЗОВЫЕ ЭЛЕМЕНТЫ ЯЗЫКА 1.1. ПЕРВАЯ HTMLСТРАНИЦА JavaScript является скриптовым языком, который ис пользуется в рамках HTML (от англ. HyperText Markup Language), поэтому для успешной разработки на JavaScript необходимы базовые знания HTML. Простейшая HTMLстраница может быть отображена с использованием следующего кода: Ïåðâàÿ ñòðàíèöà Òåñòîâàÿ ñòðàíèöà Здесь строка показывает, что мы ис пользуем HTML пятой версии (HTML5), теги и обрамляют тело страницы, содержащей раздел с за головком (от до ) и основное тело (от до ). Теги и предназначены для указа ния заголовка, отображаемого в закладке браузера. Кон струкция, содержащая открывающий и закрывающий теги, например, «Ïåðâàÿ ñòðàíèöà» называет ся элементом. Тег в данном примере с помощью атрибута charset указывает кодировку, использованную для написания страницы (в данном примере это "UTF-8", но в случае создания файла в Windows, скорее всего, будет использована кодировка «Windows1251»). Если сохранить приведенный код HTMLстраницы в файле с расширением «.html», например, first.html, то его можно будет открыть с помощью любого браузера. Если кодировка указана не правильно, то пользователь не сможет прочитать русский текст, это означает, что следует изменить кодировку. HTML — богатый язык, который позволяет отобра жать большое количество элементов. В рамках учебного пособия будут использованы только некоторые из них, необходимые и достаточные для создания однопользова тельских двумерных интернетигр. Для браузеров, не под держивающих HTML5, можно использовать тег

, ко торый сам по себе без применения специальных настроек не отображается, но с помощью атрибута style предстает перед пользователем в самых разных видах. Данный ат рибут требует от разработчика знания языка разметки CSS (от англ. Cascading Style Sheets), который активно исполь зуется для стилизации информации на HTMLстраницах. Начиная с HTML пятой версии поддерживается гиб кий элемент canvas, позволяющий отображать графику. Простейший пример включения элемента canvas в HTML страницу: Âòîðàÿ ñòðàíèöà

В данном примере открывающий тег