                        课程
                    
                        /前端开发
                        
                            /Html5
                        
                        /炫丽的倒计时效果Canvas绘图与动画基础

关于其他三边缘的碰撞检测

if(ball.x>=1024-ball.r){
       vall.x=1024-ball.r;
       ball.vx=-ball.vx;
   }

为何没效果呢？如果我要左右两边缘都有碰撞检测效果呢？

香宝的夫差

2017-05-22

源自：炫丽的倒计时效果Canvas绘图与动画基础 4-2

关注问题我要回答

721

操作

收起

4 回答

慕粉1471129054
2017-07-31

	if(ball.y >= 600-ball.r){
					ball.y=600-ball.r;
					ball.vy = -ball.vy;
				}
				if(ball.y<=ball.r){
		        ball.y=ball.r;
		        ball.vy=-ball.vy;
		    }
				if(ball.x<=ball.r){
		        ball.x=ball.r;
		        ball.vx=-ball.vx;
		    }
				if(ball.x>= 1100 -ball.r){
						ball.x=1100 -ball.r;
						ball.vx=-ball.vx;
				}

0 回复有任何疑惑可以回复我~

#1

香宝的夫差提问者

我在评论里已经写出来了，还是谢谢回答

2017-08-02 回复有任何疑惑可以回复我~

慕粉1471129054
2017-07-31

这么久过去了不知道你的问题有没有解决，我就是这样写的啊对着呢

0 回复有任何疑惑可以回复我~

香宝的夫差提问者
2017-05-22

//左边缘碰撞返回

if(ball.x<=ball.r){
       ball.x=ball.r;
       ball.vx=-ball.vx;
   }

//右边缘碰撞返回

if(ball.x>=1024-ball.r){
        ball.x=1024-ball.r;
       ball.vx=-ball.vx;
   }

//上边缘碰撞返回

if(ball.y<=ball.r){
       ball.y=ball.r;
       ball.vy=-ball.vy*0.9;
   }

0 回复有任何疑惑可以回复我~

香宝的夫差提问者
2017-05-22

if(ball.x>=1024-ball.r){
ball.x=1024-ball.r;
ball.vx=-ball.vx;
}

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

炫丽的倒计时效果Canvas绘图与动画基础

参与学习 96904 人
解答问题 1029 个

学习HTML5中最激动人心的技术Canvas，彻底释放自己的创造力

本课相似问答

2 回答碰撞检测的问题

1 回答老师有时间可以出一些canvas上的图形碰撞检测和鼠标事件之类的视频吗？

1 回答我想问一下updateBalls();if(balls[i].y >= window_height - radius){//碰撞检测 balls[i].y = window_height - radius; if条件已经判断一次了为什么还要再下面写一次

2 回答给多个三角形设置统一颜色边框

3 回答balls[cnt++] = balls[i]这个技巧有其他方式代替吗？

搜索更多本课相关问答

关于其他三边缘的碰撞检测

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号