laya如何加载服务器上的资源 • Worktile社区

不及物动词

这个人很懒，什么都没有留下～

LayaAir引擎是一款基于HTML5的游戏开发引擎，通过它开发的游戏可以跨平台运行在多个设备上。在LayaAir引擎中，加载服务器上的资源是非常常见的需求，本文将介绍LayaAir引擎中如何加载服务器上的资源。

首先，我们需要明确服务器上资源的路径。服务器资源的路径有两种情况，一种是通过URL链接获取资源，另一种是通过文件流获取资源。

通过URL链接加载资源
通过URL链接加载资源是最常见的方式之一。在LayaAir引擎中，可以通过Laya.loader.load()方法来加载资源，该方法接受一个资源路径的数组作为参数。

Laya.loader.load(["http://www.example.com/image.png"], Laya.Handler.create(this, onComplete));

上述代码中，我们通过URL链接加载了一个图片资源，并通过Laya.Handler.create()方法指定了资源加载完成的回调函数。

通过文件流加载资源
有时候我们需要通过文件流获取服务器上的资源，例如下载远程音频文件。在LayaAir引擎中，可以使用Laya.HttpRequest类来实现文件流加载资源的功能。

var xhr = new Laya.HttpRequest();
xhr.once(Laya.Event.COMPLETE, this, onComplete);
xhr.open("http://www.example.com/audio.mp3", Laya.HttpRequest.RESPONSE_TYPE_ARRAYBUFFER);
xhr.send();

上述代码示例中，我们通过Laya.HttpRequest类创建了一个请求对象xhr，通过open()方法指定了资源的URL链接，并通过send()方法发送请求。资源加载完成后，将触发Laya.Event.COMPLETE事件，我们可以在事件回调函数中处理加载完成的资源。

需要注意的是，通过文件流加载资源可能需要服务器端的支持，例如在服务器端设置正确的CORS响应头。

总结：
通过上述两种方式，我们可以在LayaAir引擎中加载服务器上的资源。无论是通过URL链接加载资源，还是通过文件流获取资源，都能满足不同的需求。在实际开发中，我们可以根据具体的需求选择适合的方式来加载服务器上的资源。

1年前 0条评论

fiy

Worktile&PingCode市场小伙伴

LayaAir引擎提供了多种方式来加载服务器上的资源。下面是一些常用的加载服务器资源的方法：

使用Laya.loader.load()方法加载资源文件：可以使用Laya.loader.load()方法来加载服务器上的资源文件。该方法接受一个资源路径的数组作为参数，可以一次性加载多个资源文件。加载完成后，可以通过回调函数来处理加载的资源。例如：

Laya.loader.load(["http://example.com/texture.png"], Laya.Handler.create(this, onLoadComplete));
function onLoadComplete() {
    // 资源加载完成后的处理逻辑
}

使用Laya.loader.create()方法创建资源对象：除了使用Laya.loader.load()方法加载资源文件，还可以使用Laya.loader.create()方法来创建资源对象，然后再将资源对象添加到舞台显示。该方法需要传入资源路径和资源类型作为参数。例如：

var texture = Laya.loader.create("http://example.com/texture.png", Laya.Texture);
var sprite = new Laya.Sprite();
sprite.graphics.drawTexture(texture, 0, 0);
Laya.stage.addChild(sprite);

使用Laya.loader.create()方法加载3D模型资源：对于3D模型资源，可以使用Laya.loader.create()方法加载。该方法需要传入资源路径和资源类型（例如Laya.Mesh、Laya.Sprite3D等）作为参数。例如：

var mesh = Laya.loader.create("http://example.com/model.lh", Laya.Mesh);
var sprite3D = new Laya.Sprite3D();
sprite3D.meshFilter.sharedMesh = mesh;
Laya.stage.addChild(sprite3D);

使用Laya.loader.create()方法加载音频资源：对于音频资源，也可以使用Laya.loader.create()方法加载。该方法需要传入资源路径和资源类型（例如Laya.SoundManager）作为参数。例如：

var audio = Laya.loader.create("http://example.com/sound.mp3", Laya.SoundManager);
audio.play();

使用Laya.loader.load()方法加载资源配置文件：如果服务器上的资源包含了配置文件，可以使用Laya.loader.load()方法来加载配置文件，然后通过配置文件来加载其他资源。例如：

Laya.loader.load("http://example.com/config.json", Laya.Handler.create(this, onConfigLoaded));

function onConfigLoaded() {
    // 通过配置文件加载其他资源
    var texturePath = Laya.loader.getRes("config.json").texturePath;
    Laya.loader.load(texturePath, Laya.Handler.create(this, onTextureLoaded));
}

function onTextureLoaded() {
    // 资源加载完成后的处理逻辑
}

以上是使用LayaAir引擎加载服务器上资源的几种常用方法，开发者可以根据项目需求选择合适的方法来加载资源。

1年前 0条评论

worktile

Worktile官方账号

LayaAir是一个用于HTML5游戏开发的跨平台引擎，它提供了多种加载资源的方法。要加载服务器上的资源，需要按照以下步骤进行操作：

创建LayaAir项目并设置资源路径
首先，通过LayaAirIDE或命令行工具创建LayaAir项目，并设置好资源路径。通常情况下，我们将服务器上的资源放置在项目的bin目录下的res文件夹中。
创建资源加载器
在项目中创建一个资源加载器，可以使用LayaAir的Loader类。利用Loader类，我们可以加载各种资源，如图片、音频、视频等。在创建资源加载器时，可以设置一系列的回调函数来监测加载进度和加载完成事件。
加载资源
使用资源加载器加载服务器上的资源。资源加载器提供了多种加载方法，可以根据资源类型进行选择。比如，可以使用Loader类的load方法加载单个资源，也可以使用loadImages方法加载多张图片。

下面是一个加载服务器上单个图片资源的示例代码：
```
Laya.loader.load("http://www.example.com/res/image.png", Laya.Handler.create(this, onComplete), Laya.Handler.create(this, onProgress));
```
下面是一个加载服务器上多张图片资源的示例代码：
```
var urls = [
    "http://www.example.com/res/image1.png",
    "http://www.example.com/res/image2.png",
    "http://www.example.com/res/image3.png"
];
Laya.loader.loadImages(urls, Laya.Handler.create(this, onComplete), Laya.Handler.create(this, onProgress));
```
在这些示例代码中，onComplete和onProgress分别是加载完成和加载进度回调函数。
使用加载完成的资源
当资源加载完成后，可以将其用于游戏的显示和逻辑。加载完成的图片资源可以通过Texture类或Texture2D类创建纹理对象，然后用于场景中的精灵节点等。

下面是一个使用加载好的图片资源的示例代码：
```
var texture = Laya.loader.getRes("http://www.example.com/res/image.png");
var sprite = new Laya.Sprite();
sprite.graphics.drawTexture(texture, 0, 0);
```

以上是使用LayaAir引擎加载服务器上资源的基本操作流程。通过灵活运用资源加载器的方法，可以实现对各种类型资源的加载，并将其用于游戏开发中。

1年前 0条评论