书籍名称：HTML5-Animation-with-JavaScript

书籍源码：https://github.com/lamberta/html5-animation1

1.简单旋转

利用三角函数进行旋转

01-rotate-1.html

      
              
              
      
             Example from 
       Foundation HTML5 Animation with JavaScript    
      
    
                    

 

2.高级旋转

这种方法是根据当前的角度和坐标，计算下一帧的角度和坐标

02-rotate-2.html

      
              
              
      
             Example from 
       Foundation HTML5 Animation with JavaScript    
      
    
                    

 

多个物体

03-rotate-3.html

      
              
              
      
             Example from 
       Foundation HTML5 Animation with JavaScript    
      
    
          
      
       Move mouse left or right on canvas element.
      
              

 

3.在有角度的情况下反弹