vue 开发 2048/围住神经猫小游戏-低调大师

vue 开发 2048/围住神经猫小游戏

2018-07-10 710

前言

写之前，我觉得如果利用好vue的双向绑定，那么就只需要操纵数组就可以玩2048了。但实际操作过程中遇到坑好多。不过基本功能已经实现，可以玩额。

遇到的坑

阻止父元素原生的scroll事件，这关乎小游戏是否稳定，之前思路一直是觉得只要js就能搞定，现在发现，这个应该用css来做，但是ios手机至今想要解决办法。

touch-action: none;复制代码

方块移动的时候，需要一个动画，我用的css3，个倒是简单

vue对数组的监听，这个我用的splice，

由于dom元素是通过v-for 循环出来的，所以不得不考虑用空dom元素填充

核心代码

自然就是移动算法咯，为什么要用promise.all呢，本打算在移动完成后间隔0.1s，而后才进行相加。但是问题多多就算了算了用JavaScript的animate API。

前言

为啥要用vue做：好像可以蹭热度。

A*算法

网络上那些当然是看不懂了，就自己写个算了。

关于坐标

由于要判断四周是否可行，必须建立xyz坐标,

如何判断神经猫是否被围住了

为了方便，我当然是直接枚举所有可行路径，枚举不到，自然被围住了。当然这样是非常低效的，正确的姿势应该是枚举神经猫四周所有可行点，并存储于数组中，再次循环所有可行点道的四周的点，重复则跳过，直至枚举完所有节点，如果没有边界节点，那就是被围住了。

当得知神经猫被围住之后，给他添加狂暴状态动画。

关于动画

神经猫没有动画。

原文发布时间为：2018年06月18日
原文作者：Object点assign
本文来源：掘金如需转载请联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/609674

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Nexus.js介绍：一个多线程的JavaScript运行库

首先，如果你不熟悉这个项目，建议先阅读之前写的一系列文章。如果你不想阅读这些，不用担心。这里面也会涉及到那些内容。现在，让我们开始吧。去年，我开始实现Nexus.js，这是一个基于Webkit/JavaScript内核的多线程服务端JavaScript运行库。有一段时间我放弃了做这件事，由于一些我无法控制的原因，我不打算在这里讨论，主要是：我无法让自己长时间工作。所以，让我们从讨论Nexus的架构开始，以及它是如何工作的。事件循环没有事件循环有一个带有（无锁）任务对象的线程池每次调用setTimeout或setImmediate或创建一个Promise时，任务就排队到任务队列钟。每当计划任务时，第一个可用的线程将选择任务并执行它。在CPU内核上处理Promise。对Promise.all()的调用将并行的解决Promise。 ES6 支持async/await，并且推荐使用支持for await(...) 支持解构支持async try/catch/finally 模块不支持CommonJS。（require(...)和module.exports）所有模块使...

2018-07-11

599

2018 年来临之际，继最热的 React 组件库和 Angular 组件库之后，这里有 11 个流行和实用的 Vue.js 组件库完善你的下一个用 Vue.JS 编写 UI 界面的应用程序。与 React 和 Angular 不同的是，Vue.js 是 Evan You 通过众包（crowd-sourcing）来维护的一个开源项目。这也是 Vue.js 最好的一部分，因为会鼓励你写出更好的代码和更好的文档。 Vue.js 项目在得到 8 万多个 star 的时候，Adobe，Gitlab 和其他公司也都使用了它，它的受欢迎程度超过了想象，而且人气似乎还在继续增长。 Vue 成功的很大一部分在于其组件。使用其组件你可以独立思考 UI 的每个片段，鼓励可重用性和模块化，并帮助保持 UI 的一致性。所有的 Vue 组件也都是 Vue 实例，所以接受相同的选项对象并提供相同的生命周期钩子函数。组件也可以与 Bit 共享来连接像 Git，Yarn 和 NPM 这样的工具，以形成存储库之间的无摩擦代码共享体验。也可以将任何 Git 存储库中的组件分离出来，并将其快速分享给动态和可固定的...

2018-07-11

585

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。