webgl可视化平台ThingJS之核心对象App介绍

zzzzzker 2019-11-21 704

       对于目前市场来看,3D可视化正在冉冉升起,各种3D方面的第三方库也是应运而生,其中threejs作为目前十分火热的一个第三方js库,同时也有着十分完善的教程,唯一美中不足的就是入门不易,ThingJS作为一个webgl可视化平台,通过封装Threejs,制作了一款适合商业开发者使用的第三方库thingjs,将部分难以实现的操作直接内置了,也因此,大约一个月就能入门使用的threejs,在ThingJS平台中,一个星期就能够入门,并且能够着手开发出一个3D可视化项目,在ThingJS网站中也可以通过“资源中心”查看用户的公开项目(https://store.thingjs.com/?t=projects)。


使用thingjs需要了解什么?

       第一:了解thingjs的核心对象-App;

       第二:学会摄像机camera;

       第三:学会控制对象; 

       第四:了解或者学会图表的使用; 

       第五:了解或者学会数据对接;

       第六:学会如何发布项目;


什么是thingjs的核心对象App?

     App对象是ThingJS 库的入口,提供加载场景、搜索、事件绑定、摄像机控制等功能,一般而言,创建App对象的代码会在代码第一行书写,同时App对象还有四个属性:

      url:初始场景资源路径,这个场景必须是在ThingJS平台中存在的(使用CamBuilder或者CityBuilder搭建的场景进行开发时都会生成场景资源路径);
      skyBox:天空盒资源名称,目前有BulBlueSky(蓝天)、MilkyWay(银河)、Night(黑夜)、CloudSky(多云)、White(灰白)、Dark(暗黑);
      background:设置场景的背景颜色或图片;
      complete:场景资源初始化完成后的函数回调;
// 仅初始化 3D 应用
var app=new THING.App();

// 初始化 3D 应用,并加载场景
var app = new THING.App({
  url: 'https://www.thingjs.com/static/models/storehouse'// 场景地址
});

// 设置天空盒
var app = new THING.App({
  url: 'https://www.thingjs.com/static/models/storehouse',// 场景地址
  skyBox:'BlueSky'
});

// 设置背景图片
var app = new THING.App({
  url: 'https://www.thingjs.com/static/models/storehouse',// 场景地址
  background: 'http://www.thingjs.com/static/images/background_img_03.png'
});


最新回复 (0)

你可以在 登录 or 注册 后,对此帖发表评论!

返回