今年下半年, HTML5 和 WebGL 变成*热门词语,3D 网页来势汹汹。主流的浏览器 Google Chrome 以及 Mozilla Firefox 均致力于 HTML5+WebGL 的 3D 网页技术方案的发展,各种实验性项目层出不穷。这是一个转折时期——互联网最重要的门户浏览器正在从主流支持 2D 平面网页内容到原生的支持 3D 物体形象的展示。
何谓 WebGL ?
WebGL 是网页开发语言 JAVA Script 形式的绘图 API 接口,提供设备硬件图形能力的直接调用。HTML5 则是网页开发语言新标准,提供了网页上的 Canvas “画布”供网页上的 3D 对象展现。
简单的说,在此之前,3D 物体形象在网页上不能直接展示,必须使用非标准的特殊网页语言语法或者通过安装额外的浏览器插件。HTML5 和 WebGL 提供了一种技术方案,使程序员可以直接在网页上展示物体的 3D 形象,并且这种展现直接使用设备的图形处理器的处理能力,其绘图性能能够得到保证。3D 网页技术应用很广,体验 3D 网页也非常简单,我们只需要桌面电脑支持现代的图形显示设备,同时,必须安装足够高版本的新型浏览器,诸如 firefox 和 Chrome 即可。
3D模型
3D秀秀是目前国内*家支持PC端和手机端同时在线实时传播、展示3D模型的网站。在这里,用户可以自由上传自己的3D作品,可以围观、点赞、收藏设计师的优秀作品。还可以把自己喜欢的优秀作品,嵌入到其他WEB或html5界面中。
当下,许多的3D模型库提供了不同角度的模型图片,但3D秀秀做得更多。当一个模型上传到3D秀秀之后,它展示为丰富的HTML5内容或者网页内容,用户在浏览模型时得到的不仅仅是图像,他还可以用手指或鼠标360度转动该3D模型,用户从任何方向仔细观察它,同时也能迅速地放大和缩小它。并且,3D秀秀支持用户在后台自行编辑模型,包括:场景、颜色、透明度光源、音乐等多个维度。
打开链接即可操作(长按链接→”选择复制“→”打开“):
http://www.3dxiuxiu.cn/weixin/wap_modelview.html?modelId=3123
移动设备中的 3D
和我们日常相关的,还有平板电脑上的 3D 网页应用。相比其他设备,平板电脑更适合运行 3D 网页应用。在平板电脑中,三维的立体形象与手指的操作能够很好的结合在一起。比如,Google 的 3D 圆筒书架 是在 PC 电脑实现的 3D 网页应用,书架实现为巨大的柱状多层转筒, 鼠标拖曳可以模拟手转动书架找书。想象一下,如果该应用用在平版电脑上,用手指转动书架,然后使用一个手指向上的手势来取书,是不是更爽一些?
3D 我们的**
可以想象,3D 网页技术普及之后,我们的**将被充分的 3D 模型化,大到地球、宇宙天体、小到汽车、房子、电子产品、微生物、细菌,都可以有详尽的细节的 3D 形象,我们可以以此趣味的展示和探索周围精彩的**。去年年底,Google 推出的人体浏览器 3D 网页应用,把人体进行 3D 建模,能够以各种视角 360 度查看人体每个器官,包括骨骼、肌肉、内脏器官、神经系统等。(此应用为 Google 实验室的成果,目前该应用的 Google 网页已经关闭,相关的人体 3D 医学影像由 Zygote 网站继续提供运营。有兴趣的朋友可以看看人体浏览器的运行视频)
瓶颈 然而,先进技术的发展需要一个漫长的过程。其中,复杂物体的 3D 建模是 3D 网页主要的应用瓶颈之一,举例来说,程序员需要展示一个 3D 的轮船,把这个轮船表示为计算机能理解的多边形平面的组合是一个复杂的事情,对网页开发程序员来说,最好有现成的轮船的 3D 模型可以使用,不需要关注建模的细节。3D 网页的**也许需要一个价格低廉的巨大 3D 模型库,囊括周围**的各种物体。对此,Google 的做法是发动全球的爱好者创建和共享 3D 模型,这种做法是否会造成资源垄断,和未来的中小 3D 应用开发者能否得益,那是今后值得思考的问题。
3D秀秀:由新迪数字自主研发,是目前国内*家支持PC端和手机端同时在线实时传播、展示在线真实3D模型的网站。3D秀秀让用户可以通过网页或者H5页面直接观看3D效果,而不需要拘泥于任何系统或者插件。设计师作品3D展示,云集海量创意设计,自由分享,随手传播,3D就是这么简单。
免责声明:本站所有内容及图片均采集来源于网络,并无商业使用,如若侵权请联系删除。