提高数字众创能力,ThingJS在线平台功不可没-阿里云开发者社区

开发者社区> 游客g5eizyrh6cvnm> 正文

提高数字众创能力,ThingJS在线平台功不可没

简介: 人类真正从二维文明发展到三维文明,其标志性事件其实是人造卫星的升空
+关注继续查看

捕获.PNG

科学界有一种说法,人类真正从二维文明发展到三维文明,其标志性事件其实是人造卫星的升空。3D可视化普及大众,ThingJS的众创能力功不可没。

数字孪生可视化是未来趋势,3D效果则成为追捧对象,2D是平面技术的一种,但是感官体验、空间感与3D截然不同。人的世界是三维视觉,所以3D技术被认为是高度仿真,3D功能增效包括光效、雨雾、动画等,力求逼真效果。

优锘科技独立研发具有自主产权的数字孪生可视化平台和相应的解决方案,更是推出了史诗轻量级在线开发平台——ThingJS,满足小微团队快速开发3D可视化应用需求。数字孪生技术通过将建筑模型、设备模型、物理连接、感测数据和传统的二维图表结合的方式,消除了技术难度上的壁垒,建立了真实世界的数字镜像。

真实场景还原

3D开发中会经常出现一个词:管理对象,在3D空间内我们时时刻刻需要控制对象。先搭建精模真实还原对象外观及位置,再利用ThingJS封装库开发3D仿真效果,最后输出链接供PC端、移动端可访问,实现真实场景还原,常见的场景还原包括环境可视化、设备可视化等。

环境可视化是将目前数据中心机房的物理环境做虚拟仿真,从机房、机柜、机柜内IT设备及数据中心机房的各类基础设施。

设备可视化则是让用户在3D环境中搜索、查看设备的外观和信息。一旦出现故障,三维可视化能够让客户在场景中迅速定位到故障设备的位置,也能够通过物理位置的距离特性进行关联分析。数字孪生技术手段有助于加速定位,故障得以解决。

3D轻量开发

实时巡检或演示汇报等,这些都是数字孪生众创项目的落地动作,ThingJS提供了技术支撑。

通过将数字孪生中特有的摄像机、视角和平滑切换技术整合起来,就形成了动画制作的功能,利用这个功能,用户能够自己动手,把他感兴趣的,任意角度的画面无缝地衔接起来,形成一套完整的动画。这个功能被用户广泛应用在实时巡检和演示汇报上,充分地体现了数字孪生创新理念。

3D开发包括摄像机视角设置,ThingJS官方示例提供摄像机位置、飞到物体和环绕物体的实现方式。如下:

var app = new THING.App({
    url: 'https://www.thingjs.com/static/models/storehouse'
});

// 创建UI
function createUI() {
    new THING.widget.Button('直接设置', set_camera);
    new THING.widget.Button('飞到位置', flytoPos);

    new THING.widget.Button('聚焦物体', fit_camera);
    new THING.widget.Button('飞到物体', flytoObj);
    new THING.widget.Button('环绕物体', rotate_around_obj);
}
createUI();

// 直接设置
function set_camera() {
    // 设置摄像机位置和目标点
    // 可直接利用 代码块——>摄像机——>设置位置
    app.camera.position = [-10.179597135589418, 57.92056475377832, -69.93170920109229];
    app.camera.target = [8.694689127408054, -7.003812939834516, 11.51772904610059];
    // 打印当前摄像机位置 和 目标点
    app.camera.log();
}
// 飞到位置
function flytoPos() {
    // 摄像机飞行到某位置
    // 可直接利用 代码块——>摄像机——>飞到位置
    app.camera.flyTo({
        position: [40.0, 10.0, 25.0],
        target: [8.0, -2.0, 4.0],
        time: 2000,
        complete: function () {
            console.log('飞行结束')
        }
    });
}
// 聚焦物体
function fit_camera() {
    var car = app.query('car01')[0];
    app.camera.fit(car);
}
// 飞到物体
function flytoObj() {
    var car = app.query('car02')[0];
    car.style.color = '#ff0000';
    // 可直接利用 代码块——>摄像机——>飞到物体

    // 摄像机飞行到某物体
    app.camera.flyTo({
        'object': car,
        // 'xAngle': 30,  //绕X轴旋转的角度
        // 'yAngle': 60,  //绕Y轴旋转的角度
        // 'radiusFactor':3,  //物体包围球半径的倍数
        'time': 2 * 1000,
        'complete': function () {
            console.log('飞行结束');
            car.style.color = null;
        }
    });
}

// 环绕物体,围绕car在5秒内旋转180度
function rotate_around_obj() {
    var car = app.query('car01')[0];
    app.camera.rotateAround({
        object: car,
        time: 5000,
        yRotateAngle: 180
    });
}

ThingJS轻松实现普通人快速搭建3D场景!

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
4067 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
4478 0
阿里云服务器远程登录用户名和密码的查询方法
阿里云服务器远程连接登录用户名和密码在哪查看?阿里云服务器默认密码是什么?云服务器系统不同默认用户名不同
443 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
10767 0
AliOS Things技术底层加持cYoC物联网操作系统 获国际TUeV功能安全认证
近日,以阿里云物联网操作系统AliOS Things技术底层加持、平头哥半导体有限公司自主研发的YoC软件平台斩获了国际公认第三方认证机构SGS-TUeV SAAR颁发的SIL3功能安全证书。这标志着平头哥YoC软件平台,具备了与国际规范接轨的能力,也进一步体现了阿里云自产自研的AliOS Things系统底层的技术含量与端侧实力。
925 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
3227 0
阿里云服务器ECS登录用户名是什么?系统不同默认账号也不同
阿里云服务器Windows系统默认用户名administrator,Linux镜像服务器用户名root
1129 0
44
文章
3
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载