相关内容
原 基于 HTML5 WebGL 的 3D
前言用 webgl 渲染的 3d 机房现在也不是什么新鲜事儿了,这篇文章的主要目的是说明一下,3d 机房中的 eye 和 center 的问题,刚好在项目中用上了,好生思考了一番,最终觉得这个例子最符合我的要求,就拿来作为记录。 效果图? http:hightopo.comdemo3droomindex.html这个 3d 机房的 demo 做的还不错,比较美观,基础...
基于 HTML5 + WebGL 实现 3D 挖掘机系统
挖机动画 -- 用户可点击 2d 界面铲子图标,点击之后系统会把挖机本身几个动画做一个串联展示。 本篇文章通过对挖掘机可视化场景的搭建,挖机机械动作代码的实现进行阐述,帮助我们了解如何使用 ht 实现一个挖掘机的可视化。 预览地址:基于 html5 webgl 的挖掘机 3d 可视化应用 http:www.hightopo.comdemoht-excava...

基于 HTML5 WebGL 的挖掘机 3D 可视化应用
挖机动画 -- 用户可点击 2d 界面铲子图标,点击之后系统会把挖机本身几个动画做一个串联展示。 本篇文章通过对挖掘机可视化场景的搭建,挖机机械动作代码的实现进行阐述,帮助我们了解如何使用 ht 实现一个挖掘机的可视化。 预览地址:基于 html5 webgl 的挖掘机 3d 可视化应用 http:www.hightopo.comdemoht-excava...

基于HTML5 WebGL的工业化3D电子围栏
以下是项目地址:基于html5webgl的工业化3d电子围栏、轨迹图效果预览工厂人员实时定位效果及电子围栏效果? 轨迹图效果图? 代码实现人物模型及场景项目中使用的人物模型是通过 3dmax 建模生成的,该建模工具可以导出 obj 与 mtl 文件,在 ht 中可以通过解析 obj 与 mtl 文件来生成 3d 场景中的摄像头模型...

基于 HTML5 WebGL 的加油站 3D 可视化监控
预览地址:基于 html5 webgl 的加油站 3d 可视化监控 http:www.hightopo.comdemogas-station-demo界面效果预览视频监控效果? 加油机监控效果? 油罐监控效果? 加油站切换效果? 因为系统中对许多的加油站进行建模,所以系统中可以根据 url 地址的 stationcode 来区分不同的加油站,即 stationcode 为该加油站的唯一标识...

基于 HTML5 WebGL 的地铁站 3D 可视化系统
预览地址:基于 html5 webgl 的地铁站 3d 可视化系统 http:www.hightopo.comdemoht-subway界面简介及效果预览地铁运行效果? 地铁从站外开到站内的效果为透明度逐渐增加,速度逐渐降低。 漫游效果? 上述为自动巡检的漫游效果,场景自动进行前进旋转。 监控设备交互效果? 当我们点击场景中的监控设备时可以查看当前设备...

基于 HTML5 WebGL 智能城市的模拟运行 顶
本 demo 使用 ht for web 产品轻量化 html5webgl 建模的方案,构建了城市建筑群场景,添加了城市道路,实现了智能城市 web 可视化,还通过动画模拟了城市的运行。 demo 地址:http:www.hightopo.comdemointelligent-cityentrydestindex.html预览图:? 代码实现加载场景首先新建一个场景,并将场景添加到页面中...

基于 HTML5 WebGL 的挖掘机 3D 可视化应用 顶
挖机动画 -- 用户可点击 2d 界面铲子图标,点击之后系统会把挖机本身几个动画做一个串联展示。 本篇文章通过对挖掘机可视化场景的搭建,挖机机械动作代码的实现进行阐述,帮助我们了解如何使用ht实现一个挖掘机的可视化。 预览地址:基于 html5 webgl 的挖掘机 3d 可视化应用 http:www.hightopo.comdemoht-excavator...
基于 HTML5 WebGL 的 3D 网络拓扑图
但是搭建 3d 应用场景又依赖于通过 3ds max 或 maya 的专业 3d 设计师来建模,unity 3d 引擎做图形渲染等,这对用户来说都是挑战! 不过,ht一站式的提供了从建模到渲染,包括和 2d 组件呈现和数据融合的一站式解决方案。 ht基于 webgl 的 3d 技术的图形组件 ht.graph3dview 组件通过对 webgl底层技术的封装,与ht...

基于 HTML5 WebGL 的 3D 网络拓扑图
但是搭建 3d 应用场景又依赖于通过 3ds max 或 maya 的专业 3d 设计师来建模,unity 3d 引擎做图形渲染等,这对用户来说都是挑战! 不过,ht 一站式的提供了从建模到渲染,包括和 2d 组件呈现和数据融合的一站式解决方案。 ht 基于 webgl 的 3d 技术的图形组件 ht.graph3dview 组件通过对 webgl底层技术的封装,与ht ...
原 基于 HTML5 WebGL 的 3D
hightopo.comguideguidecore3dht-3d-guide.html),通过将场景中的元素添加到保存数据的数据容器(https:hightopo.comguideguidecoredatamodelht-datamodel-guide.html)中即可:var dm = new ht.datamodel(); 数据容器var g3d = new ht.graph3d.graph3dview(dm); 三维组件g3d.addtodom(); 将三维组件添加到 body 体...

基于 HTML5 WebGL 的地铁站 3D 可视化系统 顶
预览地址:基于 html5 webgl 的地铁站 3d 可视化系统 http:www.hightopo.comdemoht-subway界面简介及效果预览地铁运行效果? 地铁从站外开到站内的效果为透明度逐渐增加,速度逐渐降低。 漫游效果? 上述为自动巡检的漫游效果,场景自动进行前进旋转。 监控设备交互效果? 当我们点击场景中的监控设备时可以查看当前设备...
原 基于HTML5的WebGL电信网管3D
我很庆幸自己活在这个html5时代,可以用一门javascript语言技术玩通用组件,玩chart,玩拓扑,完3d,是的还可以玩后台nodeweekly,再说了不成为稀缺动物,就玩html5不也照样拿高薪,有选择的条件下何苦让自己成为恐龙古董。 回到今天正题,随着去年后半年来ie11和android浏览器支持webgl之后,webgl技术在我接触的...

基于 HTML5 的 WebGL 楼宇自控 3D 可视化监控
如果用户需要搭建智慧园区,智慧楼宇等场景,完全可以使用这种基于 html5webgl 建模的方案,减少考虑使用 bim 建模模型。 场景中的管道以及背景地图路线都...所以我们采用以 hightopo 的 ht for web 产品轻量化 html5webgl 建模的方案,实现快速建模、运行时轻量化到甚至手机终端浏览器即可 3d 可视化运维的良好...
基于 HTML5 WebGL + VR 的 3D 机房数据中心可视化
以下是项目地址:基于 html5 的 webgl 自定义 3d 摄像头监控模型效果预览整体场景-摄像头效果图? 局部场景-摄像头效果图? 代码生成摄像头模型及场景项目中使用的摄像头模型是通过 3dmax 建模生成的,该建模工具可以导出 obj 与 mtl 文件,在 ht 中可以通过解析 obj 与 mtl 文件来生成 3d 场景中的摄像头模型...
基于HTML5的WebGL应用内存泄露分析
很多情况下内存泄露不是长期的运行也很难发觉,但对于ht的graph3dview这种基于webgl的3d组件问题尤为明显,因为大部分浏览器对单个页面能运行的webgl...上篇(http:www.hightopo.comblog194.html)我们通过定制了cpu和内存展示界面,体验了ht for web通过定义矢量实现图形绘制与业务数据的代码解耦及绑定联动...

基于HTML5的WebGL应用内存泄露分析
很多情况下内存泄露不是长期的运行也很难发觉,但对于ht的graph3dview这种基于webgl的3d组件问题尤为明显,因为大部分浏览器对单个页面能运行的webgl...谈谈模型-视图-事件之间的关系。 http:www.hightopo.comguideguidecorebeginnersexamplesexample_overview.html图形组件设计架构上主要就是在规划data模型...

WebGL实现HTML5贪吃蛇3D游戏
js1k.com收集了小于1k的javascript小例子,里面有很多很炫很酷的游戏和特效,今年规则又增加了新花样,传统的classic类型基础上又增加了webgl类型,以及允许增加到2k的++类型,多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。 自己写不出来,站在巨人肩膀总是有机会吧,想起《基于html5的...
WebGL实现HTML5的3D贪吃蛇游戏
js1k.com收集了小于1k的javascript小例子,里面有很多很炫很酷的游戏和特效,今年规则又增加了新花样,传统的classic类型基础上又增加了webgl类型,以及允许增加到2k的++类型,多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。 自己写不出来,站在巨人肩膀总是有机会吧,想起《基于html5的...

WebGL实现HTML5的3D贪吃蛇游戏
js1k.com收集了小于1k的javascript小例子,里面有很多很炫很酷的游戏和特效,今年规则又增加了新花样,传统的classic类型基础上又增加了webgl类型,以及允许增加到2k的++类型,多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。 自己写不出来,站在巨人肩膀总是有机会吧,想起《基于html5的...