利用HTML5绘制点线面组成的3D图形的示例

2019-01-28 16:22:13王冬梅
  •               
  •         cube = new Cube(80);            cube._initVector();   
  •         function initAnimate(){                cube._draw();   
  •                animate();   
  •         }      
  •         function animate(){                ctx.clearRect(0,0,canvas.width,canvas.height)   
  •                             rotateY(cube.vectors);   
  •             rotateX(cube.vectors);                cube._draw();   
  •             if("requestAnimationFrame" in window){                    requestAnimationFrame(animate);   
  •             }                else if("webkitRequestAnimationFrame" in window){   
  •                 webkitRequestAnimationFrame(animate);                }   
  •             else if("msRequestAnimationFrame" in window){                    msRequestAnimationFrame(animate);   
  •             }                else if("mozRequestAnimationFrame" in window){   
  •                 mozRequestAnimationFrame(animate);                }