github - 2048 - Окруженный нервный котИгры
предисловие
Прежде чем писать, я подумал, что если вы хорошо используете двустороннюю привязку Vue, вам нужно только манипулировать массивом, чтобы воспроизвести 2048. Но в реальной эксплуатации есть много подводных камней. Тем не менее, основные функции реализованы и в них можно играть.
яма столкнулась
Предотвращение собственного события прокрутки родительского элемента связано со стабильностью мини-игры. Раньше я всегда думал, что это может сделать только js. Теперь я считаю, что это нужно делать с помощью css, но мобильные телефоны ios все еще хотят решения .
touch-action: none;Когда блок движется, ему нужна анимация.Я использую css3, это просто
vue массив мониторов, это соединение я использую,
Поскольку элементы dom зацикливаются через v-for, мы должны рассмотреть возможность их заполнения пустыми элементами dom.
основной код
Естественно, это алгоритм движения, зачем же promise.all, он предназначен для добавления через интервал 0,1 с после завершения движения. Но давайте забудем о проблеме с анимационным API JavaScript.
------------------------------------------------------------------
=====================================================================
В окружении нервного кота
предисловие
Зачем использовать vue для этого: кажется, что он может растирать тепло.
Алгоритм А*
Конечно, те, кто в Интернете, не могут этого понять, так что просто напишите это сами.
О координатах
Поскольку необходимо определить, возможно ли окружение, должны быть установлены координаты xyz,
Как понять, что нервные кошки окружены стеной
Для удобства я, конечно, прямо перечисляю все возможные пути, если не могу перечислить, то естественно попадаю в окружение. Конечно, это очень неэффективно.Правильная поза должна состоять в том, чтобы перечислить все возможные точки вокруг Neural Cat и сохранить их в массиве, снова перебрать точки вокруг всех возможных точек и пропустить снова и снова, пока все узлы не будут перечислены. , если нет граничного узла, он заключен.
Узнав, что Нервный Кот окружен, добавьте ему анимацию состояния ярости.
Об анимации
У нервного кота нет анимации.