tech-logo-memo-game - 技术图标连连看游戏


未知
跨平台
JavaScript

软件简介

技术图标千千万,快来试试连连看!

特性

功能

  • 可以选择技术栈
  • 可以选择难度等级:容易、中等和困难
  • 可以把结果分享到微博、推特和脸书
  • 能够记录不同等级的最佳成绩
  • 支持 图标与图标 配对和 图标与标题 配对,两种玩法
  • 全屏玩耍
  • 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 技术)