Простая онлайн игра в крестики и нолики для вебмастера



Простая игра в крестики и нолики

По этой ссылке Вы можете посмотреть эту игру и поиграть в неё: http://enigma.nanoquant.ru/demo-script/game/nought-cross/demo-nought-cross1.html.

Если Вы хотите установить эту игру себе на свой сайт, то здесь находится инструкция по установке, ссылка для скачивания картинок и коды, которые нужно скопировать на свой сайт.


Этот код нужно вставить вставьте между тегами head на той Вашей веб-странице, где где будет игра. Выделенное синим можете поменять на другой текст. Кроме того, если кодировка Вашей веб-страницы отличаетс от кодировки windows-1251, то не забудьте перекодировать этот текст.


<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var x = "x.jpg";
// Location of where you uploaded your site's x.jpg image

var o = "o.jpg";
// Location of where you uploaded your site's o.jpg image

var blank = "blank.jpg";
// Location of where you uploaded your site's blank.jpg image

var pause = 0;
var all = 0;
var a = 0;
var b = 0;
var c = 0;
var d = 0;
var e = 0;
var f = 0;
var g = 0;
var h = 0;
var i = 0;
var temp="";
var ok = 0;
var cf = 0;
var choice=9;
var aRandomNumber = 0;
var comp = 0;
var t = 0;
var wn = 0;
var ls = 0;
var ts = 0;
function help() {
alert("Добро пожаловать в КРЕСТИКИ-НОЛИКИ! Вы играете Х-ами, а компьютер 0-ями. Для того, чтобы занять квадрат, просто кликните по нему. Вы можете занимать только незанятый квадрат! Первый игрок, который займет три квадрата, пересекаемых одной линией, как по горизонтали и вертикали, так и наискосок, считается победителем. Удачи!!!")
}
function logicOne() {
if ((a==1)&&(b==1)&&(c==1)) all=1;
if ((a==1)&&(d==1)&&(g==1)) all=1;
if ((a==1)&&(e==1)&&(i==1)) all=1;
if ((b==1)&&(e==1)&&(h==1)) all=1;
if ((d==1)&&(e==1)&&(f==1)) all=1;
if ((g==1)&&(h==1)&&(i==1)) all=1;
if ((c==1)&&(f==1)&&(i==1)) all=1;
if ((g==1)&&(e==1)&&(c==1)) all=1;
if ((a==2)&&(b==2)&&(c==2)) all=2;
if ((a==2)&&(d==2)&&(g==2)) all=2;
if ((a==2)&&(e==2)&&(i==2)) all=2;
if ((b==2)&&(e==2)&&(h==2)) all=2;
if ((d==2)&&(e==2)&&(f==2)) all=2;
if ((g==2)&&(h==2)&&(i==2)) all=2;
if ((c==2)&&(f==2)&&(i==2)) all=2;
if ((g==2)&&(e==2)&&(c==2)) all=2;
if ((a != 0)&&(b != 0)&&(c != 0)&&(d != 0)&&(e != 0)&&(f != 0)&&(g != 0)&&(h != 0)&&(i != 0)&&(all == 0)) all = 3;
}
function logicTwo() {
if ((a==2)&&(b==2)&&(c== 0)&&(temp=="")) temp="C";
if ((a==2)&&(b== 0)&&(c==2)&&(temp=="")) temp="B";
if ((a== 0)&&(b==2)&&(c==2)&&(temp=="")) temp="A";
if ((a==2)&&(d==2)&&(g== 0)&&(temp=="")) temp="G";
if ((a==2)&&(d== 0)&&(g==2)&&(temp=="")) temp="D";
if ((a== 0)&&(d==2)&&(g==2)&&(temp=="")) temp="A";
if ((a==2)&&(e==2)&&(i== 0)&&(temp=="")) temp="I";
if ((a==2)&&(e== 0)&&(i==2)&&(temp=="")) temp="E";
if ((a== 0)&&(e==2)&&(i==2)&&(temp=="")) temp="A";
if ((b==2)&&(e==2)&&(h== 0)&&(temp=="")) temp="H";
if ((b==2)&&(e== 0)&&(h==2)&&(temp=="")) temp="E";
if ((b== 0)&&(e==2)&&(h==2)&&(temp=="")) temp="B";
if ((d==2)&&(e==2)&&(f== 0)&&(temp=="")) temp="F";
if ((d==2)&&(e== 0)&&(f==2)&&(temp=="")) temp="E";
if ((d== 0)&&(e==2)&&(f==2)&&(temp=="")) temp="D";
if ((g==2)&&(h==2)&&(i== 0)&&(temp=="")) temp="I";
if ((g==2)&&(h== 0)&&(i==2)&&(temp=="")) temp="H";
if ((g== 0)&&(h==2)&&(i==2)&&(temp=="")) temp="G";
if ((c==2)&&(f==2)&&(i== 0)&&(temp=="")) temp="I";
if ((c==2)&&(f== 0)&&(i==2)&&(temp=="")) temp="F";
if ((c== 0)&&(f==2)&&(i==2)&&(temp=="")) temp="C";
if ((g==2)&&(e==2)&&(c== 0)&&(temp=="")) temp="C";
if ((g==2)&&(e== 0)&&(c==2)&&(temp=="")) temp="E";
if ((g== 0)&&(e==2)&&(c==2)&&(temp=="")) temp="G";
}
function logicThree() {
if ((a==1)&&(b==1)&&(c==0)&&(temp=="")) temp="C";
if ((a==1)&&(b==0)&&(c==1)&&(temp=="")) temp="B";
if ((a==0)&&(b==1)&&(c==1)&&(temp=="")) temp="A";
if ((a==1)&&(d==1)&&(g==0)&&(temp=="")) temp="G";
if ((a==1)&&(d==0)&&(g==1)&&(temp=="")) temp="D";
if ((a==0)&&(d==1)&&(g==1)&&(temp=="")) temp="A";
if ((a==1)&&(e==1)&&(i==0)&&(temp=="")) temp="I";
if ((a==1)&&(e==0)&&(i==1)&&(temp=="")) temp="E";
if ((a==0)&&(e==1)&&(i==1)&&(temp=="")) temp="A";
if ((b==1)&&(e==1)&&(h==0)&&(temp=="")) temp="H";
if ((b==1)&&(e==0)&&(h==1)&&(temp=="")) temp="E";
if ((b==0)&&(e==1)&&(h==1)&&(temp=="")) temp="B";
if ((d==1)&&(e==1)&&(f==0)&&(temp=="")) temp="F";
if ((d==1)&&(e==0)&&(f==1)&&(temp=="")) temp="E";
if ((d==0)&&(e==1)&&(f==1)&&(temp=="")) temp="D";
if ((g==1)&&(h==1)&&(i==0)&&(temp=="")) temp="I";
if ((g==1)&&(h==0)&&(i==1)&&(temp=="")) temp="H";
if ((g==0)&&(h==1)&&(i==1)&&(temp=="")) temp="G";
if ((c==1)&&(f==1)&&(i==0)&&(temp=="")) temp="I";
if ((c==1)&&(f==0)&&(i==1)&&(temp=="")) temp="F";
if ((c==0)&&(f==1)&&(i==1)&&(temp=="")) temp="C";
if ((g==1)&&(e==1)&&(c==0)&&(temp=="")) temp="C";
if ((g==1)&&(e==0)&&(c==1)&&(temp=="")) temp="E";
if ((g==0)&&(e==1)&&(c==1)&&(temp=="")) temp="G";
}
function clearOut() {
document.game.you.value="0";
document.game.computer.value="0";
document.game.ties.value="0";
}
function checkSpace() {
if ((temp=="A")&&(a==0)) {
ok=1;
if (cf==0) a=1;
if (cf==1) a=2;
}
if ((temp=="B")&&(b==0)) {
ok=1;
if (cf==0) b=1;
if (cf==1) b=2;
}
if ((temp=="C")&&(c==0)) {
ok=1;
if (cf==0) c=1;
if (cf==1) c=2;
}
if ((temp=="D")&&(d==0)) {
ok=1;
if (cf==0) d=1;
if (cf==1) d=2;
}
if ((temp=="E")&&(e==0)) {
ok=1;
if (cf==0) e=1;
if (cf==1) e=2;
}
if ((temp=="F")&&(f==0)) {
ok=1
if (cf==0) f=1;
if (cf==1) f=2;
}
if ((temp=="G")&&(g==0)) {
ok=1
if (cf==0) g=1;
if (cf==1) g=2;
}
if ((temp=="H")&&(h==0)) {
ok=1;
if (cf==0) h=1;
if (cf==1) h=2;
}
if ((temp=="I")&&(i==0)) {
ok=1;
if (cf==0) i=1;
if (cf==1) i=2;
}
}
function yourChoice(chName) {
pause = 0;
if (all!=0) ended();
if (all==0) {
cf = 0;
ok = 0;
temp=chName;
checkSpace();
if (ok==1) {
document.images[chName].src = x;
}
if (ok==0)taken();
process();
if ((all==0)&&(pause==0)) myChoice();
}
}
function taken() {
alert("Квадрат уже занят! Вы что слепой?!. Занимайте любой свободный.")
pause=1;
}
function myChoice() {
temp="";
ok = 0;
cf=1;
logicTwo();
logicThree();
checkSpace();
while(ok==0) {
aRandomNumber=Math.random()
comp=Math.round((choice-1)*aRandomNumber)+1;
if (comp==1) temp="A";
if (comp==2) temp="B";
if (comp==3) temp="C";
if (comp==4) temp="D";
if (comp==5) temp="E";
if (comp==6) temp="F";
if (comp==7) temp="G";
if (comp==8) temp="H";
if (comp==9) temp="I";
checkSpace();
}
document.images[temp].src= o;
process();
}
function ended() {
alert("Игра уже закончена! Для начала новой нажмите ХОЧУ ИГРАТЬ.")
}
function process() {
logicOne();
if (all==1){ alert("Вы выйграли!!! Поздравляем!"); wn++; }
if (all==2){ alert("Вот так!!! Я выйграл!"); ls++; }
if (all==3){ alert("Мы сыграли вничью."); ts++; }
if (all!=0) {
document.game.you.value = wn;
document.game.computer.value = ls;
document.game.ties.value = ts;
}
}
function playAgain() {
if (all==0) {
if(confirm("Сейчас произойдет сброс счета и начнется новый тур. OK?")) reset();
}
if (all>0) reset();
}
function reset() {
all = 0;
a = 0;
b = 0;
c = 0;
d = 0;
e = 0;
f = 0;
g = 0;
h = 0;
i = 0;
temp="";
ok = 0;
cf = 0;
choice=9;
aRandomNumber = 0;
comp = 0;
document.images.A.src= blank;
document.images.B.src= blank;
document.images.C.src= blank;
document.images.D.src= blank;
document.images.E.src= blank;
document.images.F.src= blank;
document.images.G.src= blank;
document.images.H.src= blank;
document.images.I.src= blank;
if (t==0) { t=2; myChoice(); }
t--;
}

// End -->
</script>


Следующий код нужно вставить между тегами body на той же веб-странице. Выделенное синим можете поменять на другой текст. Кроме того, если кодировка Вашей веб-страницы отличаетс от кодировки windows-1251, то не забудьте перекодировать этот текст.

Разумеется тегам table, tr, td и input можно присвоить любые нужные Вам стили, и, вообще, можно отформатировать вид игры так, как Вы сами считаете нужным.

<center>
<h2>КРЕСТИКИ И НОЛИКИ</h2>
<form name=game>
<table border=0>
<td>
<table border=1>
<tr>
<td><a href="javascript:yourChoice('A')"><img src="blank.jpg" border=0 height=100 width=100 name=A alt="Верх-Лево"></a></td>
<td><a href="javascript:yourChoice('B')"><img src="blank.jpg" border=0 height=100 width=100 name=B alt="Верх-Центр"></a></td>
<td><a href="javascript:yourChoice('C')"><img src="blank.jpg" border=0 height=100 width=100 name=C alt="Верх-Право"></a></td>
</tr>
<tr>
<td><a href="javascript:yourChoice('D')"><img src="blank.jpg" border=0 height=100 width=100 name=D alt="Середина-Лево"></a></td>
<td><a href="javascript:yourChoice('E')"><img src="blank.jpg" border=0 height=100 width=100 name=E alt="Середина-Центр"></a></td>
<td><a href="javascript:yourChoice('F')"><img src="blank.jpg" border=0 height=100 width=100 name=F alt="Середина-Право"></a></td>
</tr>
<tr>
<td><a href="javascript:yourChoice('G')"><img src="blank.jpg" border=0 height=100 width=100 name=G alt="Низ-Лево"></a></td>
<td><a href="javascript:yourChoice('H')"><img src="blank.jpg" border=0 height=100 width=100 name=H alt="Низ-Центр"></a></td>
<td><a href="javascript:yourChoice('I')"><img src="blank.jpg" border=0 height=100 width=100 name=I alt="Низ-Право"></a></td>
</tr>
</table>
</td>
<td>
<table>
<tr><td><input type=text size=5 name=you></td><td>Вы</td></tr>
<tr><td><input type=text size=5 name=computer></td><td>Компьютер</td></tr>
<tr><td><input type=text size=5 name=ties></td><td>Ничья</td></tr>
</table>
</td>
</table>
<input type=button value="Хочу играть!" onClick="playAgain();">

<input type=button value="Помощь" onClick="help();">
</form>
</center>


Внимание! Если эти коды копируются из Вашего браузера в Вашу веб-страницу неправильно, то нужно их сначала скопировать в какой-нибудь самый простой текстовый редактор, например, в Блокнот. А уже потом оттуда их скопировать на свою веб-страницу.

Рисунки для этой игры скачиваем здесь: xo.zip. Этот архив нужно распаковать в ту же самую папку, где находится веб-страница с игрой.

Для смены папки расположения этих рисунков (а также имени рисунков) требуется знание языка JavaScript на достаточном уровне для того, чтобы переделать код.

Для придания этой игре на Вашем сайте уникальности, Вы можете поменять вид крестика и нолика.

Классификация заработка в Интернете
Заработок в Интернете без своего сайта:
Заработок в Интернете
с вложениями денег:
Инвестиции в Интернете без сайта
Бинарные опционы
Валютная биржа Forex
Заработок на криптовалюте
Биржа спортивных ставок
Аукцион E-Bay
Заработок на хайпах


Заработок в Интернете
без вложений денег:
Заработок в Интернете
для тех у кого нет сайта
Серфинг
Копирайтинг и рерайтинг
Файлообменники
Постинг на форумах
Переводы с иностранного
Опросы и анкеты
ФотоШоп и художники
Репетиторство
Социальные сети
Просмотр видеороликов
Экзотика
Как набрать рефералов
Фриланс

Заработок в Интернете на своем сайте:
Свой домен
Хостинг
Сайтострой
Раскрутка сайта
Раскрутка в соц.сетях
Почтовая рассылка
Прямые ссылки
Самые простые
заработки на сайте
Интернет-магазин
Приложения:
Кошелек WebMoney
Авторские права
Список Аддурилок
HTML-редактор
с учебниками
FTP-клиент FileZilla Client
Простые шаблоны
Бесплатные хостинги
Как создать свой сайт
Разное:
Как распознать лохотрон
Словарь
Юмор
Архив
Блог?...
Скорее КинжЛог!






Наши Услуги:
Вычислительные услуги для трейдеров
Наши Сервисы:
Поиск по сайту
Написать автору сайта пару ласковых слов
Генератор сайтов
Скачать халяву
Визуальный онлайновый конвертор
Мастер Рефералов
Генератор паролей
Генератор цветовых схем
Чистильщик HTML кода
Microsoft Word вер.10
Бесплатные скрипты





При копировании материалов данного сайта, прямая ссылка на сайт обязательна
© Евгений Миронов, 2005 - 2024