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