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

不二如是

                               
登录/注册后可看大图

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

不许看答案，否则打屁屁

---

程序分析：

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

源代码：

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

---

○面试题索引贴●

如果喜欢，请订阅 ：

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

林子军

4444

向一朵朵鲜花

没用过这个板子

tang136

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

Jemisun

1

hxgoto

嗯

dsa159245

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

a211827754

em

小球鱼

ha