为了账号安全,请及时绑定邮箱和手机立即绑定

如何使用H5页面实现以下效果(javascript实现)

如何使用H5页面实现以下效果(javascript实现)

达令说 2018-12-19 14:15:54
屏幕中随机产生n个蓝色大小不一的气泡,坐标随机红色气泡跟随鼠标移动当红色气泡会与蓝色气泡发生碰撞效果(类似桌球)红色气泡会被屏幕边缘阻挡蓝色气泡左右屏上下屏互通蓝色气泡的运动及互动行为请自由发挥
查看完整描述

1 回答

?
陪伴而非守候

TA贡献1757条经验 获得超8个赞

可以使用canvas实现
1、将泡泡做成一个公用的生产方法
2、监控鼠标在canvas上的相对位置
3、4、碰撞效果可以使用物理加速度计算方向和速度+动画刷新
5、边缘特殊处理

你这是一个题目吧。


查看完整回答
反对 回复 2019-01-25
  • 1 回答
  • 0 关注
  • 724 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信