cocos2d-js使用clippingNode

概述在游戏界面中经常遇到规则的图形显示，如用户头像是圆的，但是原始图片却是方的，这时需要使用clippingnode进行裁剪，就可以显示出任何想要的形状。 显示圆形的代码如下： //要显示的圆形模板var shape = new cc.DrawNode();shape.drawCircle(cc.p(0,0), 20, cc.degreesToRadians(0), 50, false, 10,

在游戏界面中经常遇到规则的图形显示，如用户头像是圆的，但是原始图片却是方的，这时需要使用clipPingnode进行裁剪，就可以显示出任何想要的形状。
显示圆形的代码如下：

//要显示的圆形模板var shape = new cc.DrawNode();shape.drawCircle(cc.p(0,0),20,cc.degreesToradians(0),50,false,10,cc.color(255,255,255));// 增加一个圆形显示var clipper = new cc.ClipPingNode();clipper.x = 350;clipper.y = 350;clipper.stencil = shape; // 把刚刚创建的圆形模板放入self.addChild(clipper);var logo  = new cc.Sprite(res.hello_png);clipper.addChild(logo); // 在这个clipPingnode中只显示圆形模板的部分.

总结

以上是内存溢出为你收集整理的cocos2d-js使用clippingNode全部内容，希望文章能够帮你解决cocos2d-js使用clippingNode所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。