Разработка игры Крестики Нолики

метки: Разработка, Крестик, Выбрать, Установить, Onfocus, Output, Инструмент, Откроить

Крестики-нолики логическая игра между двумя противниками на квадратном поле 3 на 3 клетки или большего размера. Эта игра очень занимательная и развивающая.

Именно поэтому для написания курсовой я выбрал тему создания Игры Крестики-нолики.

При помощи средств HTML, создавались поля ввода и кнопки, а также благодаря JavaScript программа позволяет по нажатию на кнопку записать в поле «Х». Так же есть возможность выбора сложности игры.

Ниже приводится рисунок, где показан общий вид программы.

Рисунок 1 – Общий вид программы

1. Основные системные требования

Как и в каждой программе, для работы данного приложения необходимы минимальные системные требования. Так как JavaScript корректно работает не во всех браузерах, то в первую очередь следует обратить внимание, поддерживает конкретный браузер работу с языком JavaScript.

Для упрощения этой задачи далее приведен список всех браузеров, которые обеспечивают корректную работу данного приложения, а также как включить поддержку JavaScript в данных браузерах:

1. InternetExplorer (5 — 10)

• В верхней строке меню выберите Сервис.
• ВыберитеСвойства обозревателя.
• Выберите вкладку Безопасность.
• Нажмите кнопку Другой.
• Прокрутите вниз до раздела Сценарии.
• Для параметра Активные сценарии установите Включить(Разрешить), нажмите ОК и Применить

2. AndroidWebKit (1.0)

• В меню выбрать Дополнительно
• Выберите Настройки
• Установите флажок Использовать JavaScript

3. NetscapeNavigator (8.0)

• В верхней строке меню выберите Tools
• Выберите SiteControls
• Установите флажок EnableJavaScript и выберите OK.

4. MozillaFirefox (23)

• В адресной строке записываем about:config
• Читаем предупреждение и нажимаем кнопку ДА
• Прокручиваем список до строки javascript:enabled
• Кликаем по строке, правой кнопкой мыши вызываем контектсное меню.
• Если установлен флаг false, выбираем в контекстном меню строку, Переключить (Изменить)

• Переключаем (Изменяем) получаем флаг true.

• Закрываем вкладку

5. MozillaFirefox (1.3-21.0)

• В верхней строке меню выберите Инструменты
• Выберите Настройки.
• На верхней панели выберите Содержимое.
• Установите флажок Установить JavaScript и OK.

6. K-Meleon (1.1.3)

• В верхнейпанеле выбрать Инструменты
• Открыть пункт Приватность
• Удалить флажок с Блокировать JavaScript

7. IceWeasel (2.0)

• В верхнейпанеле меню выберите Правка
• Выберите Настройки.
• На верхнейпанеле выберите Содержимое.
• Установите флажок Установить JavaScript и OK.

8. Flock (1.0)

• В основнойпанеле выберете Tools (инструменты)
• Открыть Tools, нижняя строка Options (настройки)
• В OptionsоткройтеContent (содержание)
• Установите флажок EnableJavaScript и выберите OK.

9. Opera (15)

• В верхнем левом углу делаем клик по логотипу «Оpera»
• Выбираем вкладку Настройки
• Выбираем Веб-сайты
• Устанавливаем радиокнопку Разрешить выполнение JavaScript (рекомендовано)
• Закрываем вкладку Настройки

10. Opera (11-12)

• На панеле выберите Меню
• Настройки
• Быстрые настройки
• Установите флажок использовать JavaScript

11. Opera (8.2-9.6)

• Инструменты
• Быстрые настройки
• Установить флажок JavaScript

12. Opera AC(9.2)

• Выберете в верхнейпанелеНастройки
• Установить флажок JavaScript

13. GoogleСhrome(17)

• В правом углу панели кликнуть значок сервиса («гаечный ключ» или «шестерёнка»)
• Выбрать Параметры
• Выбрать вкладку Настройки
• В Настройках выбрать Дополнительные
• Кликнуть по кнопке Настройка контента
• Установить в чекбоксеJavaScript Разрешить всем сайтам использовать JavaScript
• Закрыть вкладку Настройки или OK

14. Яндекс.БраузерYandex (1.5) Chrome (22)

• В правом углу панели кликнуть значок сервиса («шестерёнка»)
• Выбрать Настройки
• В нижней части вкладки клик по строке Показать дополнительные настройки
• Клик по кнопке Настройка содержимого…
• Во всплывшем окне установите радиокнопку Разрешить JavaScript для всех сайтов
• Нажимаем OK
• Закрываем вкладку Настройки

15. AppleSafari (3.1) forWindows

• В верхней строке меню выберите Правка
• Выберите Настройки
• Выберите Безопасность
• Установите флажок Подключить JavaScript.

16. AppleSafari (1.0)

• В верхней строке меню выберите Safari.
• Выберите Preferences.

• Выберите Security.
• Установите флажок EnableJavaScript.

17. Mozilla (1.6-1.8)

• Выберите Правка.
• ВыбиритеНастройки.
• Откройте Дополнительно.
• Сценарии и модули.
• В Навигаторе установить JavaScript.

18. Epiphany (1.0.7)

• В верхней строке выберите Правка
• Изменить Настройки
• Выберите Privacy
• Разрешить JavaScript

19. Konqueror (KDE 3.1-4.0)

• Сервис
• Настройки HTML
• Установить JavaScript

20. Galion (1.3.12)

• В строке меню откройтеWebContent
• Выберите Scripts and Plugins
• Установитефлажок Enable JavaScripts

21. Avant (10-11)

• Сервис
• Снять флажок «Запретить сценарии»

22. SlimBrowser (4.0)

• Выберите в панеле Инструменты.
• Выберите Управление Закачками.
• Установите чекбокс Выполнить Скрипты.

23. SeaMonkey (1.0.3)

• Выберите Правка.
• ВыбиритеНастройки.
• Откройте Дополнительно.
• Сценарии и модули.
• В Навигаторе установить JavaScript.

24. NetCaptor (6.5)

• Выбрать в верхнейпанелеSecurity
• Выберете Scripting-Enable
• Установите Enable

25. Green (4.2)

• Выберите Параметры
• Настройка параметров
• Установите JavaScript.

26. Maxthon (1.6)

• В верхнейпанелеOptions
• ОткройтеDownloadControl
• Установитефлажок Allow Scripts

27. Dolphin (10.0.1)

• В Меню выбираем настройки
• Откройте страницу Веб-содержимое
• Установите Разрешить JavaScript

JavaScript не поддерживается: текстовыми браузерами типа Lynx, w3m, Links; старыми версиями десктопных браузеров Netscape Navigator-1, Internet Explorer-2; браузерами в большинстве моделей мобильных телефонов (смартфонов, коммуникаторов) OperaMini, NetFront, Bold, Minimo, Doris, а так же, некоторыми типами графических браузеров — Amaya, Ditto. Частично JavaScript поддерживается текстовым браузером eLinks (на уровне простых скриптов).

ВКР; г) консультирование студента по вопросам выполнения ВКР ...

... специалистам-совместителям, ведущим дипломное и курсовое проектирование. 1. ОБЩИЕ ПОЛОЖЕНИЯ Выпускные квалификационные работы (далее – ВКР) выполняются ... консультирование студента по вопросам выполнения ВКР согласно установленному на семестр графику консультаций; д) анализ содержания ... и руководителя на имя заведующего кафедрой. Перечень выбранных студентами тем ВКР подлежит согласованию с заведующим ...

В некоторых браузерах наоборот отсутствует возможность отключения исполнения JavaScript, через пользовательский̆ интерфейс, например GoogleChrome до 10 версии.

Опция JavaScript включена во всех современных веб-браузерах: InternetExplorer, Opera, FireFox, Safari, Chrome по умолчанию, т.е. при установке браузера в операционную систему.

Отключение JavaScript происходит по следующим причинам: при эксплуатации браузера несколькими пользователями, при обновлениях программного обеспечения, при блокировании защитными программами: антивирусами, антитроянами, антиреклама.

Следует обратить внимание на то, что блокирование JavаScript, может быть вызвано использованием брэндмауэров (файрволлов, сетевых экранов), антивирусных программам, прокси (proxy) серверов, анонимайзеров. В этих случаях изменение политики опции JavaScript необходимо выполнить в указанных программах.

2. Использование. Основные функции и возможности

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

Использование программы очень просто. Нужно лишь загрузить HTML страничку и после можно приступать к игре.

Дальше представлены скриншоты работы программы, где показаны различные виды работы.

Рисунок 2 – Вид программы в работе.

Рисунок 3 – Результат

3. Процесс разработки приложения

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

Далее приведен выборочный код этой, в качестве примера используемых средств:

<form> <P align=»center»> <input align=»center» name=a0 onfocus=complain(this) size=2> <input name=b0 onclick=clickit(this) type=button value=»<«> <input name=a1 onfocus=complain(this) size=2> <input name=b1 onclick=clickit(this) type=button value=»<«> <input name=a2 onfocus=complain(this) size=2> <input name=b2 onclick=clickit(this) type=button value=»<«> <br><input name=a3 onfocus=complain(this) size=2> <input name=b3 onclick=clickit(this) type=button value=»<«> <input name=a4 onfocus=complain(this) size=2> <input name=b4 onclick=clickit(this) type=button value=»<«> <input name=a5 onfocus=complain(this) size=2> <input name=b5 onclick=clickit(this) type=button value=»<«> <br><input name=a6 onfocus=complain(this) size=2> <input name=b6 onclick=clickit(this) type=button value=»<«> <input name=a7 onfocus=complain(this) size=2> <input name=b7 onclick=clickit(this) type=button 14:19:59 value=»<«> <input name=a8 onfocus=сомplain(this) size=2> <input name=b8 onclick=clickit(this) type=button value=»<«> <br><br><br> Результат: <input name=output><br><br> Сложность игры : <SELECT name=difficulty onchange=diff=form.difficulty[ form.difficulty.selectedIndex].value; size=1> <option value=1>Очень лёгкая</option> <option value=2>Просто</option> <option selected value=3>Нормально</option> <option value=4>Сложно (Компьютер долго думает)</option></SELECT><br>< br> <input onclick=»if (!step++) this.form.a4.value=’O’;» type=button value=»Компьютер ходит первым»><br> <input onclick=clear_all(this.form) type=reset value=»Ещё раз»> </P></form> function clickit(field) { if (step == -1) {alert(«Не правильный ход»); return;} position=field.name.substring( 1,2,1); position = ‘a’+position; if (field.form[position].value !=»») { alert(«Не можете пойти туда»); return;} field.form[position].value=»X» ; if (eval_pos(field.form)) { field.form.output.value=»Вы победили!»; step = -1; return; } position=get_move(field.form); field.form.output.value=’I moved to ‘ + position.substring(1,2,1); if (position==»») { field.form.output.value=» Ничья.»; step = -1; return; } field.form[position].value=»O» ; if (eval_pos(field.form)) { field.form.output.value=»Вы проиграли!»; step = -1; } }