zoukankan      html  css  js  c++  java
  • 150个3D官方源码打包,参加0元送500魔豆活动,三维可视化 全景 3D建模 thingjs

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

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

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

    ThingJS Demo 官方示例列表(2020年10月版),支持官方授权的开发商用资格。
    (链接: https://pan.baidu.com/s/1oG3TBg-wokfalZxOXDVVtQ 提取码: 8t7q)

  • 相关阅读:
    go第二天
    go第一天
    engish
    english
    git 生成公钥
    tp5 验证码
    css处理文本折行截断
    数组对象总结(牢记)
    全局css样式
    Flexbox 弹性盒子布局
  • 原文地址:https://www.cnblogs.com/thingjs/p/13848199.html
Copyright © 2011-2022 走看看