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

Автор работы: Пользователь скрыл имя, 18 Декабря 2013 в 19:01, курсовая работа

Описание работы

Крестики-нолики логическая игра между двумя противниками на квадратном поле 3 на 3 клетки или большего размера. Эта игра очень занимательная и развивающая.
Именно поэтому для написания курсовой я выбрал тему создания Игры Крестики-нолики.
При помощи средств HTML, создавались поля ввода и кнопки, а также благодаря JavaScript программа позволяет по нажатию на кнопку записать в поле «Х». Так же есть возможность выбора сложности игры.

Файлы: 1 файл

Kursovaya_yava.docx

— 343.80 Кб (Скачать файл)



Введение

 

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

 

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

 

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

 

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

 

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

 

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

 

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

  1. InternetExplorer (5 - 10)

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

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

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

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

 

 

 

 

 

 

  • Переключаем (Изменяем) получаем флаг true.
  • Закрываем вкладку
  1. MozillaFirefox (1.3-21.0)

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

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

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

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

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

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

 

 

 

  1. Opera (8.2-9.6)

  • Инструменты
  • Быстрые настройки
  • Установить флажок JavaScript
  1. Opera AC(9.2)

  • Выберете в верхнейпанелеНастройки
  • Установить флажок JavaScript
  1. GoogleСhrome(17)

  • В правом углу панели кликнуть значок сервиса ("гаечный ключ" или "шестерёнка")
  • Выбрать Параметры
  • Выбрать вкладку Настройки
  • В Настройках выбрать Дополнительные
  • Кликнуть по кнопке Настройка контента
  • Установить в чекбоксеJavaScript Разрешить всем сайтам использовать JavaScript
  • Закрыть вкладку Настройки или OK
  1. Яндекс.БраузерYandex (1.5) Chrome (22)

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

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

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

 

 

 

 

 

  • Выберите Security.
  • Установите флажок EnableJavaScript.
  1. Mozilla (1.6-1.8)

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

  • В верхней строке выберите Правка
  • Изменить Настройки
  • Выберите Privacy
  • Разрешить JavaScript
  1. Konqueror (KDE 3.1-4.0) 

  • Сервис
  • Настройки HTML
  • Установить JavaScript
  1. Galion (1.3.12)

  • В строке меню откройтеWebContent
  • Выберите Scripts and Plugins
  • Установитефлажок Enable JavaScripts
  1. Avant (10-11)

  • Сервис
  • Снять флажок "Запретить сценарии"
  1. SlimBrowser (4.0)

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

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

  • Выбрать в верхнейпанелеSecurity
  • Выберете Scripting-Enable
  • Установите Enable
  1. Green (4.2)

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

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

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

 

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

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

 

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

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

 

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

 

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

 

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

 

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

 

 

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

 

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

 

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

 

Основной  скелет программы построен на 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;

}

}

 
 
 
 
 
 
 
 
 
 
 
 
 
 

Информация о работе Разработка игры Крестики Нолики