ThingJS：十万多个三维空间模型请参考

基于WebGL的三维室内可视化逻辑建模 thingjs

室内空间最直观的定义是被墙面、地板面和屋顶面围合而成的有界空间。与室外空间相比，ThingJS平台的室内空间的三维可视化要求更加精细，如果不能很好地表达容易对用户造成误导！ 与室外空间相比,室内空间的层次结构较为明显,各楼层间主要是通过楼梯、电梯等这些通道进行连接，除建筑本身结构外还有门窗、栏杆、楼梯等要素，要注意这些人工要素的功能性表达。尤其是室内空间通道的特殊性，制作室内模型的时候要注意空间划分，包括单楼层通道，例如门、走廊，以及连接楼层间的垂直通道，包括步梯、扶梯、直梯，其中步梯一般为建筑结构的一部分

数字孪生——thing.js和three.js

本文讲了thing.js和three.js的对比及它们的应用

ThingJS技术分享：建筑建模常用软件一览 3D 可视化

聚焦物联网领域的3D开发软件，3D效果的描绘对象包括建筑、实景和室内、设备，面向的用户大致分为（1）非3D专业设计师、（2）建筑设计师和（3）转3D开发的前端工程师，不同群体的需求层次不一样，而不同的群体，因为技术的侧重点有区别，大致会选择以下三大工具： 做这一行的都知道，选择工具需谨慎，因为会存在模型数据格式不统一的问题，所以一般要考虑格式转换，软件组合必不可少。 3D效果爱好者 大部分非3D专业的设计师会倾向于使用通用3D软件，用于广告宣传或者地图导航，比如谷歌SketchUp，直接输出为谷歌地图，利

前端实现Thing.js 3D模型展示Demo

记录一下自己本周学习Thing.js的一些心得，然后自己写了一个demo。

ThingJS：如何快速生成3D动画？

场景搭建之后，内置动画的模型如何快速生成？ 对于 Thing 类的对象，是通过 url 加载的模型，很多模型在制作阶段就内置了动画。 如果模型有内置动画，则可以在 ThingJS 中利用 API 调用播放这些动画。 如果是动态创建的物体，由于模型加载是异步的，则必须在模型加载完成后才能调用动画。 1． 获取模型动画 首先我们通过 animationNames 属性获取上图中的模型都有什么动画。 示例： console.log(obj1.animationNames); 输出： 播放模型动画 我们使

数字孪生--thingjs

4、使用自定义模型时需要导入模型的URL，然后设置type为thing。1、使用js创建新的模型（设置模型的参数，长宽高、模型的外观颜色需要单独设置），3、 物体模型的移动，旋转。

3D模型gltf下载网站(threejs开发)

3D模型gltf下载网站(threejs开发)

物模型（Thing Model）三大核心组件：属性（Properties）、事件（Events）、服务（Services）

摘要： 物模型（Thing Model）是物联网中对物理设备的数字化抽象，通过属性（Properties）、事件（Events）、服务（Services） 三大核心组件统一描述设备功能和行为。属性描述持续状态（如温度、开关状态），支持读写或只读；事件是设备触发的瞬时通知（如故障告警）；服务是可远程调用的方法（如校准传感器）。物模型标准化了设备交互，支持实时监控、异常上报和复杂控制，适用于智能农业等场景，具有开发标准化、灵活扩展和资源优化等工程价值，是构建智能系统的核心基础。

Threejs文件包下载和目录简介

网易云付费系统课程b站免费入门视频在正式学习Three.js之前，先做一些必要的准备工作，具体说就是下载threejs官方文件包，threejs官方文件包提供了很多有用的学习资源。下载three.js文件包解压后，你可以看到如下目录(不同版本会略有差异)。对于开发者而言，大家经常接触的是文档docs和案例examples两个文件夹，平时查看文档，可以打开文档docs里面html文件，案例examples里面提供了海量threejs功能案例。three . js - 文件包。

Sketchfab模型在ThingJS上的应用

近日，需要在网页上做一个纯H5的、基于三维场景的应用，网上搜了下，发现ThingJS平台（https://www.thingjs.com/）是个不错的选择...... ThingJS是一个物联网3D可视化PaaS平台，基于WebGL，兼容各种浏览器及移动设备，零门槛、高效率、低成本开发各类3D应用。开发看起来也挺简单，网站还提供了三维场景搭建工具，叫模模搭的，很方便。 不过呢，在3D场景...

WebGL的3D框架比较 Three.js和ThingJS

原创 文章，转载请标明出处https://blog.csdn.net/liuwei000000/article/details/80623532 随着flash的没落，浏览器的原生能力的兴起。在3D方面WebGL不管从功能还是性能方面都在逐渐加强。2D应用变为3D应用的需求也越来越强烈。 win10的画图板支持3D图片，2d工具photoshop也开始逐步集成了3D工具。 ...

ThingJS本地加载速度提升10倍，复杂场景不愁！

大型3D场景结构复杂，对精度要求很高，大量数据带来了甜蜜的烦恼。为了降低数据传输压力，ThingJS开发了浏览器常规临时缓存持久化技术，复杂场景加载不再愁！ 这是一个基于浏览器的本地缓存功能，由ThingJS平台提供的thing.cached.min.js库封装提供，按照JS脚本提供的代码执行加载本地3D场景。 以下是详细的操作步骤，欢迎体验！ 引用thing.cached.min.js文件封装库 第一次加载场景，先把文件后缀为’glb’, ‘gltf’, ‘bin’, ‘json’, ‘jpg’, 'p

thingJS模模搭(campusbuilder/momoda)及3dsmax插件遇到的坑

momoda、网页端和max插件momoda3dsmax插件 momoda 一个账号不要多端同时使用，每个人的增删改在同步后不知会发生什么问题。 上传模型要好久才能出现在“上传模型”文件夹里，还要不知什么时候才会在打开场景里看到；所以要多次点击同步和场景选项里的“场景同步”， 耐心等待。 摆放场景时会有各种各样的问题，大多是模型问题导致momoda不兼容。目前出现过的情况有：物体摆放完点击属性面板后会莫名复位甚至透明消失；模型表面法线与建模软件内不一样（之前用C4D建模时好像平滑标签的问题）；

结合Echarts、Ajax技术实现可视化大屏监控 ThingJS 3d 开发

#三维可视化# #3D开发# ECharts是 Enterprise Charts缩写，表示商业级数据表图，它是一个基于html5 Canvas的图标库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器 (E6/7/8/9/10/1, chrome, firefox, Sarari等)，底层依赖轻量级的 Canvas类库 ZRender，创建了坐标系、图例、提示、工具箱等基础组件，能够提供直观、生动、可交互、可高度个性化定制的数据可视化图表。创新的拖拽计算、数据视图、值域漫游等特性大大增强了用户体验

ThingJS官方示例（三）：3D标记“Marker”跳跃、闪烁和发光动画效果

物联网3D可视化场景中，经常用到标注元素作为线路标绘、业务区域标绘，比如定位物联网设备或危险源位置，进行安全作业或者路径导航规划，远程解决难题。 ThingJS的3D标记“Marker”，往往用于顶牌，有两个主要作用： 传入div, image或canvas写文字，展现在3D场景中或绑定在3D物体上； 添加一个图片放置到你希望的位置，作为孩子添加到对象身上，随着对象一同移动。 注意，标记Marker受距离远近影响，呈现近大远小的 3D 效果，也会在 3D 空间中实现前后遮挡。 功能列表更新Ma

从零开始学习3D可视化之模型动画

获取模型动画 播放模型动画 停止播放模型动画 在搭建3D可视化场景的过程中，我发现很多模型都有内置动画，很多模型在制作阶段就内置了动画，如果模型有内置动画，可以在 ThingJS 中利用 API 调用播放这些动画。 比如官方示例中通过 dbclick 事件来控制机柜开启，click 事件来控制鼠标右键关闭机柜。 1、获取模型动画 首先通过animationNames属性获取3D可视化模型都带有有什么动画。 console.log(obj1.animationNames); // 日志窗口..

three.js加载3d模型_ThingJS：基于WebGL的3D技术在网页中的运用

Three.js、ThingJS这些引擎库可以加载3D制作软件的模型，大幅度提高了制作效率，改变WebGL开发困难的局面，让Web开发者享受便捷的3D开发服务。三者的难度对比如下：ThingJS(框架)< Three.js(引擎)< WebGL(接口)3D绘图标准 - WebGLWebGL是一种3D绘图标准，通过结合Javascript和OpenGL ES 2.0，可以为HTML5的C...