加载场景
加载场景仅需执行 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();
}
文档中心