资源介绍
乒乓
这是我的第一个 javascript 程序。 我从一个简单的 div 开始,球,并使用计时器 (setInterval) 和绝对定位让它在屏幕上移动。 接下来,我通过简单地反转 x 或 y 速度使其从边缘反弹。
蝙蝠被添加为另一个绝对定位的 div,为了移动蝙蝠,我为向上/向下箭头键添加了一个键盘侦听器 (addEventListener),这些只是改变了蝙蝠的顶部位置。
为了使球从球棒上反弹,我检测球何时位于球棒 x 位置,并查看它的 y 位置是否在球棒顶部和底部之间。
为了让它在 ipad 上工作,我添加了触摸事件来移动球棒,点击屏幕上半部分向上移动,屏幕下半部分向下移动。
我对初始球的 x 和 y 速度使用了随机数。
使用的JS:
在代码中创建 div 元素
绝对定位
setInterval 球运动
初始速度的随机数
蝙蝠运动的键盘事件监听器
ipad 的触摸事件
- 上一篇: 基于.NET的网络聊天软件的设计及实现
- 下一篇: chemsketch 分子模型作图软件