摘要：
角度速度是指物体设着某一个角动进行运动源码//获取到舞台varcanvas=document.getElementById("stage");//舞台2d绘图接口varcontext=canvas.getContext("2d");//获取中心点置varcenterX=canvas.width/2;varcenterY=canvas.height/2;//当前度varangle=45;//角速度varangleSpeed=1;//将中心点作为0,0点坐标context.translate(centerX,centerY);/***球对象*/varBall 阅读全文
随笔分类 - HTML5 Canvas基础动画
html5 Canvas 拖拽
2011-12-10 14:02 by LoujaDy, 2346 阅读, 收藏, 编辑
摘要：
源码//获取到舞台varcanvas=document.getElementById("stage");//舞台2d绘图接口varcontext=canvas.getContext("2d");//获取中心点置varcenterX=canvas.width/2;varcenterY=canvas.height/2;/***球对象*/varBall=function(x,y,radius,color){//球的中心点位置this.x=x;this.y=y;//球的半径this.radius=radius;//球的颜色this.color=color;//球 阅读全文
速度向量之双轴速度
2011-12-10 13:25 by LoujaDy, 323 阅读, 收藏, 编辑
摘要：
源码//获取到舞台varcanvas=document.getElementById("stage");//舞台2d绘图接口varcontext=canvas.getContext("2d");//获取中心点置varcenterX=canvas.width/2;varcenterY=canvas.height/2;//在舞台上画一条马路context.lineWidth=2;context.strokeStyle="#ff0000";context.beginPath();context.moveTo(0,centerY+2);con 阅读全文
速度向量之单轴速度
2011-12-10 13:11 by LoujaDy, 305 阅读, 收藏, 编辑
摘要：
源码//获取到舞台varcanvas=document.getElementById("stage");//舞台2d绘图接口varcontext=canvas.getContext("2d");//获取中心点置varcenterX=canvas.width/2;varcenterY=canvas.height/2;//在舞台上画一条马路context.lineWidth=2;context.strokeStyle="#ff0000";context.beginPath();context.moveTo(0,centerY+2);con 阅读全文