如何用HTML5的Canvas制作3D动画效果

/**Aniele动画对象*所有动画对象的始祖*/varAniele=function(){this.img=newImage();//定义动画对象位置this.loca={x:300,y:300}//定义动画对象的大小（可以实现缩放）this.dw;this.dh;//动画对象的速度属性this.speed={x:0,y:0}//设置对象的透明度this.alpha=1;//设置图像翻转，1为不翻转，-1为翻转this.scale={x:1,y:1}//定动画对象的运动方法库this.motionFncs=[];}Aniele.prototype={//添加运动方法addMotionFnc:function(name,fnc) {this.motionFncs[name]=fnc;},//删除运动方法deleMotionFnc:function(name){this.motionFncs[name]=null;},//遍历运动方法库里的所有运动方法countMotionFncs:function() {for(vari=0; iif(this.motionFncs[i]==null)continue;this.motionFncs[i].call(this);}},//把自己绘制出来的方法，包括功能：水平翻转draw:function(canvas,ctx){//存储canvas状态ctx.save();//实现透明度的改变ctx.globalAlpha=this.alpha;//实现水平竖直翻转，定义drawImage的两个位置参数dx，dyvardx=this.loca.x;vardy=this.loca.y;if(this.scale.x!=1||this.scale.y!=1){if(this.scale.x<0){console.log(this.img.width)dx=canvas.width-this.loca.x-this.img.width;ctx.translate(canvas.width,1);ctx.scale(this.scale.x,1);}if(this.scale.y<0){dy=canvas.height-this.loca.y-this.img.height;ctx.translate(1,canvas.height);ctx.scale(1,this.scale.y);}}if(this.dw==null)this.dw=this.img.width;if(this.dh==null)this.dh=this.img.height;//画出对象ctx.drawImage(this.img,dx,dy,this.dw,this.dh);//恢复canvas状态ctx.restore();}}

this.backBuffer=document.('canvas');this.backBuffer.width=this.canvas.width;this.backBuffer.height=this.canvas.height;this.backBufferctx=this.backBuffer.getContext('2d');