Skip to content
目录

加载场景

加载场景仅需执行 2 步操作。

创建App实例

App 类是GlowJS的功能入口,用于3D场景初始化。要创建 App 的实例,通过 new 关键字调用它的构造函数即可。

typescript
//创建一个GlowJS App实例
    let app: GLOW.App = new GLOW.App({
        container,
        projectFile: 'glowjs/project/file/2f66ef33c2bdfa9ac2d19eb8522b4157.json'
    });

调用构造函数需要传递一个 AppOptions 对象参数,对象参数的如下属性是必须的。

  • container :3D Canvas对象的父容器。
  • projectFile :项目文件地址,这里为相对路径。

调用加载方法

App 实例创建后,调用实例的 load 方法即可加载场景。

typescript
//调用App实例的加载方法
    app.load();

完整示例代码

点击 这里 打开在线演示示例。

typescript
/**
 * 入口函数
 * @param container DIV容器
 */
function main(container: HTMLDivElement): void {
    //创建一个GlowJS App实例
    let app: GLOW.App = new GLOW.App({
        container,
        projectFile: 'glowjs/project/file/2f66ef33c2bdfa9ac2d19eb8522b4157.json'
    });
    //调用App实例的加载方法
    app.load();
}

技术支持:13352865103(柯工,微信同号);18688783852(柯工)