技法49 (◐‿◑) 利用Two.js完成一个自循环图形

不二如是

                               
登录/注册后可看大图

按照提示，完成代码，秀秀你的编程能力！

不许看答案，否则打屁屁

---

程序分析：

        利用Two.js，完成下图所示图案组合；先绘制一个矩形和圆形，然后平移画布原点（从圆心0，0至旋转中心），最终利用on函数使其动起来。
        自行下载Two.js库，网站：https://two.js.org       

源代码：

游客，如果您要查看本帖隐藏内容请回复

---

○面试题索引贴●

如果喜欢，请订阅 ：

HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛

林子军

4444

向一朵朵鲜花

没用过这个板子

tang136

利用Two.js完成一个自循环图形

Jemisun

1

hxgoto

嗯

dsa159245

1. <script type="text/javascript">
   
2.                         var params = {width:400,height:400};//设置二维空间的宽高
   
3.                          
   
4.                         var two = new Two(params).appendTo(document.body);
   
5.                         circle = two.makeCircle(-72,0,50); //创建圆形
   
6.                         star = two.makeRectangle(75,0,75,75);//创建五角星
   
7.                        
   
8.                         var group = two.makeGroup(circle,star);
   
9.                         group.translation.set(two.width/2,two.height/2);
   
10.                         group.rotation = 0;
    
11.                        
    
12.                          
    
13.                        
    
14.                         two.update();  //打印更新图形
    
15.                         two.bind('update',function(frameCount){
    
16.                                 group.rotation += 0.03;
    
17.                         }).play();  
    
18.                         //alert(two);
    
19.                 </script>

复制代码

a211827754

em

小球鱼

ha