游戏制作项目来自Udacity前端入门课程,根据参考原型重新设计了游戏样式。
Hope you enjoy~
制作过程:
1.在设计软件中画出原型图:
Sketch中可以直接复制CSS样式。
2.构建基础HTML:
考虑要多端适配,用了一些百分比写法。
3.CSS构建
为不同事件准备了不同的CSS样式。
4.Responsive调整
为多端适配找到合适的断点并调整。
5.JavaScript
① 用随机函数为所有卡片加入不同图形;
② 监听点击,判断不同情况。
③ 处理Refresh和Again点击事件。重置随机图形。
④ 加入计数功能。
⑤ 测试,修复bug
测试,修复bug
测试,修复bug...