cocos2d-js使用clippingNode
发布时间:2020-12-14 16:41:32 所属栏目:百科 来源:网络整理
导读:在游戏界面中经常遇到规则的图形显示,如用户头像是圆的,但是原始图片却是方的,这时需要使用clippingnode进行裁剪,就可以显示出任何想要的形状。 显示圆形的代码如下: //要显示的圆形模板var shape = new cc .DrawNode () ; shape .drawCircle (cc .p (
在游戏界面中经常遇到规则的图形显示,如用户头像是圆的,但是原始图片却是方的,这时需要使用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中只显示圆形模板的部分.
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |