Читать диплом по Отсутствует: "Программирование развивающих и обучающих игр для детей младшего школьного возраста" Страница 10

(Назад) (Cкачать работу)

При построении приложения использовались такие технологии как: HTML, CSS, JQuery, и непосредственно программный код на языке JS, отвечающий за логику игры.

Этапы построения:

) Верстка начальной страницы с помощью HTML.

) Применение к объектам каскадной таблицы стилей. Сюда включены: начальное позиционирование, оформление.

) Подключение кода JS к основной HTML странице, для обработки игровых событий.

) Подключение библиотеки JQuery, для улучшения визуальных изменений на странице и упрощения работы в целом.

Механика и цели игры:

) Необходимо сдвинуть все зеленые фишки в центр поля (пустоту), что бы фишка провалилась.

) Если в пустое поле попадает синяя фишка - игра заканчивается

) Фишки движутся в зависимости от нажатой кнопки указания движения.

) В случае выигрыша или проигрыша, выводиться модальное окно с сообщением результата.

Рис.5. Страница HTML Основная разметка страница строится по HTML технологии (рисунок №5).

. Здесь происходит подключение библиотек JQuery, файла CSS и внешнего файла JavaScript с алгоритмом работы игры.

. Веб страница. По факту - то, что отображается в начале.

В начале игры формируется игровое поле. Считываются позиции голубых и зеленых фишек, а так же ограничивающих блоков. На основании их координат формируется матрица игрового поля: var matrix = [[], [], [], [], []];

var elem = document.getElementsByClassName("fishkas");elemB = document.getElementsByClassName("blocks");count=0;(var i=0; i

Похожие работы