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

WebGL停车场三维可视化管理系统 DEMO（ThingJS 停车场3D可视化管理）

前言 随着社会的发展，城市中的汽车越来越多。车辆集中存放管理的场所被人类提出车辆进出的秩序、车辆存放的安全性、车辆存放管理的有偿性等要求。停车场系统应用现代机械电子及通讯科学技术，集控制硬件、软件于一体。随着科技的发展，停车场管理系统也日新月异，目前最为专业化的停车场系统为免取卡停车场。下面我们就用ThingJs平台来搭建一个3d可视化的停车场管理系统。 点击查看DEMO 效果 ...

js+css3实现五种3D动画

js+css3实现五种3D图片切换效果，可实现立体、翻转、翻页的效果， 代码可直接使用、

ThingJS：如何一键生成3D城市地图

ThingJS除了PASS能力，还提供了CampusBuilder/CityBuilder等SAAS平台，用来实现3D地图的交互配置，属于ThingJS可视化搭建组件之一。而且，CityBuilder还支持JS代码编辑，无代码进行创作，让3D地图开发成为设计人员也能够上手、和开发人员良好协作的一款产品。 ThingJS提供了一个城市场景的搭建工具CityBuilder，可以自动搭建3D城市地图，不需要我们另外去使用3Ds max等工具来制作模型，否则的话项目开发复杂度会高很多。一个好消息就是，ThingJS

js＋vml创建3D页面效果代码

js vml制作的3D效果

将三维模型（obj）导出js格式供threeJS中调用

前言 前段时间自己做过将在3Dmax中画的三维模型转换为js格式，通过threeJS中调用显示，最近又在做相关的项目，在这写个笔记吧。 1. 转换前准备 准备obj格式的三维模型 首先你肯定得需要一个obj格式的三维模型吧，我们可以打开Blender，或者3Dmax，随便构建一个三维模型；如图所示（这里我用3Dmax）： 安装python 我的电脑是安装了python2.7.11，...

ThingJS不仅实现矩形、多边形的创建，也能够开发控制圆形

只有封闭曲线才有"内部"与"外部"之别.例如,椭圆是封闭曲线,故有椭圆的内部与椭圆的外部的概念。ThingJS不仅实现矩形、多边形的创建，也能够开发控制圆形。 矩形区域和圆形区域都很好画，大部分建模工具可直接拖拽生成，但多边形区域则需要确定多边形要经过的点，得出多边形的最终形状。 ThingJS绘制多边形区域，以矩形和圆形为例，效果展示如下图。 ThingJS在线平台通过获取多个点坐标来确定多边形的形状，例如矩形获取4个世界坐标系下的坐标组合，构成多边形或矩形的点。 var points = [[0,

3D仿真教程：ThingJS全套环境搭建方案

在现实世界中，所有物体都不是独立存在的，周围都存在相应环境，常见的环境元素有雨、电、风、光束等，都是3D仿真的主要对象。ThingJS提供了全套环境搭建方案。 如何控制环境与效果？ThingJS 提供4种方式来控制天空和背景：  如何设置背景颜色  如何设置灯光效果  如何设置粒子效果  如何进行幕后处理 （一）设置背景颜色 • 使用 app.background 属性设置背景颜色； app.background = 0xff8844; 取消背景颜色可直接设置： app.background = n

快速搭建3D可视化场景之使用ThingJS解决问题

想要快速搭建3D场景需要掌握多少知识？其实有时候只需要了解JavaScript就行了，其他的你都可以在ThingJS中找到解决方法！为什么要快速搭建3D场景？在这个互联网时代，你领先了一步，可能就是领先了数万人甚至数百万人！而ThingJS将搭建3D可视化场景简化成了四个步骤：搭建场景、应用开发、数据对接、项目发布。而这四个步骤都十分简单，让你不用再操心其他方面！ 随着互联网的不断发展壮大，...

ThingJS，提升你的3D设计力！

如果一个设计中充斥着太多的内容，这个页面会显得杂乱无章，读者也无法从中很快看到所需的信息。ThingJS的3D开发也遵循同样的设计原则。 世界级设计师Robin Williams认为，复杂的设计原理不那么复杂，凝炼为亲密性、对齐、重复和对比4个基本原则。今天，来跟我了解什么是四大设计基本原则， 并且基于概念来找出自己目前面临的“形象设计”问题，不管是你的邮件还是文档，结果一定会让你刮目相看。 ThingJS平台提供的是3D开发平台，有场景搭建工具，也有3D开发应用，这都离不开设计审美力。因为3D不仅仅实现了

基于WebGL的3D技术在网页中的运用 ThingJS

Three.js、ThingJS这些引擎库可以加载3D制作软件的模型，大幅度提高了制作效率，改变WebGL开发困难的局面，让Web开发者享受便捷的3D开发服务。三者的开发难度对比如下： ThingJS（框架）< Three.js（引擎）< WebGL（接口） 3D绘图标准 - WebGL WebGL是一种3D绘图标准，通过结合Javascript和OpenGL ES 2.0，可以为HTML5的Canvas标签提供硬件3D加速渲染，这样Web开发人员可以借助系统显卡在浏览器里更流畅地展示3D

Javascript html5 实现生成3D三维立体图

3D图像处理部分参考自刘红石老师的Turbo C源码 http://www.liuhs.com/ 改写成Javascript版本，支持Html5的浏览器打开就可以运行，得到自己的3D画。 在Chrome(版本 48.0.2564.10 64-bit)、Firefox42.0下运行通过，IE9运行有问题。 Convert your pictures to magical sterograms(3D pictures).

WebGL:BabylonJS、Threejs、LayaboxJS、SceneJS、ThingJS比较

目前3d技术发展十分迅速，最初是WebGL，这是一种3d绘图协议，它将JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。

ThingJS官方示例：7天学会管线3D可视化开发

对于城市来说，地下管线及其附属设施，是保障城市运行的重要基础设施和生命线，如今想要提升地下管线建设管理水平，3D可视化的需求应运而生。 如何使用thingjs迅速生成管线可视化demo，我来为你解答。 在物联网中，对于管线的检测始终存在难度，如何用可视化的方式来解决这个管线监管问题呢？不论是城市管线还是社区，商场、大厦里的管线，想要实时检测到管线的状态都是比较困难的。我们又该如何通过现如今的技术来实现管线的可视化管理呢？ 智慧电力可视化系统构建发电、输电、变电、配电、用电、调度、通信信息各个环节逐级可视。具

ThingJS 和three.js对比开发太空漫游技术！3D 可视化

ThingJS 3D用来增加视觉效果,给人以更加直观,真实的感觉。 ThingJS 3D框架简化了开发工作，面向对象和模块化的特点使得网页代码更加易于管理和维护，并且提供近200个官方示例，直接获取API能力，不需要基于3D概念进行开发，适合3D商业项目快速生成！距离您的业务仅一层之隔，是非开发者也容易理解的一种应用方法。 Three.js是更为底层的3D渲染器，提供各式各样的3D开发概念，例如材质、网格、shader、灯光，逐一进行定制化开发，要求程序员要有清晰的设计思路，尤其是在3D对象类的定义上。

ThingJS 新手学习技巧

场景操作 API 用于对场景进行管理和控制，如创建场景、加载场景、设置场景属性等。THING.Scene()：创建一个新的场景。scene.load(url)：加载指定 URL 的场景资源。scene.setBackgroundColor(color)：设置场景的背景颜色。scene.setSkyBox(skyBox)：设置场景的天空盒。ThingJS 是一款功能强大、易于学习的 3D 可视化开发平台，通过本文的学习，新手开发者应该对 ThingJS 有了全面的了解。

基于WebGL的三维大屏可视化技术实践 thingjs 3d 开发

DataV, 腾讯云图，帆软等可视化大屏应用厂商，都提供三维可视化分析工具。ThingJS是近两年新兴的3D可视化开发组件，助力物联网3D可视化的未来发展。新基建浪潮汹涌，智慧城市建设也到了落地阶段，不再是纯粹的概念，很多物联网技术开始崭露头角，相较于之前的低调行为，3D可视化领域有何变化呢？ 以前 三维可视化城市大屏应用属于保密项目，CVS（可视化展示服务）系统部署在安全消防、城市交通、智慧工厂、城市管理等运营管理客户端，属于小众需求，随着云模式部署比例加大，大屏应用支持可视化组件进行监控画面搭建，中小开

3D灯光教程仅需三个步骤，用ThingJS体验极速开发！

人生苦短，3D灯光教程仅需三个步骤，用ThingJS体验极速开发！ 灯光有助于表达一种情感，或引导观众的目光看向具体的位置。灯光能够反映一种基调，对整个图像的外观至关重要。下面教你关于打灯光的技巧，以及轻便的开发方法。 ThingJS提供一套操作简便的灯光配置项，只要配置结束后，记得点击生成代码块并执行，一套完整的初级灯光效果就出来了。 主灯光 主灯光对象是对主光源的控制代码，可设置的变量包括阴影、颜色、强度和打灯角度。主光源通常放在四分之三的位置上，位置是从物体的正面转45度，并从中心线向上转45度。夜

ThingJS 3D开发如何实现进出层级？超简单！

作为开发真的不容易，要不就偷懒一下吧~偷懒也有好处，利用轻量化工具能节省很多时间，让你做出傲人的商业3D可视化项目效果！ 好的开始是成功的一半。只要你拥有了JavaScript基础，同时也了解如何使用上传后的资源，我们就可以开始通过ThingJS在线开发平台制作我们的第一个“HelloWorld”项目了。不了解如何操作的，可以点击 学习如何上传js/css/图片等资源到ThingJS。 ThingJS项目初制作 在ThingJS开发中，最重要的就是我们的APP对象了，有关ThingJS App对象介绍，大家