
- •1 Лабораторная работа №1. Создание html5 игр
- •1.2 Методические рекомендации к самостоятельной работе студентов
- •1.3 Порядок выполнения работы
- •1.3.1Работа с медиа-элементами
- •1.3.2 Работа с графическими элементами
- •1.3.3 Пример создания html5-игры «Змейка»
- •1.4 Варианты заданий для выполнения лабораторной работы
- •1.5 Выводы
- •1.6 Контрольные вопросы и задания
1 Лабораторная работа №1. Создание html5 игр
1.1 Цель работы
Ознакомиться с особенностями разработки игровых приложений с помощью HTML 5, языка для структурирования и представления содержимого для всемирной паутины. Освоить основные составные части и функции, принципы разработки приложений с помощью технологии HTML 5, используемой в Интернет.
1.2 Методические рекомендации к самостоятельной работе студентов
HTML 5 – язык для структурирования и представления информации. Основная цель HTML 5 – улучшить язык, поддерживающий работу с новейшими мультимедийными приложениями, при этом сохраняется легкость чтения кода для человека и ясность исполнения для компьютеров и приспособлений (веб-браузеры, синтаксические анализаторы и т.д.).
HTML 5 – попытка определить единый язык разметки, который мог бы быть написан как и в HTML, так и в XHTML и был бы синтаксически корректен. Он включает в себя детальные модели обработки, чтобы поддерживать больше взаимодействующих процессов; он расширяет, улучшает и рационализирует разметку, пригодную для документов, и вводит разметку и API для сложных веб-приложений.
На данный момент для встраивания интерактивного контента, наиболее популярной технологией является Adobe Flash. Однако большинство разработчиков отказываются от неё. Так, Apple отказался от поддержки соответствующего плагина в своём браузере Safari и операционной системе iOS, Microsoft отказывается от поддержки Flash плагина в своём браузере Internet Explorer 10, в Android Market Flash плагин имеет наименьшие оценки. Большинство разработчиков заявляют, что наибольшее число feedback о ненормальном прекращении работы их продуктов связано именно с плагином Adobe Flash.
HTML5 имеет следующие преимущества по сравнению с Adobe Flash:
открытость платформы. Связанное с флеш ПО на 100% частное. Эти продукты доступны только в Adobe, и Adobe владеет монополией на их развитие, ценообразование и т.д. Их широкая распространённость не означает их открытость, т.к. они производятся и контролируются Adobe;
доступ ко всем веб-технологиям. Такие технологии как просмотр фильмов, игры, работа с пользовательским интерактивом ранее были доступны только для пользователей технологии Adobe Flash. Теперь добиться тех же результатов можно с помощью чистой веб-технологии;
более высокие надёжность, производительность и безопасность. Symantec выделил флеш, как технологию с одним из худших рангов уязвимости в 2009 году. Так же выполнение определённого кода позволяет закрыть браузер и начать выполнение процесса вне его и собрать информацию о системе и её уязвимостях;
более низкое энергопотребление. Чтобы батареи при проигрывании видео хватало надолго, гаджеты должны аппаратно декодировать видео, программный декодинг слишком энергоёмок. Многие современные устройства содержат аппаратный декодер H.264. Хотя флеш с недавнего времени поддерживает H.264, почти на всех флеш-сайтах видео требует декодера прошлого поколения, не реализованного аппаратно и декодируется программно;
поддержка управления, с помощью сенсорных экранов. Флеш был придуман для ПК с мышью, не для управления пальцами. Большинство флеш-сайтов основаны на «onMouseOver»-событии от которого срабатывают меню и другие элементы. Multi-touch интерфейс не использует мышь, поэтому нет аналога для «onMouseOver»-события. Большинство флеш-сайтов должны быть переписаны для поддерживать сенсорного интерфейса.
Під час підготовки до лабораторної роботи необхідно ознайомитися з конспектом лекцій та матеріалами, які наведено у літературних джерелах [1–5].