【人机交互设计】实验8
1. 实验准备
熟悉JavaScript语法;
查看JavaScript教程:https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000
熟悉js在浏览器的编程和调试
- 实验内容:
假设学号后4位为n,x=(n%4+1) ,则对应学号为n的同学做2.x的题目。
制作一个客户端网页,实现以下功能:
2.1 制作一个网页版本的计算器(类似于windows自带的计算器);
2.2 制作一个在网页的绘图本(类似于windows自带的绘图板,可基于html5的canvas);
2.3 制作一个扔骰子的小游戏(类似于博饼的程序);
2.4 制作一个贪吃蛇的小游戏;
结合CSS进行网页设计;可以基于其他语言的代码进行修改;但尽量采用面向对象的编程方法。
可查阅相关的资料和编程案例。
蛇的构造
食物构造
撞墙
撞到自己与撞墙类似
吃到食物
按钮布局
总结
贪吃蛇属于简单的网页游戏,通过判断坐标相等与否判断是否相撞,由数组表格绘制得到,如果想要画面丰富,可以使用图象代替数组绘图。