赞
踩
canvas效果案例:透明球
1.1随机生成球
1.1.1球的大小
1.1.2球的颜色
1.1.3球心的位置
1.1.4每个球的步长(x,y)
1.2 随机生成的球都是一个对象,将其数据存储至数组当中
1.3 每一帧都清除画布,重新循环数组中的每个球,绘制到画布上
1.4 移动的区间范围是固定的,因此每个球都需要判断其(圆心的位置 + 半径)是否超出了可视范围,如果超出了则需要反向运动
先简单的来个canvas
var canvas = document.createElement(‘canvas’);
canvas.width = 500;
canvas.height = 500;
canvas.style.border = '1px solid #CCC';
document.body.appendChild(canvas);
var ctx = canvas.getContext('2d');
<
赞
踩
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。