150个官方3D源码打包，参加0元送500魔豆活动 三维可视化 全景 3D建模 ThingJS

开发效率低？培训成本巨大？开发人才流失频繁？物联网领域的3D可视化开发前景看好，却也面临传统3D开发难题！使用目前最流行的3D开发框架three.js，一个加载模型、调光、选择模型弹框的功能，就能写出上百行代码……！

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

采用JavaScript语言开发逻辑不需要专业的3D知识储备3D可视化PAAS开发组件 ThingJS开发平台 CampusBuilder-3D园区搭建工具 CityBuilder-3D城市制作组件 Thingdepot-模型库

如何参加魔豆活动？

登录官网平台注册页面，活动有效期至12月31日**，支持魔豆充值，**用来购买场景资源、3D地图模板以及更多应用。

官方注册通道↓↓↓戳这里

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

官方示例一览

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; })

3D源码列表

ThingJS Demo 官方示例列表（2020年10月版），支持官方授权的开发商用资格。

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

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