Как изменить направление змеи?

Question

[Ibishka]

const canvas = document.querySelector("#canvas"),
  ctx = canvas.getContext("2d");
// Set canvas width & height;
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

ctx.fillRect(0, 0, canvas.width, canvas.height);
// Create snake
let x = canvas.width / 2 - 50,
  y = canvas.height / 2 - 10,
  w = 150;

// set endlessly move of snake
const moveEndlessly = () => {
  ctx.fillStyle = "#000";
  ctx.fillRect(0, 0, canvas.width, canvas.height);

  ctx.fillStyle = "#59982f";
  x -= 5;
  ctx.fillRect(x, y, w, 20);
  window.requestAnimationFrame(moveEndlessly);
};

moveEndlessly();

// set movement of snake on keydown
document.addEventListener("keydown", e => {
  if (e.keyCode == 37) {
  }
  if (e.keyCode == 38) {
// What to do
  }
  if (e.keyCode == 39) {
  }
  if (e.keyCode == 40) {
  }
});

Как поварачивать вверх например?

Comments

[Шохрух Шаймардонов]

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

З.ы. не забудьте учесть исключения. Например при движение направо, движение налево (противоположно) не возможно

[Ibishka]

Шохрух Шаймардонов, Исключение знаю ну вот можете в кратце примером аргументировать?

[Шохрух Шаймардонов]

Ibishka, увы, отошел от компьютера. Неудобно с телефона писать код. Можете написать в личку(тг/вк) постараюсь утром ответить

Answer 1

[twobomb]

Не увидел в вашем примере змейки, поэтому решил добавить

Answer 2

[Ilya Muromtsev]

CodePen

условно можно так

Comments

[Ilya Muromtsev]

а вообще если вы уже со стрелочными работаете функциями, создайте отдельно объект змеи, так ведь проще

[Ibishka]

Ilya Muromtsev, но если длнинный размер то не получится

[Ilya Muromtsev]

Ibishka, чего размер?

[Ibishka]

Ilya Muromtsev, белого квадратика например ставьте 100 длина 20 ширина

[Ilya Muromtsev]

Ibishka, это вы про поедании когда?

[Ibishka]

Ilya Muromtsev, да

[Ilya Muromtsev]

Ibishka, почему же, просто реализация этого совсем другая

[Ibishka]

Ilya Muromtsev, но и конечно в начале тоже немножко длиннее от вашего примера

[Ilya Muromtsev]

Ibishka, да делайте как угодно размер)) принцип поймите просто как двигать