记忆游戏项目

说明

游戏制作项目来自Udacity前端入门课程,根据参考原型重新设计了游戏样式。

Hope you enjoy~

制作过程:

![Desktop HD](/Users/P2G/Desktop/Desktop HD.png)

![Desktop HD Copy](/Users/P2G/Desktop/Desktop HD Copy.png)

1.在设计软件中画出原型图:

Sketch中可以直接复制CSS样式。

2.构建基础HTML:

考虑要多端适配,用了一些百分比写法。

3.CSS构建

为不同事件准备了不同的CSS样式。

4.Responsive调整

为多端适配找到合适的断点并调整。

5.JavaScript

① 用随机函数为所有卡片加入不同图形;

② 监听点击,判断不同情况。

③ 处理Refresh和Again点击事件。重置随机图形。

④ 加入计数功能。

⑤ 测试,修复bug

​ 测试,修复bug

​ 测试,修复bug...