开发效率低？培训成本巨大？开发人才流失频繁？ 物联网领域的3D可视化开发前景看好，却也面临传统3D开发难题！

使用目前最流行的3D开发框架 three.js，一个加载模型、调光、选择模型弹框的功能，就能写出上百行代码……！

Three.js 虽说是大多数开发者首次接触的WebGL 3D库，但 ThingJS是新兴的3D框架，封装了对模型交互事件的API、对模型的操作及层次关系，一个个具体的模型抽象把开发者从复杂的3D概念中解放出来。

ThingJS “三好”助力便捷3D开发：

1. 采用JavaScript语言开发逻辑

2. 不需要专业的3D知识储备

3. 3D 可视化开发组件（共4套）

ThingJS 开发平台       CampusBuilder-3D 园区搭建工具     CityBuilder-3D 城市制作组件     Thingdepot- 模型库

如何参加送魔豆活动？

登录官网平台注册页面，活动有效期至12月31日（还有2个月），2020不再错过！

官方注册通道↓↓↓戳这里（ http://www.thingjs.com/guide/?m=sample）

首次填写公司信息认证通过，马上赠送魔豆500颗

支持魔豆充值，用来购买场景资源、3D地图模板以及更多应用。

另赠送150个官方示例合集（Demo文字版）， 支持官方授权的开发商用资格。

 ( 链接:  https://pan.baidu.com/s/1oG3TBg-wokfalZxOXDVVtQ   提取码: 8t7q)

官方示例什么样？

ThingJS 提供一套操作简便的灯光配置项，只要配置结束后，记得点击生成代码块并执行，一套完整的初级灯光效果就出来了。

官方示例代码

var app = new THING.App({
    url: 'https://www.thingjs.com/static/models/chinesehouse'
});
 
app.on('load', function (ev) {
    app.camera.position = [18.217000353088125, 16.96513529990897, 11.90387798709408];
    app.camera.target = [-0.92, 2.1, 2.7];
})
 
// 环境光对象
var ambientLight = {
    intensity: 0.4,
    color: '#FFFFFF',
};
// 半球光照
var hemisphereLight = {
    intensity: 0.5,
    color: '#FFFFFF',
    groundColor: '#202020',
};
// 主灯光对象
var mainLight = {
    shadow: true,
    intensity: 0.6,
    color: '#FFFFFF',
    alpha: 120,
    beta: 0,
};
// 第二光源对象
var secondaryLight = {
    shadow: false,
    intensity: 0,
    color: '#FFFFFF',
    alpha: 0,
    beta: 0,
};
// 全局配置
var config = {
    ambientLight,
    hemisphereLight,
    mainLight,
    secondaryLight
}
 
new THING.widget.Button('调整场景灯光', function () {
    // 设置灯光
    app.lighting = config;
})

ThingJS ：人生就像一杯奶茶，即使甜不了一辈子，但总能甜一阵子。