- 可以选择技术栈
- 可以选择难度等级:容易、中等和困难
- 可以把结果分享到微博、推特和脸书
- 能够记录不同等级的最佳成绩
- 支持图标与图标配对和图标与标题配对,两种玩法
- 全屏玩耍
- 支持评论
- APP 化:PWA
- 数据动态化(非本地存储)
- 国际化(中文展示)
- 第一次玩,做引导
- 移动端体验优先考虑
- 在合适的场景加入合适的动画,增加可玩性
- 根据不同的屏幕尺寸展现不同尺寸的卡片容器,以便玩家看到的都是满行满列(
一家人最重要的就是整整齐齐) - 精心挑选配色方案,让游戏看起来风格如一
- 当点击开始按钮式,卡片容器自动顺滑地滚到可视区域
- 游戏进行中,自动隐藏无关元素,让体验更沉浸式
- 压缩图片,更快更好地加载体验
- 为不同设备准备了不同尺寸大小的图标
- iPhone & iPad 本地打开,有引导屏
- 酷酷的动态背景,科技感十足
- create-react-app: 大家都在用的 react 项目构建架子
- react: 最流行的前端 UI 构建语言
- redux + react-redux: 最流行的 react 状态管理解决方案
- styled-components: react 中 css 解决方案,CSS-IN-JS 最佳实践
- eslint + prettier: 为了更好地编码
- husky + commitlint: 为了更好地 GIT 提交
- particles.js: 科技感十足的动态背景(借助 canvas 技术)