打造最美HTML5 3D机房(第四季:大型园区、地球仪效果,及其他扩展)

本文是3D机房系列的第四季,介绍了如何利用HTML5和WebGL技术打造包括3D仓库、工厂、变电站等在内的多场景3D应用。文章探讨了HTML5与插件的优劣,并展示了3D机房的鹰眼功能、设备编辑器、管线建模和会议室交互等功能。此外,还详细讲述了如何构建3D园区和地球仪效果,呈现了一个从地球到设备端口的多层次3D机房系统。
摘要由CSDN通过智能技术生成

前言

初次见面的朋友们大家好,这篇文章是“打造最美3D机房”系列的第四季,感兴趣的朋友可从头开始观看,以下是正确的阅读顺序:

打造最美3D机房(第一季:从零开始搭建Web 3D机房)
打造最美3D机房(第二季:机柜和设备)
打造最美3D机房(第三季:资产管理和动环监控)

另给项目上录了个视频,感兴趣的可以戳:http://v.youku.com/v_show/id_XMTY0MzA3NDc5Ng==.html

答一些读者问

阔别了半年多,哥其实没闲着,在憋大招来着。期间陆续收到朋友的留言和来信,提了不少特别棒的意见和想法,项目也有了很大的进展,在接下来的文章里,哥会无私和大家分享。

不扯了,进入正题。首先,想说一个最近一直在和大家探讨的问题:HTML5好还是插件好?

无论是在学习还是在做项目的一些朋友都提到了这个问题。尽管web3d技术风起云涌,大体还是分为两大流派:插件派和HTML5派。插件派的技术路线是,在浏览器中安装一个企业自己做的插件,然后在这个插件上提供3D的开发能力。典型代表例如Flash插件、Unity3D插件(简称U3D)。另外一派就是无插件的HTML5路线,它使用H5的WEBGL标准和Canvas技术来实现浏览器中的3D/2D技术,而无需安装插件。

插件的好处是可以适配各种老型号的浏览器(例如老版本的IE),效率应该也会好一点。缺点是,需要安装插件,跨手机平板也麻烦,语言上要使用插件要求的语言。HTML5的好处是不安装插件,效率也很不错,语言简单统一,都是javascript,而且是目前最火的技术方向。

本人相信 “插件必死”的发展趋势。要是不服,就看看Flash,和那些被坑在Flex技术上现在还爬不出来眼看着别人学HTML5拿高薪恨得吐血的程序猿们吧。谁又能保证Unity3D不会有一天变成另外一个Flash呢?看看现在日新月异每天大量涌现的HTML5技术和应用,我们有时间争论插件好还是H5好这样的无聊问题,还不如实实在在地干起来。达成共识后,我们来开始看此次的一大波更新。

鹰眼

上次的小机房功能已经基本完成了,客户对演示效果也非常满意。由于客户使用过我们之前做的2D系统,看到过鹰眼功能(也就是缩略图),所以这次毫不犹豫也要求3D机房监控界面增加鹰眼功能。这个把哥难了一阵子。

为了寻找思路,哥首先打开了我们之前做过的2D的拓扑图,寻找灵感。鹰眼看上去是这样子的:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值