基于 HTML5 WebGL 的 3D 工控裙房系统

工业物联网在中国的发展如火如荼,网络基础设施建设,以及工业升级的迫切需要都为工业物联网发展提供了很大的机遇。中国工业物联网企业目前呈现两种发展形式并存状况:一方面是大型通讯、IT企业的布局;一方面是传统工业软件和工业网络企业自发地延伸,由产品提供商发展为方案供应商。 ... »

基于 HTML5 WebGL 的 3D 棉花加工监控系统

远程监控系统主要是通过分布于棉花加工生产线各种设备的传感器、开关信号、视频监控设备、 PLC 控制器等装置,通过智能联网设备集成到互联网和局域网上面,实现对生产、运营情况的随时掌握,建立网络范围内的监控数据和网上知识资源库,根据现场采集的设备运行数据进行远程诊断和在线维修。 ... »

基于 HTML5 的 WebGL 3D 版俄罗斯方块

2D 的俄罗斯方块已经被人玩烂了,突发奇想就做了个 3D 的游戏机,用来玩俄罗斯方块。。。实现的基本想法是先在 2D 上实现俄罗斯方块小游戏,然后使用 3D 建模功能创建一个 3D 街机模型,最后将 2D 小游戏贴到 3D 模型上。 ... »

css3D的魅力

前言: 最近玩了玩用css来构建3D效果,写了几个demo,所以博客总结一下。 在阅读这篇博客之前,请先自行了解一下css 3D的属性,例如:transform-style,transform-origin,transform, perspective。 demo1 高度可变的立方体,先来看看最终效 ... »

基于 HTML5 WebGL 的低碳工业园区监控系统

低碳工业园区的建设与推广是我国推进工业低碳转型的重要举措,低碳工业园区能源与碳排放管控平台是低碳工业园区建设的关键环节。如何对园区内的企业的能源量进行采集、计量、碳排放核算,如何对能源消耗和碳排放进行实时动态监测等问题,涉及多个技术领域,专业性强。其数据不仅要求准确,更要求真实可靠(即可核查、可溯源... ... »

WebGL 3D 工业隧道监控实战

工业中的隧道我们可能接触的不多,但是在我看来,其中的实时监控是非常有必要的,事故的发生,事故发生地的事故内容,隧道中的排气,逃生通道等等,都是需要有外部人员监控操作的,会比真正事故发生的时候,现场操作这些会更好、更安全,这个 Demo 由此而生。 ... »

WebGL 3D 电信机架实战之数据绑定

在前端中,视图层和数据层需要进行单向或者双向数据绑定,大家都已经不陌生了,有时候 2D 做的比较顺了之后,就会想要挑战一下 3D,不然总觉得痒痒的。这个 3D 机架的 Demo 我觉得非常有代表性,首先,3D 机架用途非常广,尤其是在电信行业,就算不是机架,在比如工业方面 3D 模型以及数据绑定的应... ... »

3D模型展示以及体积、表面积计算

本文原创 如转载请注明出处!!! 本博客地址http://www.cnblogs.com/we-jack 本文原创,如果有同样需求的小伙伴请第一时间联系我 或者在留言区留言 上次为大家提供了3D模型的展示之后 发现网上有很多想要计算3D模型表面积和体积的需求 那么经过掉了几百根头发的艰辛历程之后 终 ... »

基于 HTML5 WebGL 的 3D 机房

WebGL 渲染的 3D 机房?漂亮的 3D 机房配上流畅的切换,最喜欢镜头缓缓移动的感觉了!而且移动一定要自然!这个 Demo 就是为了纪念一下第一次搭配 eye 和 center 做出的“镜头感”! ... »

快速开发 HTML5 WebGL 的 3D 斜面拖拽生成模型

如何在一个斜面上创建 3D 模型?如何通过拖拽创建 3D 模型?这些我们在实际项目中用到的概率也着实不低。我们知道,空间中存在无数个面,一个点和一条法线就能创建一个面,如何利用好这两个部分? ... »

基于 HTML5 WebGL 的 3D SCADA 主站系统

服务端与客户端的通信可以说是经典的例子了,但是如何快速搭建 3D 的 SCADA 系统,还要加上鹰眼的部分,如果是纯手工 HTML5 来做的话,能完成,但是时间也消耗了许多,而这个例子的鹰眼部分只要 1 行代码。。。整个例子只有两百多行代码! ... »

基于 HTML5 的 3D 工控隧道案例

HTML5 WebGL 技术能够在浏览器里更流畅地展示 3D 场景和模型,还能创建复杂的导航和数据视觉化,所以在 3D 项目上被广泛采用,HTML5 采用插件型和原生型,很多插件的添加还是比较让人头疼的,所以我用原生的写了这个项目,也不复杂,大家可以参考一下~ ... »

利用 HTML5 WebGL 构建的 3D 拓扑图

如果我们可以不用学习 unity3d 或者其他游戏开发工具就能实现 3D 效果,而且能够精准的靠代码来控制移动或者方向就好了。。。今天的例子希望能帮到一些开发 3D WebGL 的前端人员,更快速地开发项目! ... »

利用 HTML5 WebGL 构建的 3D 拓扑图

如果我们可以不用学习 unity3d 或者其他游戏开发工具就能实现 3D 效果,而且能够精准的靠代码来控制移动或者方向就好了。。。今天的例子希望能帮到一些开发 3D WebGL 的前端人员,更快速地开发项目! ... »

基于 HTML5 WebGL 的 3D 网络拓扑结构图

现在,3D 模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型;电影行业将它们用于活动的人物、物体以及现实电影;视频游戏产业将它们作为计算机与视频游戏中的资源;在科学领域将它们作为化合物的精确模型;建筑业将它们用来展示提议的建筑物或者风景表现;工程界将它们用于设计新设备、交通工具、结构... ... »

基于 HTML5 Canvas 的 3D 压力器反序列化

3D 场景的反序列化实践版本!在做 3D 的时候,最喜欢的应该是能够立马看到效果吧?不用再去代码中找找找,毕竟一般 3D 场景的代码量都很大,所以我们就通过这个例子给大家一点点的提示,大家可以自己天马行空,做出对自己项目最好的产品! ... »

基于 HTML5 Canvas 的 3D 碰撞检测

3D 碰撞检测?我们在生活中以及游戏中都有大量运用,今天我研究了一下这个例子的代码,发现其实里面大有文章,永远不要觉得自己知道得太多~ ... »