ThingJS_51CTO博客
ide
转载 2020-06-11 13:30:00
32阅读
2评论
参考:官网 在线开发 文档中心 1.ThingJS是否支持融合框架,如何与ThingJS进行融合 将thingjs的发布链接使用iframe嵌套到前端框架中。 2.例如Angular框架中使用iframe嵌套thingJS链接,相互传值问题 向引用的iframe页面发送数据 iframe页面向引用的 ...
转载 2021-08-27 10:53:00
649阅读
2评论
// 鼠标拾取物体设置勾边 obj.on(THING.EventType.MouseEnter, function(ev) { ev.object.style.outlineColor = '#FF0000'; }); // 鼠标离开物体取消勾边颜色 obj.on(THING.EventType.MouseLeave, function(
原创 2023-10-14 10:49:23
110阅读
在app.onload之前使用ajax添加html文件// ajax请求文件 $.ajax({ url: '/uploads/wechat/703071/file/启动界面/index.html', //启动界面地址 type: 'get', dataType: 'text', success: function (data) { // 添加启动界
原创 2023-10-13 09:25:57
85阅读
ThingJS 使用 JavaScript 语言进行开发 尤其是快捷代码中的综合这一栏,其中有一个场景预览的快捷代码,只需要引入这个快捷代码,就能非常迅速的让你的场景出现预览选项啦! 使用方法如下:鼠标放置在左上角快捷代码处,选择栏目,然后双击对应功能,点击该功能即可出现在当前项目上(温馨贴士提醒,请注意代码出现的位置问题,出现的代码位置需要按照个人要求来进行调整,快捷代码出现的位置为鼠标
翻译 2021-09-13 01:37:46
635阅读
智慧园区是指综合新一代3D建模与三维可视化技术,具备迅捷的信息采集,告诉的信息传输、高度集中的计算、智能实物处理和无所不在的服务提供能力。商迪3D运用3D建模、3d可视化、三维立体模型、三维虚拟现实、3d展示等及你数实现园区内及时、互动、整合的信息感知、传递和处理,实现以产业聚集能力、企业积极竞争力、园区可持续发展为目标的先进园区的发展理念。3D园区可视化建模三维智慧建筑立体模型在线展示包含众多新
1、 加载模型2、 添加多个数字孪生可视化园区3、 销毁物体在数字孪生可视化场景初始化后,我们就可以在3D场景内添加物体对象了,可以通过 create() 方法来创建物体,例如,加载模型、添加标记、创建基本形体、添加多个园区等。通过 destroy() 方法,可以销毁物体,即在场景中删除物体。通过 create() 方法创建物体,并通过对象名称和属性,来添加所创建的物体属性。var obj = a
原创 精选 2021-05-31 15:16:36
2183阅读
1、粒子效果2、加载场景3、不同粒子效果实现在做3D项目时,我们经常需要模拟下雨,下雪的天气,有时也会模拟喷泉、着火等效果。这些效果需要使用名为粒子系统(particle)的技术来实现。使用ThingJS可以快速编写粒子效果,比如:下雨、下雪(可以控制雨雪大小)、喷水、火焰效果等,甚至可以通过对接第三方的数据,实时控制三维场景的效果(比如:对接天气接口)。1、粒子效果ThingJS 提供 Part
3d
原创 精选 2021-05-27 15:16:22
3518阅读
1、 创建App2、 加载场景3、 加载地图在数字孪生可视化行业,搭建模型以及3D场景都是让人头疼的事,但是有一个平台解决了这些难题,它就是ThingJS。作为面向物联网的3D可视化开发平台其特点是:简单易学、提升效率、快速搭建、丰富模型、一键部署,前端工程师也能轻松进行数字孪生可视化项目开发。如果你是一位数字孪生可视化的初学者或正打算入门,你可以阅读本文并在我的代码基础之上继续深入学习。首先登录
原创 2021-05-28 14:53:48
2145阅读
什么是三维地图可视化?如何做三维地图可视化展示?用什么工具做?可能大家第一个想到的是excel,其实不然,ThingJS CMAP开发组件已经更加简单。CMap 是基于 ThingJS 实现的地图组件库,我们与高德地图导航服务合作开发导航功能,用到其中的路径规划服务,这里的web服务API对所有用户开放,可以轻松开发。 按照高德的路径规划结果,使用GCJ02坐标系的谷歌影像,导航支持驾车、骑行与步
转载 2021-02-25 20:34:26
231阅读
2评论
Motivation - 采用Unity作为孪生技术栈的经历?最开始想要利用Ansys的Twin Builder模块来进行数字孪生的开发,但是Ansys 的Twin Builder在部署的时候,需要license,要获得license所要花费的价格是难以接受的。 后来想要利用QT+VTK的方式来进行开发,因为QT是用来开发GUI程序比较常用的框架,加上自己所要研究的对象需要实时反映三维的应力应变的
1. 初识城市大脑概念2. 城市大脑运作模式![在这里插入图片描述](https://img-blog.csdnimg.cn/20210326170232840.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RoaW5nSlM=,size
原创 2021-03-26 17:12:09
481阅读
响应鼠标操作,其中有一个非常重要的知识:使用鼠标点取,达到对三维模型对象的捕捉。拾取对象的开发技术有一定的逻辑,尤其在透明建筑内,ThingJS帮你简单实现拾取功能。 物联网应用中 3D 场景中的模型会越来越多,这时我们不可避免需要一些交互效果,比如当点击某一个模型的时候做出反馈动作,这需要我们能够通过鼠标的点击位置推导出点击到的模型,这种技术实现称为 3D 拾取。Picker(选择器/拾取器/选
转载 2021-02-25 17:01:49
212阅读
2评论
Imagination is more important than knowledge。这个时代,数字化正在重塑一切;数字化转型成功与否,可以决定一个组织的生死。数字孪生可视化是数字化转型企业必备的全景视图,而开发者,亦是建设者。 Imagination 2021 ThingJS 开发者用户大会将于2021年12月18日在UINO优锘科技•北京总部召开。届时,UINO优锘科技创始人、CEO陈傲
JavaScript可以同样式进行交互,你可以通过编写程序来动态改变文档上元素的样式。ThingJS在js交互元素上加入3D可视化功能,大屏效果丰富。HTML绘制平面图形可以采用canvas标签,但是功能上只能呈现2D图形,想要呈现3D图像需要特殊上下文,于是引入了webGL技术。如果想看它的场景演示,可以访问谷歌团队Data Arts出品的基于webGL的3D场景库,前端技术圈也视它为一个蓝海技
转载 2021-02-25 20:28:46
317阅读
2评论
1. 初识城市大脑概念2. 城市大脑运作模式![在这里插入图片描述](https://img-blog.csdnimg.cn/20210326170232840.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RoaW5nSlM=,size
原创 2021-03-26 17:12:12
1783阅读
#前端开发##交通可视化##Geoline#简介:智慧城市对于我们并不陌生,目前已经有600多个城市平台智慧化,拥有空、天、地一体化的基础网络部署,针对城市交通物理实体对象的仿真模拟也有了长足发展。为了更逼真的孪生技术应用于交通出行,ThingJS平台结合物联网专业领域应用经验,构建智慧交通场景,加入定制化特效,让城市交通也有机会展示最好的一面!体验见demo链接:http://www.thing
原创 2021-01-20 21:29:10
1530阅读
SpotLight聚光灯具有锥形效果的光源,可以产生阴影,类似我们日常生活中的手电筒。ThingJS如何基于JS语法来设置聚光灯功能呢? 光源 (Lights) 是每个场景的重要组成部分。网格和纹理决定了场景的形状和外观,而光源则决定了三维环境的颜色和氛围。您可能会在每个场景中使用多个光源。让它们一起工作需要一些实践,但结果却相当惊人。 ThingJS 提供一个模拟手电筒、车灯、等线性光照效果的光
转载 2021-02-25 16:49:15
341阅读
2评论
人类从来都是视觉动物,美观舒适的场景会带来“感官上的满足”。在实际的项目中也一样,炫酷科幻的可视化项目更能受到客户青睐。那么怎样才能快速提升3D场景的效果?传统的3D场景效果往往只能随着复杂的3D建模工作进行,并且每制作一个3D场景,效果也需要重新制作一份,效果制作门槛儿高、操作繁琐且不可复用。使用森园区搭建完园区场景,一键套用官方效果模板,并支持自定义效果模板,复用更方便!制作炫酷的园区效果步骤
原创 精选 2022-06-17 16:38:30
1883阅读
基于WebGL技术探讨一下两款3D经典框架!
原创 2020-07-29 17:19:31
3104阅读
  • 1
  • 2
  • 3
  • 4
  • 5