动画编程:从弹球到弹道模拟
1. 弹球应用拓展
在动画编程中,若要使用两个以上的球,可考虑使用数组,后续会介绍如何处理对象集合。还可以编写代码,让球每次撞到墙壁时减速,模拟真实物理效果。例如,若要使球的速度每次减少 10%,可在代码中改变球方向的地方添加如下代码:
if (nballx > boxboundx) {
ballvx = -ballvx *.9;
nballx = boxboundx;
}
这意味着垂直方向的增量变化将降至原来的 90%。
在测试和上传应用时,第一个和第三个应用在 HTML 文档中已完成,第二个应用需要图像文件与 HTML 文件在同一文件夹。访问网络上的文件时,要确保地址正确。例如,将 HTML 文档上传到名为 mygames 的文件夹,将 pearl.jpg 上传到 mygames 下的 images 子文件夹,需在代码中这样写:
img.src = "images/pearl.jpg";
同时,要使用准确的文件扩展名,如 JPG,以表明正确的文件类型。
之前的弹球应用涉及了诸多编程和 HTML5 特性:
- 使用 setInterval 设置动画的定时事件。
- 对表单输入进行验证。
- 自定义函数用于水平和垂直重新定位圆形或图像,模拟弹球效果。
- 进行虚拟碰撞测试。
- 绘制矩形、图像和圆形,
超级会员免费看
订阅专栏 解锁全文
1208

被折叠的 条评论
为什么被折叠?



