cocos2d-js引擎学习笔记
Scale9Sprite
在用Scale9Sprite.create的时候出现Uncaught TypeError: Cannot call method ‘create‘ of undefined这个错误,
后来发现在默认情况下,project.json里的modules只自带cocos2d模块,通过检查frameworks/cocos2d-html5/moduleConfig.json,可以看到cocos2d模块里并没有CCScale9Sprite.js这个类。
它在GUI里,所以可以在modules里添加"GUI"这个模块,或者可以像我这样,在moduleConfig.json里写一个myNeedfulClass这样的模块,里面添加CCScale9Sprite.js这个类,这样只要在modules里添加"myNeedfulClass"就行。有个好处就是可以不用加载GUI里其他的类。测试代码如下
var tmp = cc.Sprite.create(res.Block9); var theSize = tmp.getContentSize(); var fullRect = cc.rect(0,0,theSize.width,theSize.height); var insetRect = cc.rect(32,32,theSize.width-64,theSize.height-64); var scale9sprite = cc.Scale9Sprite.create(res.Block9,fullRect,insetRect); scale9sprite.setContentSize(theSize.width*3,theSize.height*2); scale9sprite.x = size.width/2; scale9sprite.y = size.height/2; this.addChild(scale9sprite);
原先图片:
经过上述代码处理后的图片:
效果是A,B,C,D四个角大小不变,top,bottom俩条边横向拉伸,left,right俩条边纵向拉伸,中间的center既横向又纵向拉伸。
用在适配的地方比较多,譬如一个BUTTON精灵。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。