Скрипты для сайтов — игра лабиринт на JavaScript : JS

Скрипты для сайтов — игра лабиринт на JavaScript : JS.

Скрипты для сайтов — игра лабиринт на JavaScript : JS

Образец выполнения кода.

Листинг кода:

<Style>
A:Link{ Color: #000000; Text-decoration: underline}
A:Visited{ Color: #000000; Text-decoration: underline}
A:Hover{ Color: #000000; Text-decoration: none}
td, {font-family: verdana, arial, helvetica; font-size:11px;}  
</Style>
<STYLE TYPE="text/css">
#board TD {width: 15pt; height: 15pt; font-size: 2pt; border-color: red;}
TD.foot {font-size: 10pt;}
#board TD.start {font-size: 8pt; border-left: 2px black solid; background:yellow; border-top: 2px black solid;text-align: center; color: red}
#board TD.end {font-size: 8pt; text-align: center; color: green}
#message {margin: 0pt; padding: 0pt; text-align: center}
</STYLE>

<SCRIPT LANGUAGE="JavaScript">
var labirint = new Array()
var sides = new Array("Border-Top", "Border-Right")
for (var rows=0; rows<13; rows++)
labirint[rows] = new Array()
labirint[0][0] = new Array(1,1,1,1,1,1,1,1,1,1,1,1)
labirint[0][1] = new Array(0,0,1,0,1,0,0,0,0,1,0,1)
labirint[1][0] = new Array(1,0,0,0,1,0,1,1,1,0,1,1)
labirint[1][1] = new Array(0,1,1,0,0,1,1,0,0,1,0,1)
labirint[2][0] = new Array(1,0,1,0,1,0,0,1,1,0,1,1)
labirint[2][1] = new Array(0,0,0,0,1,1,1,0,0,0,0,1)
labirint[3][0] = new Array(0,1,1,1,1,1,0,0,0,0,1,1)
labirint[3][1] = new Array(1,0,0,1,0,0,0,1,1,0,0,1)
labirint[4][0] = new Array(0,0,0,0,0,0,1,1,1,1,1,1)
labirint[4][1] = new Array(1,1,1,1,1,0,0,0,0,0,1,1)
labirint[5][0] = new Array(0,0,0,0,1,0,1,1,1,1,0,0)
labirint[5][1] = new Array(1,1,1,1,1,1,0,0,0,1,0,1)
labirint[6][0] = new Array(0,0,0,0,0,0,1,1,0,1,0,1)
labirint[6][1] = new Array(1,1,1,1,1,1,0,0,0,1,0,1)
labirint[7][0] = new Array(1,0,1,0,0,0,1,0,1,1,0,1)
labirint[7][1] = new Array(1,1,1,0,1,0,0,1,0,1,1,1)
labirint[8][0] = new Array(0,0,0,1,0,0,1,1,0,0,0,0)
labirint[8][1] = new Array(0,1,0,1,1,0,0,0,1,1,0,1)
labirint[9][0] = new Array(0,0,0,0,0,1,1,1,1,0,1,1)
labirint[9][1] = new Array(1,1,1,1,0,0,0,0,0,1,1,1)
labirint[10][0] = new Array(0,0,0,0,0,1,1,1,1,1,0,0)
labirint[10][1] = new Array(1,1,1,0,1,0,0,0,0,1,0,1)
labirint[11][0] = new Array(0,0,1,1,1,1,1,1,1,0,0,0)
labirint[11][1] = new Array(1,0,1,0,0,0,0,0,0,0,1,1)
labirint[12][0] = new Array(0,0,0,0,0,1,1,1,1,0,1,0)
labirint[12][1] = new Array(1,1,0,1,0,0,0,1,0,0,1,1)
function testNext(nxt) {
  if ((board.rows[start.rows].cells[start.cols].style.backgroundColor=="yellow") && (nxt.style.backgroundColor=='yellow')) {
message.innerText="Я вижу, что Вы изменили своё мнение."
board.rows[start.rows].cells[start.cols].style.backgroundColor=""
return false
  }
  return true
}
function moveIt() {
  if (!progress) return
  switch (event.keyCode) {
case 37: // left
  if (labirint[start.rows][1][start.cols-1]==0) {
if (testNext(board.rows[start.rows].cells[start.cols-1]))
  message.innerText="Продвижение на запад..."
start.cols--
document.all.board.rows[start.rows].cells[start.cols].style.backgroundColor="yellow"
  } else
  message.innerText="Ух ... Вы не можете идти на запад."
break;
case 38: // up
  if (labirint[start.rows][0][start.cols]==0) {
if (testNext(board.rows[start.rows-1].cells[start.cols]))
  message.innerText="Продвижение на север..."
start.rows--
document.all.board.rows[start.rows].cells[start.cols].style.backgroundColor="yellow"
  } else
  message.innerText="Ух ... Вы не можете идти на север."
break;
case 39: // right
  
  if (labirint[start.rows][1][start.cols]==0) {
if (testNext(board.rows[start.rows].cells[start.cols+1]))
  message.innerText="Продвижение на восток..."
start.cols++
document.all.board.rows[start.rows].cells[start.cols].style.backgroundColor="yellow"
  }
  else
  message.innerText="Ух ... Вы не можете  идти на восток."
break;
case 40: //down
  if (labirint[start.rows+1]==null) return
  if (labirint[start.rows+1][0][start.cols]==0) {
if (testNext(board.rows[start.rows+1].cells[start.cols]))
  message.innerText="Продвижение на юг..."
start.rows++
document.all.board.rows[start.rows].cells[start.cols].style.backgroundColor="yellow"
  } else
  message.innerText="Ух ... Вы не можете идти на юг."
break;
  }
  if (document.all.board.rows[start.rows].cells[start.cols].innerText=="end") {
message.innerText="Вы выиграли!"
progress=false
  }
}
</SCRIPT>
<div align="center"><strong>Используйте  стрелки на клавиатуре, чтобы двигаться от начала до конца в лабиринте.</strong></div><br>
<p><TABLE id="board" align="center" cellspacing="0" cellpadding="0" bgcolor="#ffffcc">
<SCRIPT LANGUAGE="JavaScript">
for (var row = 0; row<labirint.length; row++) {
document.write("<TR>") 
for (var col = 0; col<labirint[row][0].length; col++) {
document.write("<TD STYLE='")
for (var cell = 0; cell<2; cell++) {
  if (labirint[row][cell][col]==1) 
document.write(sides[cell]+": 2px black solid;")
}
if ((0==col) && (0!=row))
  document.write("border-left: 2px black solid;")
if (row==labirint.length-1)
  document.write("border-bottom: 2px black solid;")
if ((0==row) && (0==col)) 
  document.write(" background-color:yellow;' class=start>start</TD>")
else
 if ((row==labirint.length-1) && (col==labirint[row][0].length-1))
   document.write("' class=end>end</TD>")
 else
  document.write("'> </TD>")
  }
  document.write("</TR>")
}
var start = new Object
start.rows = 0
start.cols = 0
progress=true
document.onkeydown = moveIt;
  </SCRIPT>
  </TABLE>
  <p id="message"> </p></p>

Обмен визитами — бесплатная раскрутка сайта.

Самый простой способ, это по старинке, обмен визитами через ввод адреса сайта в форму:

Ссылка не должна превышать 200 символов и должна обязательно являться URL адресом. Без пробелов.

Трейн-чекс Уроки WEB программирования.

1. ПОДДЕРЖАТЬ ПРОЕКТ на WebMoney
2. WEST-HOSTER
3. ПОРТАЛ СООБЩЕСТВА 🕶️
4. HTML JS CSS РЕДАКТОР
5. ШРИФТЫ ДЛЯ САЙТОВ
6. ПРОМПТЫ ДЛЯ ШЕДЕВРУМА
7. Символ неразрывного пробела
8. Скрипт считывания клавиш
9. Файлы куки
10. AJAX счётчик кликов
11. Запрет кэширования JS и PHP
12. Координаты курсора JS
13. Числа от 1 до 10 на JS
14. Перевести двоичный код в кратный на JS
15. CSS на JavaScript
16. Новые теги HTML
17. Может ли HTML 6 заменить JavaScript
18. HTML форма без перезагрузки страницы
19. Смайлы эмоджи — ГЕНЕРАТОР
20. Форматы изображений
21. Скрипт AJAX лайков и дизлайков
22. Горячие клавиши
23. Скачать изображение в CANVAS
24. Какими будут сайты будущего?
25. Что делает администратор сайта
26. Девушка фурри Милка Маус
27. CMS движки для сайтов

28. Мануалы PHP

29. Мануалы PHP — Фильтры
30. Мануалы PHP — Узнать IP адрес
31. Мануалы PHP — Файлы папки директории
32. Мануалы PHP — Вывод файлов scandir()
33. Мануалы PHP — Отправка данных из формы
34. Мануалы PHP — Запись данных в файл
35. Мануалы PHP — Запрет повторной отправки формы
36. Мануалы PHP — Дата и время
37. Мануалы PHP — Отправка E-mail
38. Мануалы PHP — Работа с изображениями
39. Мануалы PHP — Вход по паролю
40. Отправка формы AJAX
41. Геолокация на PHP, узнать город
42. Выполнение PHP скрипта по клику
43. Маскировка ссылок
44. Таблица умножения

45. Анимация JS

46. Шифровка текста на JS
47. Безумный текст
48. Компрессор кода
49. Уведомления на рабочий стол
50. Перезагрузка на JS и PHP
51. Рейтинг на JS и PHP
52. Виджет комментариев на PHP
53. Рекламный баннер на CSS
54. Запрет копирования
55. Узнать код клавиш
56. Скрипт кода клавиш
57. Конвертер кода в спецсимволы
58. Бесконечный алерт
59. Вывод случайных фраз
60. Откуда пришёл посетитель на JS
61. CSS type radio checkbox
62. Эффекты с текстом
63. Посетители онлайн на PHP
64. Cookie счётчик посещений
65. Анимация текста
66. Type — range
67. Лабиринт на JS
68. Дата и время на JS
69. CSS меню блокнот
70. CSS меню книжная полка
71. CSS вращающийся баннер
72. JavaScript азбука морзе
73. JavaScript копирайт
74. JavaScript анимация текста
75. JavaScript звуки
76. Кнопка вверх
77. Подсчёт символов на JavaScript
78. Работа с куками на PHP

79. AXAJ -JS

80. AJAX счётчик кликов
81. Генератор случайных чисел
82. PHP счётчик страниц
83. PHP запись файлов
84. Дата посещения страницы на PHP
85. Счётчик лайков на PHP
86. Дата изменения страницы
87. Игра JS — угадай число
88. Круговое меню для сайта
89. Навигатор
90. Запрет копирования
91. Вычислить дату на JS
92. Кнопка на CSS
93. view-source: исходный код
94. Анимация JS
95. Время проведённое на сайте
96. Календарь JS
97. Снег для сайта
98. Анимация волны
99. Добавить в избранное
100. Срок жизни сайта
101. Таймер на JS
102. Блокировка мыши и клавиатуры
103. Приветствие по времени суток
104. JS время
105. Яндекс поиск