thingjs页面标记3d中的Marker标记可以绑定在物体上和物体一起旋转吗?

原标题:别找了3D建模工具我只鼡它。。

说到建模有的公司是可以自己完成一些基础操作的,但是想要一下很好的DEMO效果出来就没有那么尽如人意了小编想说关键你嘚会合理使用工具,他是什么工具呢ThingJS是基于 HTML5 和 WebGL 技术,可方便地在主流浏览器上进行浏览和调试支持 PC 和移动设备。ThingJS 为可视化应用提供了簡单、丰富的功能只需要具有基本的 Java 开发经验即可上手。

ThingJS 提供了场景加载、分层级浏览对象访问、搜索、以及对象的多种控制方式和豐富的效果展示,可以通过绑定事件进行各种交互操作还提供了摄像机视角控制、点线面效果、温湿度云图、界面数据展示、粒子效果等各种可视化功能。

ThingJS开发平台(官方网站/)提供如下相关组件和工具供用户使用:

CityBuilder:聚焦城市的 3D 地图搭建工具打造你的 3D 城市地图。

CamBuilder:简單、好用、免费的 3D 场景搭建工具

ThingPano:全景图制作工具,轻松制作并开发全景图应用实现 3D 宏观场景和全景微观场景的无缝融合。

ThingDepot:上万种模型数十个行业,自主挑选一次制作多次复用。

ThingJS 平台的对象是指一个使用 ThingJS 提供的各种类创建的物体实例不同类的对象实例具有不同接口和功能,比如我们在场景里创建一个园区园区就是一个对象,园区里的建筑和物体都是对象

ThingJS 平台的模型是指可复用的 3D 资源包,有些对象实例创建时指定模型资源的路径

启动 ThingJS 后,ThingJS 就会创建一个三维空间整个三维空间我们称之为“场景”(scene),在场景内我们可以创建对潒比如园区,楼宇车辆,传感器等等

通过 CamBuilder 可编辑并输出一个园区,该园区可在 ThingJS 场景中加载

ThingJS 平台的项目是指一个场景加上一个交互腳本。脚本使用 Java 语言开发例如 Demo 里的粮仓管理,交互功能包括点击仓库可以显示信息牌点击屋顶可以开盖。

以场景原点为中心的直角坐標系称为世界坐标

当在场景中创建了园区,在园区下我们放置一个模型模型是园区的子物体,我们想在园区的坐标系下设置模型的位置,这时使用的园区的坐标系就是模型的父物体坐标系。

启动 ThingJS 后ThingJS 就会创建一个三维空间,整个三维空间我们称之为“场景”(scene)在场景内我们可以创建对象,比如园区楼宇,车辆传感器等等。

某对象向前移动 2 米就是在自身坐标系下设置坐标 [0,0,2](Z轴正向朝向我们的方向)。

ThingJS 的 3D 可视化应用是 B/S 架构的3D 场景是运行在客户端的浏览器中。3D 场景渲染展示对客户端设备要求较高特别是显卡,一般必须是独立显卡

推薦使用 Chrome 浏览器进行开发和演示

ThingJS 若是离线部署,需要部署到服务器端ThingJS 对服务器端的要求并不高

硬盘:500GB及以上

支持项目 托管部署 和 离线部包部署 两种方式。

个人开发者免费适用于验证 3D 开发流程,制作 Demo 项目

商业开发者按年收费,商业开发者适用于开发/测试物联网 3D 项目

ThingJS 平囼按项目数量计费。

托管项目按一个项目一年授权的方式收费

离线部署包按项目收费。

具体详情可点击 此处 进行了解查看

开发者使用項目托管,通过在线开发调试代码在测试完成后,可一键发布并且在有效期内可随时更新。

开发者在开发完成后可申请离线部署包一個月试用试用期内可随时更新场景和代码。 测试完成后购买永久授权码。使用永久授权码最终交付项目而且永久授权脚本可以随时哽新,更新后不需要新授权码但是永久授权更新场景需提交审核,变动不超过 50%1工作日内发放新授权码。

对接的数据不用经过 ThingJS 平台可鉯通过 Ajax 请求或者 WebSocket 方式获取服务器端的数据。

在开发过程中出现加载慢等问题时用户可先自行检测自己的网络是否正常,我们将会提供测試页面供用户检测如果用户在正常时间范围内未打开测试页面,那么可能是由于用户网络的问题

每个用户搭建的场景不同,场景内的嘚物体数量也不确定当场景内物体过多时也有可能会导致场景加载缓慢,卡顿建议采用分批次加载,分室内外加载动态加载等方式。

场景内物体数量过多、开启了屏幕后期特效、请求后台数据频繁都可能造成性能损耗;代码脚本出现逻辑问题、客户端机器配置低等情况吔会造成场景运行卡顿

代码逻辑问题可通过log或者debuger进行检查。

目前大部分笔记本出于节电考虑将显卡设置在集成显卡或核心显卡状态下,无法完全发挥独立显卡的优势影响演示效果,故特此说明如何将显卡的性能调优(以NVIDIA显卡为例)

进入NVIDIA显卡的设置界面,如下图所示:

选擇“管理3D设置”中的“全局设置”并将其设置为“高性能NVDIA处理器”;

在具体细节设置中,调整两项指标:

各向异性过滤:调到最高(此操作主要是为了提高显卡的抗锯齿能力)

电源管理模式:调整为“最高性能优先”(避免因为节电模式造成整机性能下降)

点击“程序设置”后找箌“Chrome”,如下图所示:

把Chrome程序所用图形处理器设置为“高性能NVDIA处理器”

VIP账号以及托管开通流程

在 ThingJS 开发过程中为了享受更多的特权。我们提供了 VIP(商业开发者)特权

在 ThingJS 网站登录需要升级的账号;

点击跳转至“价格”页面。可查看商业开发者享受的特权点击“立即购买”即可成為商业开发者。

项目有两种发布方式1.在线部署。 2.离线部署

在线部署,是指在ThingJS平台上托管所有的资源都放在ThingJS平台。

在ThingJS网站登录需要升級的账号;

点击跳转至“价格”页面可查看项目部署对比,点击“立即购买”即可购买在线部署服务

离线部署,是指在用户自己的服务器上进行部署所有的资源都会下载到用户的服务器。进行离线部署必须成为 VIP(商业开发者)

在 ThingJS 网站登录需要升级的账号;

点击跳转至“价格”页面。可查看离线部署享受的特权可点击联系我们,进行更多了解

也可直接点击前往控制台找到需要进行操作的项目,点击操作選择离线部署

在弹出框中选择“重新打包下载”,进行打包下载前要求完整填写公司名、职位、手机、至少1项互联网联系方式(微信、QQ、郵箱),完成后点击确认下载

下载后的文件进行解压内置离线部署包使用说明,可按照说明书进行后续相关操作点击查看离线部署说明書

原标题:标记城市CityBuilder带你认识3D可視化世界中不一样的城市动感

标记城市,标记生活每一个生活在城市里的人你是否了解这个城市呢?CityBuilder带你认识3D可视化世界中不一样的城市动感!先来了解一下CityBuilder是什么硬核工具吧!

当前版本: / 欢迎加入开发大群

我要回帖

更多关于 js页面标记 的文章

 

随机推荐