Всем добрый вечер.
Я продолжаю писать змейку без использования canvas, игра почти готова, но осталось реализовать довольно сложный процесс - увеличение змейки при поедании яблока. Здесь же возник вопрос, как это реализовать, пока что вообще никаких идей по этому поводу нету, вот сам код змейки: CodePen
В коде по максимуму попытался объяснить что за что отвечает, заранее спасибо за подкинутые идеи, возможно готовые решения.
Smeecy Smeecy, а как этот еще один блок привязать к голове змейки, а последующий блок к этому и тд.!? Ведь опять же он должен появляться в разных позициях, 4 стороны. Немного пока запутано получается...
у вас змейка задана двумя координатами x/y. это не змейка это точка, чтобы она стала змейкой - сделайте массив точек.
вы так же управляете одной точкой - это голова змеи, при движении первая точка(голова) едет туда куда надо, вторая - перемещается на место первой, третья - на место второй и так далее. Когда змейка ест яблоко - добавляете еще одну точку в змейку
чтобы было проще - сразу сделайте змейку из 10 точек и добейтесь чтобы ползала как надо. потом сделаете чтоб росла
Хорошо, суть примерно уловил, теперь давайте подробнее разберемся:
Сначала нужно голову змейки добавить в массив к примеру - snake.
У меня описано что при нажатии на стрелки, голова змейки меняет свои Top и Left, тоесть вместо головы змейки, там везде нужно проверять не голову змейки, а каждый элемент массива.
Теперь возникает вопрос, как привязать последующие элементы змейки к ее голове? Ведь тут имеет важное значение направление змейки
голова змейки - первый элемент массива. остальные элементы, хвост.
допустим змейке надо передвинуться вправо на 1 клетку - вы первый элемент массива перемещаете (left+1), остальные просто двигаются так как я описал - второй встает на место первого, третий на место второго и так далее. (копируете left и top).
Нарисуйте на бумажке каждый шаг и посмотрите как меняется массив, если вам так будет проще.
Robur, Давайте начнем сначала, сделаем змейку из 5 элементов вместо одного. Для этого нужно создать 5 div'ов, один из которых будет snakeHead, остальные snakeTail(хвост), каждый из них достать через js и засунуть в массив snake. Перебрать массив и присвоить каждому последующему элементу left + 1, где left координата предыдущего элемента. Правильный ход мысли?
