Skip to content

一个在线记忆性小游戏,在规定时间内记下出现的方块位置并重现,最终赢取积分

Notifications You must be signed in to change notification settings

libondev/memory-block

Folders and files

NameName
Last commit message
Last commit date

Latest commit

18d1109 · Aug 14, 2024
Mar 17, 2024
Mar 17, 2024
Apr 2, 2024
May 4, 2024
Apr 1, 2024
May 4, 2024
Mar 13, 2024
Mar 16, 2024
Mar 16, 2024
Apr 1, 2024
Mar 13, 2024
May 4, 2024
Mar 16, 2024
Mar 16, 2024
Apr 28, 2024
Aug 14, 2024
Apr 17, 2024
Mar 16, 2024
Apr 16, 2024
Mar 16, 2024
Apr 8, 2024

Repository files navigation

Memory Block(记忆方块)


截图

主界面 练习模式设置 游戏界面 商店 商人

在线游玩

你现在就可以立马玩到这款有趣的 Memory Block 小游戏

游戏规则

  • 选择游戏难度
  • 根据游戏难度的不同, 在每关开始前会有不同的记忆时间
  • 记忆时间结束后, 在网格中点击高亮过的方块
  • 点选完成后如果方块正确, 得分增加, 并重新生成方块
  • 得分初始倍率为 10, 每隔 5 秒倍率减 1, 直到倍率为 1, 不同难度还会有额外得分倍率加成

功能

  • 基本流程
  • 难度选择
  • 计分系统
  • 计时系统
  • 数量展示
  • 容错机制
  • 练习模式
  • 历史最高分
  • 表盘自适应
  • 游玩热力图
  • 本地缓存
  • 彩色方块
  • 游戏音效
  • 游戏界面增加键盘操作
  • i18n
  • 积分系统
  • 道具兑换
  • 道具系统
  • 道具商人

后续功能

一些想做但不确定会不会做的功能

  • 排行榜
  • 联机模式

补充

  • 图标来自于:iconify,同时使用了 icones 网站来预览图
  • 有趣的游戏音效来自:Duolingo,因为我也是个Duolingo软件的忠实用户,很喜欢TA的音效设计。PS:请原谅我未经允许的使用😜
  • 项目技术栈为:Vue3 + Vite5 + TypeScript + TailwindCSS + VueRouter + VueUse