0元领魔豆500颗,150个3D源码打包,三维可视化 全景 3D建模 ThingJS

开发效率低?培训成本巨大?开发人才流失频繁?物联网领域的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日支持魔豆充值,用来购买场景资源、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;

})

另赠送150个官方示例合集(Demo),支持官方开发商用资格。

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


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

你可能感兴趣的:(0元领魔豆500颗,150个3D源码打包,三维可视化 全景 3D建模 ThingJS)