登录 注册
当前位置:主页 > 资源下载 > 9 > 第一次签到:ping-pong

第一次签到:ping-pong

  • 更新:2024-10-23 18:24:32
  • 大小:16KB
  • 推荐:★★★★★
  • 来源:网友上传分享
  • 类别:其它 - 开发技术
  • 格式:ZIP

资源介绍

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