当前位置: 首页 > 网络应用技术

游戏的VUE版本(PC /手机可以在线体验,附加源代码)

时间:2023-03-06 02:11:00 网络应用技术

  游戏名称:凉爽的一个夏季失踪

  技术堆栈:vue3 +打字稿 + vite + element-plus

  游戏体验地址(可以使用PC/手机):https://wmuhua.com/games/xxl

  开源地址:https://github.com/wmuhu/vue3-xxl

  赞美李徐,你很荣幸,谢谢

  先看看

  好的,我知道界面有点丑陋→_→

  主要游戏步骤是:消除,下落,补充和运动。三个状态用于区分(),新添加()和需要删除的正常块()。

  有一个坑,这是关键。由于差异算法,必须保证密钥而不会重新施用。

  以下是由div制成的矩阵区域中的所有HTML。根据类型给出不同的类别,然后冰淇淋充满了背景图片

  JS部分主要是封装的,以促进统一的管理操作

  请注意,状态未删除,但该页面不可见,并且在添加时将删除。

  这里有一个坑。除了已删除的网格的下落,需要删除的网格(状态已删除,页面看不到)达到上位置。

  可以想象,在完成下落之后,页面中的矩阵是所有的网格,但是看起来为空的晶格实际上是在该位置删除网格,然后按顺序生成矩阵,并且保留每个矩阵每个人的状态都会重新生成以实现替换补充的效果

  以下逻辑相对简单,没什么可说的,全部写在注释中

  这里的逻辑主要是要交换两个块的位置信息,然后重新加入向上,向下和向左,这将是可以的。

  游戏名称:凉爽的一个夏季失踪

  技术堆栈:vue3 +打字稿 + vite + element-plus

  游戏体验地址(可以使用PC/手机):https://wmuhua.com/games/xxl

  开源地址:https://github.com/wmuhu/vue3-xxl

  赞美李徐,你很荣幸,谢谢

  原始:https://juejin.cn/post/7101954563015458846