在webstorm中用代码将图片随机显示出来

最新推荐文章于 2021-05-16 16:48:32 发布

qq_21829863

最新推荐文章于 2021-05-16 16:48:32 发布

阅读量869

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_21829863/article/details/51985534

本文介绍了如何使用Cocos2d-x框架实现拼图游戏的基本原理，重点讲解了如何创建精灵并将其随机放置在场景中的具体步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近一直在学习cocos，用webstorm写代码也有一段时间了，但是其中有许多API的使用方法不知道。今天学了拼图游戏的实现原理，其中收获做大的是学会了创建精灵到场景中去--将图片随机显示到容器中去。首先上代码

 this._panel=this._getWidget(this._gameUi,"Panel_2");
        this._currentUrl=res["pic"+(1+parseInt(Math.random()*10))+"_png"];
        var baseSp=new cc.Sprite(this._currentUrl);
        baseSp.attr({opacity:100 ,anchorX:0 , anchorY:0 , x:0,y:0});
        this.addChild(baseSp);

第一行代码是获取容器；

第二行代码是获取资源，并赋予给currentUrl；

第三行代码是new一个精灵Sprite，将资源给予它；

第四行是设置属性，依次为透明度，锚点，坐标；

第五行是添加进去。

以上代码即可实现添加精灵的功能。