//在canvas上生成200个图片精灵
for (var y = 0; y < 20; y++) {
for (var x = 0; x < 10; x++) {
var node = new cc.Node(10*y+x);//官方文档提供的代码
var sp = node.addComponent(cc.Sprite);//官方文档提供的代码
sp.spriteFrame = new cc.SpriteFrame(cc.url.raw('Image/c.png'));//考虑到后期所需,这里使用图片路径。
//node.setPosition(x,y);//测试过,无效。图片在父节点坐标的0,0位置。
node.parent = this.GBG;//添加父节点
node.runAction(cc.moveTo(cc.Vec2(x*30, y*30))); //测试过,无效。图片在父节点坐标的0,0位置。
/*未知原因,此处设置xy无效。图片在父节点坐标的0,0位置。
node.x = x*15;
node.y = y*15;
*/
}
}
问题描述:
我想用脚本创建200个图片精灵,并放到预定的位置。
我测试了所知的几种方法,均无效
因为还在学习阶段,所以不知道问题出在哪个地方
cocos creator版本:v2.0.5
浏览器测试,window10系统。
(原本代码有console.log,这里我删掉了。在浏览器的开发人员工具里,点开输出的cc.node,可以看到里面的x,y属性修改成功了,但是canvas上面显示的位置还是父节点的原点。双击x,y,并手动修改一个值,回车后canvas上的精灵位置能够移动,不再是原点)





