如何通过js显示一张图片

Creator 2.x
#1

图片的路径为 /assets/resources/textures/chat/bg.png

现在想用js来加载显示出来，应该如何写呢？

#2

请参考 http://www.cocos.com/docs/creator/scripting/load-assets.html

#3

我还在图像与渲染那个章节里翻了半天

#4

多谢了

#5

不好意思，他这些个变量方法实在是乱，能提示一下吗？

      var realUrl = cc.url.raw("resources/textures/images/arrowUp.png");
      var texture = cc.textureCache.addImage(realUrl);
      console.log('texture', texture)
      console.log('spriteTest', spriteTest)
      spriteTest.spriteFrame = new cc.SpriteFrame()
      console.log('spriteTest.spriteFrame', spriteTest.spriteFrame)
      // spriteTest.spriteFrame.setTexture(texture)
      console.log('spriteTest', spriteTest)
      pengangroot.addChild(spriteTest);
#6

看动态加载那节

// 加载 SpriteFrame
var self = this;
cc.loader.loadRes(“test assets/image”, cc.SpriteFrame, function (err, spriteFrame) {
self.node.getComponent(cc.Sprite).spriteFrame = spriteFrame;
});

#7 
      cc.loader.loadRes("resources/textures/images/arrowUp", cc.SpriteFrame, function (err, spriteFrame) {
        var spriteTest = new cc.Sprite()
        console.log('spriteFrame', spriteFrame)
        spriteTest.spriteFrame = spriteFrame;
        console.log(spriteTest)
        pengangroot.addChild(spriteTest)
      });

image.png1530×174 33.6 KB

#8

去掉[quote=“limichange, post:7, topic:49656”]
resources/
[/quote]
这一段试试

动态加载资源的时候，路径都是相对resources的，不需要带上resources

#9

其实我就是想把一个文件夹里的图片用js显示出来

#10 
cc.loader.loadRes("textures/images/arrowUp", cc.SpriteFrame, function (err, spriteFrame) {
        var node= new cc.Node();
        var sprite = node.addComponent(cc.Sprite);
        sprite.spriteFrame = spriteFrame;
        pengangroot.addChild(node)
});

改成这样应该就行了

#11

管用，cocos有毒吧，我真是惊了。

#12

要没人告诉我，我估计我一星期都试不出来。

#13

你把文档全部看一遍，应该就不会有这些问题了:smirk:

#14

这个其实上面的文档已经写了（截图的最后一句）

image.png808×152 24.8 KB

可能你没有仔细看

#15

/(ㄒoㄒ)/~~ 坑多，我回头细读