原文:无插件纯Web 3D机房,HTML5+WebGL倾力打造

前言 最近项目开发任务告一段落,刚好有时间整理这大半年的一些成果。使用html 时间还不久,对js的认识还不够深入。没办法,以前一直搞java,对js的一些语言特性和概念一时还转换不过来。 上一篇大数据呈现第一弹介绍了项目中做的一个彩虹爆炸图,主要用了 html 的canvas的 d绘制技术。这一回我想介绍一下项目中的一个亮点技术:html 的 D,以及如何用它打造精美的 D机房监控系统。 目标效 ...

2015-07-08 21:03 214 45854 推荐指数:

查看详情

Web 3D机房,智能数字机房HTML5+WebGL(ThreeJS)匠心打造

在H5使用3D技术门槛比较低了,它的基础是WebGL(ThreeJS),一个OpenGL的浏览器子集,支持大部分主要3D功能接口。目前主流的浏览器都有较好的支持,IE需要11。最近web 3D机房研发告一段落,有时间整理这段时间的一些成果。主要涉及使用H5、js、WebGL技术。 机房 ...

Thu Feb 01 22:43:00 CST 2018 1 4048
基于 HTML5 WebGL3D 机房

前言 用 WebGL 渲染的 3D 机房现在也不是什么新鲜事儿了,这篇文章的主要目的是说明一下,3D 机房中的 eye 和 center 的问题,刚好在项目中用上了,好生思考了一番,最终觉得这个例子最符合我的要求,就拿来作为记录。 效果图 http://hightopo.com/demo ...

Fri Mar 16 15:59:00 CST 2018 4 4498
Web 3D工厂--智慧数字可视化工厂HTML5+WebGL(ThreeJS)烧脑巨作

随着IT信息技术和移动端的发展,Html5+3D(Webgl)技术已经悄然崛起,而3D工厂厂房在数字化的今天,已经被越来越多的公司和企业应用,三维数字工厂模型的应用,加快了工厂厂房,设备,传感器、管道罐体输送、监测控制等各个环节的效率。 对工厂园区的园区、大楼、生产车间、生产设备、监控 ...

Sat Aug 10 00:32:00 CST 2019 0 1159
插件Web HTML5 3D机房 进阶篇(新增设备、线缆、巡查等功能)

前情提要 前阵子写了一篇插件Web 3D机房,介绍了如何用html5在网页上创建插件的精美3d机房场景。这两个月以来,陆续收到很多朋友的鼓(膝)励(盖),受宠若惊之余,对索要源代码的朋友都已经尽力邮件回复。由于精力所限,未能收到的朋友请留言或给我发送邮件 ...

Tue Sep 08 19:11:00 CST 2015 36 7178
基于 HTML5 Canvas 的 3D WebGL 机房创建

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

Mon Dec 25 07:56:00 CST 2017 1 1945
HTML5+WebGL 的加油站 3D 可视化监控

的可视化建模,结合 HT 的 3D 可视化以及 2D 监控面板来实现对加油站的可视化监控。三维可视化监控系统 ...

Sat Oct 26 21:59:00 CST 2019 2 660
插件web 3D机房 (第四季:大型园区、地球仪效果和其他扩展应用)

前言 初次见面的朋友们大家好,这篇文章是“插件web 3D机房”系列的第四季,感兴趣的朋友可从头开始观看,以下是正确的阅读顺序: 插件web 3D机房(第一季:从零开始搭建Web 3D机房插件web 3D机房(第二季:机柜和设备) 插件web 3D机房(第三季:资产管理和动 ...

Mon Jun 27 23:55:00 CST 2016 14 2037
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM