Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Cтранное поведение (https://javascript.ru/forum/project/72315-ctrannoe-povedenie.html)

рони 25.01.2018 13:14

Цитата:

Сообщение от Георгий777
не срабатывает управление обьектом

не было break; в onkeydown и установки x (строки 66, 67)

ограничение x , нужно ещё доработать (строки 69, 70)

Георгий777 26.01.2018 00:02

Спасибо большое)

А подскажите, что я делаю не так в функции move при сравнении на равенство переменных х и у, отвечающих за змейку и еду соответственно?

Как увеличить змейку на 1 квадратик, при поедании еды?

Георгий777 26.01.2018 00:02

https://jsfiddle.net/85uL4hq4/13/ - ссылку забыл)

рони 26.01.2018 10:04

Георгий777,
массив клеток делать ...

Георгий777 26.01.2018 18:22

Пытался-не получилось

<!DOCTYPE html>

<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#output {

width:400px;
height:400px;
border-top: 1px solid gray;
border-left: 1px solid gray;

}

.inner {
border-bottom: 1px solid gray;
border-right: 1px solid gray;
width:19px;
height:19px;
float: left;
}
</style>


</head>

<body>
<div id="output"></div>
<script>
"use strict"
let fields = 20 * 20, min = 1, max = 400, i, div, x = 0, y = 0, flag = false, direction = 'right', ar = [];

function createMatrix() {
let output = document.getElementById('output');

for(i = 0; i < fields; i+=1) {
div = document.createElement('div');
div.className = 'inner';
output.appendChild(div);
ar.push(div);
}

}

createMatrix();

function setCell(num, val, eat) {
let output = document.getElementById('output');
let cell = output.children[num];

if(val)
cell.style.backgroundColor = 'red';
else
cell.style.backgroundColor = 'transparent';
if(eat)
cell.style.backgroundColor = 'green';
}

function getCell(num) {
return num;
}

//setCell(0, true);

function move() {

for(i = 0; i < fields; i+=1) {
ar[i] = 0;
setCell(ar[i], false);

switch (direction) {
case 'right': ar[i] = ar[i+1]; break;
case 'left': ar[i] = ar[i-1]; break;
//case 'up': x -= 20; break;
//case 'down': x += 20; break;
}

if(ar[i] < 0) ar[i] = 0;
if(ar[i] >= fields) ar[i] = fields - 1;

if(ar[i] == y) {
setCell(ar[i], true);
setCell(ar[i+1], true);
}
else setCell(ar[i], true);
}

}

function generateEat(min, max) {

y = Math.floor(Math.random() * (max - min) + min);
setCell(y, false, true);
return y;
}

setInterval(move,500);

setInterval(generateEat(min,max),500);



document.onkeydown = function(e) {

switch (e.keyCode) {

case 37: direction = 'left';break;
case 38: direction = 'up';break;
case 39: direction = 'right';break;
case 40: direction = 'down';break;
}
}



</script>
</body>
</html>

рони 26.01.2018 18:26

Георгий777,
Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[js]
... ваш код...
[/js]


О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

Георгий777 26.01.2018 18:27

https://jsfiddle.net/qcjmt4rk/17/

рони 26.01.2018 18:38

Георгий777,
:-?

рони 26.01.2018 18:41

Георгий777,
пост №25 кнопка РЕД.
[HTML run]код вашей страницы[/HTML]

Георгий777 26.01.2018 18:42

Простите, не понял ваше последнее смс


Часовой пояс GMT +3, время: 17:39.