-
- 阿里0111 2021-01-14
if (balls[i].x - balls[i].radius<=0) {
balls[i].vx = -balls[i].vx;
balls[i].x = balls[i].radius;
}
if (balls[i].x + balls[i].radius >= canvasWidth) {
balls[i].vx = -alls[i].vx;
balls[i].x = canvasWidth-balls[i].radius;
}
if (balls[i].y - balls[i].radius <= 0) {
balls[i].vy = -balls[i].vy;
balls[i].y = balls[i].radius;
}
if (balls[i].y + alls[i].radius >= canvasHeight) {
balls[i].vy = -s[i].vy;
balls[i].y = canvasHeight-balls[i].radius;
}
这是update函数部分
- 0赞 · 0采集
-
- pinzaghi 2019-12-07
canvas中间的标签是当canvas无法正确显示时显示的内容
-
截图0赞 · 0采集
-
- 左小珍 2018-01-24
- Canvas绘图详解 9-1在Canvas中使用其他HTML元素 控制标签放在Canvas之后的原因 1.Canvas标签里面的内容用于设置当前浏览器不兼容Canvas标签的时候 2.Canvas标签默认的背景色是白色
-
截图0赞 · 0采集
-
- 慕后端2539758 2017-09-28
- 源码在哪
- 1赞 · 0采集
-
- 慕后端2539758 2017-09-28
- 想看看update函数 就是不往下放
- 0赞 · 0采集
-
- 请叫我蜗牛小姐 2016-10-17
- 9.1.6
-
截图0赞 · 0采集
-
- 请叫我蜗牛小姐 2016-10-17
- 9.1.7
-
截图0赞 · 0采集
-
- 请叫我蜗牛小姐 2016-10-17
- 9.1.6
-
截图0赞 · 0采集
-
- 请叫我蜗牛小姐 2016-10-17
- 9.1.5
-
截图0赞 · 0采集
-
- 请叫我蜗牛小姐 2016-10-17
- 9.1.4
-
截图0赞 · 0采集
-
- 请叫我蜗牛小姐 2016-10-17
- 9.1.3
-
截图0赞 · 0采集
-
- 请叫我蜗牛小姐 2016-10-17
- 9.1.2
-
截图0赞 · 0采集
-
- 请叫我蜗牛小姐 2016-10-17
- 9.1.1
-
截图0赞 · 0采集
-
- laxy 2016-08-05
- canvas标签不能当其他普通div标签用，里面不能内嵌其他元素。 canvas默认是白色的不是透明的。 canvas前面不能放元素，会被遮挡住，应该放在后面，通过绝对定位浮在canvas画布上
-
截图1赞 · 1采集
-
- 阿尔芒007 2016-03-22
- java4
-
截图0赞 · 0采集
-
- 阿尔芒007 2016-03-22
- script3
-
截图0赞 · 0采集
-
- 阿尔芒007 2016-03-22
- script2
-
截图0赞 · 0采集
-
- 阿尔芒007 2016-03-22
- script1
-
截图0赞 · 0采集
-
- 阿尔芒007 2016-03-22
- div布局
-
截图0赞 · 0采集
-
- 阿尔芒007 2016-03-22
- css样式3
-
截图0赞 · 0采集
-
- 阿尔芒007 2016-03-22
- css样式2
-
截图0赞 · 0采集
-
- 阿尔芒007 2016-03-22
- css样式
-
截图0赞 · 0采集
-
- afuneral 2015-04-08
- 代码还是自己敲一遍比较有感觉。
- 2赞 · 0采集
-
- afuneral 2015-04-08
- function draw(cxt) { var canvas = cxt.canvas; cxt.clearRect(0, 0, canvas.width, canvas.height); if(themeColor == "black") { // console.log("black"); cxt.fillStyle = "black"; cxt.fillRect(0, 0, canvas.width, canvas.height); } for (var i=0; i<balls.length; i++) { cxt.fillStyle = balls[i].color; cxt.beginPath(); cxt.arc(balls[i].x, balls[i].y, balls[i].radius, 0, Math.PI*2); cxt.closePath(); cxt.fill(); } }
- 0赞 · 0采集
-
- afuneral 2015-04-08
- function update(canvasWidth, canvasHeight) { for (var i=0; i<balls.length; i++) { balls[i].x += balls[i].vx; balls[i].y += balls[i].vy; if(balls[i].x - balls[i].radius <= 0){ balls[i].vx = -balls[i].vx; balls[i].x = balls[i].radius; } if(balls[i].x + balls[i].radius >=canvasWidth){ balls[i].vx = -balls[i].vx; balls[i].x = canvasWidth - balls[i].radius; } if(balls[i].y - balls[i].radius <= 0){ balls[i].vy = -balls[i].vy; balls[i].y = balls[i].radius; } if(balls[i].y + balls[i].radius >= canvasHeight){ balls[i].vy = -balls[i].vy; balls[i].y = canvasHeight - balls[i].radius; } } }
- 0赞 · 3采集
-
- sywcxx 2014-11-23
- 后续课程要学习一下CSS和JS。
- 0赞 · 0采集
数据加载中...