原文:基于 HTML5 Canvas 的 3D 渲染引擎构建生产管控系统

前言 大家好,老郑我又回来了。这一期为大家带来一个非常好玩的 demo,我们制作一套自己的 D 管道控制系统,运用了 http: www.hightopo.com HT 的 Graph dView 组件通过对 WebGL 底层技术的封装,与 HT 其他组件一样,基于 HT 统一的 DataModel 数据模型来驱动图形显示。 效果图 此为 D 主界面: 此为 D 界面的部分分段演示: 由于 gif ...

2019-01-22 08:37 0 641 推荐指数:

查看详情

基于 HTML5 Canvas3D 渲染引擎构建机架式服务器

前言 今天找到了 HT 的官网里的 Demo 网站( http://www.hightopo.com/demos/index.html ),看的我眼花缭乱,目不暇接。 而且 HT 的用户手册,将例子和文档无缝融合一体,小小 10 来兆开发包居然包含了四十五份手册,数百个活生生的 HTML5 例子 ...

Fri Oct 12 23:35:00 CST 2018 1 2673
8个惊艳的JavaScript 为 HTML5 Canvas 提供硬件3D加速渲染应用实验

WebGL 是一项在网页浏览器呈现3D画面的技术,有别于过去需要安装浏览器插件,通过 WebGL 的技术,只需要编写网页代码即可实现3D图像的展示。WebGL可以为 HTML5 Canvas 提供硬件3D加速渲染,这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型 ...

Wed Mar 21 01:54:00 CST 2012 1 6142
基于HTML5 Canvas3D动态Chart图表

发现现在工业SCADA上或者电信网管方面用图表的特别多,虽然绝大部分人在图表制作方面用的是echarts,他确实好用,但是有些时候我们不能调用别的插件,这个时候就得自己写这些美丽的图表了,然而图表轻易做不成美丽的。。。看到有一个网站上在卖的图表,感觉挺好看的,就用 HT for Web 3D 做了 ...

Thu Nov 02 16:01:00 CST 2017 4 1641
基于 HTML5 Canvas3D 模型列表贴图

少量图片对于我们赋值是没有什么难度,但是如果图片的量大的话,我们肯定希望能很直接地显示在界面上供我们使用,再就是排放的位置等等,这些都需要比较直观的操作,在实际应用中会让我们省很多力以及时间。下面这个 ...

Thu Dec 07 17:24:00 CST 2017 0 3455
基于 HTML5 Canvas3D 热力云图效果

前言   数据蕴藏价值,但数据的价值需要用 IT 技术去发现、探索,可视化可以帮助人更好的去分析数据,信息的质量很大程度上依赖于其呈现方式。在数据分析上,热力图无疑是一种很好的方式。在很多行业中都有着广泛的应用。   最近刚好项目中需要用到 3D 热力图的效果展示。网上搜了相关资料,发现大多数 ...

Mon Mar 02 08:03:00 CST 2020 4 2780
基于 HTML5 Canvas3D WebGL 机房创建

对于 3D 机房来说,监控已经不是什么难事,不同的人有不同的做法,今天试着用 HT 写了一个基于 HTML5 的机房,发现果然 HT 简单好用。本例是将灯光、雾化以及 eye 的最大最小距离等等功能在 3D 机房中进行的一个综合性的例子。接下来我将对这个例子的实现进行解析,算是自己对这个例子的一个 ...

Mon Dec 25 07:56:00 CST 2017 1 1945
PixiJS - 基于 WebGL 的超快 HTML5 2D 渲染引擎

  Pixi.js 是一个开源的HTML5 2D 渲染引擎,使用 WebGL 实现,不支持的浏览器会自动降低到 Canvas 实现。PixiJS 的目标是提供一个快速且轻量级的2D库,并能兼容所有设备。此外,让开发者无需了解WebGL,就可以感受到硬件加速的力量。 在线演示 ...

Tue Apr 11 02:37:00 CST 2017 1 6373
CutJS – 用于 HTML5 游戏开发的 2D 渲染引擎

  CutJS 是轻量级的,快速的,基于 Canvas 开发的 HTML5 2D 渲染引擎,可以用于游戏开发。它是开源的,跨平台的,与现代的浏览器和移动设备兼容。CutJS 提供了一个类似 DOM 树的数据模型来编写应用程序,并在内部管理渲染周期,绘制你的应用程序。 您可能感兴趣的相关文章 ...

Tue Apr 15 22:04:00 CST 2014 0 2485
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM