cc.loader.loadRes 该怎么使用

`cc.loader.loadRes` 方法可以用来加载指定路径下的资源，包括图片、声音、预制件、材质等等。该方法的语法如下：

cc.loader.loadRes(url, type, progressCallback, completedCallback);

其中，参数含义如下：

- `url`：资源路径，相对于项目资源目录的路径，例如 "images/hero.png"。
- `type`：资源类型，例如 cc.SpriteFrame、cc.AudioClip 等等，具体可以查看 Creator API 中的资源类型。
- `progressCallback`：资源加载进度回调函数，可选参数。
- `completedCallback`：资源加载完成回调函数，可选参数。

下面是一个简单的例子，用于加载一张图片资源：

cc.loader.loadRes("images/hero", cc.SpriteFrame, function (completedCount, totalCount, item) {
    // 这里可以更新资源加载进度
    var progress = (completedCount / totalCount) * 100;
    console.log("Resources loading progress: " + progress.toFixed(2) + "%");
}, function (err, spriteFrame) {
    if (err) {
        console.error("Failed to load image resource: " + err.message);
        return;
    }
    // 这里可以使用加载完成的资源
    console.log("Image resource loaded successfully.");
    var node = new cc.Node("Hero");
    var sprite = node.addComponent(cc.Sprite);
    sprite.spriteFrame = spriteFrame;
    node.parent = cc.director.getScene();
});

在这个例子中，我们通过 `cc.loader.loadRes` 方法加载了一个名为 "images/hero" 的图片资源，并且指定了资源类型为 cc.SpriteFrame。在加载过程中，我们可以通过传入进度回调函数来监控加载进度，也可以省略该回调函数。当资源加载完成后，我们可以通过传入完成回调函数来获取加载后的资源。在本例中，我们将加载后的资源用于创建一个新的节点，并将该节点添加到场景中。