几种Web3D技术的比较
几种Web3D技术的比较
2012年3月29日评论：0分享：
来源：第三维度
作者：蒋燕萍夏旺盛黄心渊
摘要介绍了Web技术和3D技术相结合的产物——Web3D技术的特点及应用,着重对几种具有代表性的Web3D技术进行了比较,为用户提供了对Web3D技术的选择依据。
1 引言
虚拟现实(VirtualReality,简称VR)技术是一种逼真地模拟人在自然环境中的视觉、听觉、运动等行为的人机界面技术。[1]由于虚拟现实具有实时的三维空间表现能力、提供了人机交互式的操作环境以及给人带来了身临其境的感受,它正成为继多媒体之后的又一个研究和应用的热点,开辟了人类交流方式的新领域。
近年来,与虚拟现实相关的各种研究取得了令人瞩目的成就。特别是随着互连网的高速发展,涌现了大量以互联网为基础的虚拟现实技术。这些技术大体上可以分为两个范畴,一个是以图像为基础的Panorama技术,也就是我们平常所说的全景图;另一个则是以3D图形技术为基础的网络三维技术。[4]
Web3D可以简单地把它看成是Web技术和3D技术相结合的产物,实际上也就是本机的3D图形技术向互联网的扩展,其本质特征即网络性、三维性和互动性。它与本机的3D图形技术的主要差别在于:
(1)实时渲染。它是由渲染引擎进行实时渲染从而实时显示的(本机的3D图形是预渲染)。
(2)具有无限的交互性。因为是实时渲染,这就为交互性提供了基础。
(3)优化和压缩。由于网络带宽的限制,文件必须经过优化和压缩以保证用户端快速下载。
通过应用Web3D技术,用户可在网上浏览以三维形式表现出来的物体,并对其进行交互性操作,以体验身临其境的奇妙感受。Web3D技术可广泛应用于企业和电子商务、娱乐游戏业、教育业和虚拟现实展示与虚拟社区等领域[3]。本文就4种有实力且目前已经取得一定市场的Web3D格式进行介绍和比较。
2 几种Web3D技术
2.1Cult3D
Cult3D是瑞典的Cycore公司推出的一种全新的Web3D技术,其基础思想是利用现有的网络技术和强大的3D引擎在网页上建立互动的3D对象。Cult3D的内核是基于Java的,它也可以嵌入客户自己开发的Java类,因此具有很强的交互和扩展性能。
Cult3D由3个不同的程序功能——Cult3D Exporterplug2in、Cult3D Designer和Cult3D Viewerplug2in组成。Web开发设计人员可以使用在3D设计领域广泛使用的3DSMAX 或MAYA来设计3D模型,使用Cult3D Exporterplug2in来转换设计模型,在Cult3D Designer 中为模型加入交互、音效等其他效果,再无缝地嵌入到HTML页面和其他应用程序中。用户只需安装Cult3D Viewerplug2in即可在网上实时观看利用Cult3D技术生成的3D模型,通过鼠标还可互动地旋转、放大或缩小它。从这样的开发流程我们可以看出,开发人员无须去适应新的技术,同时Cult3D还为用户提供了人性化和条理化的开发界面,操作简单直观,大大提高了开发的效率,降低了最终用户的成本。[9]
Cult3D是一个跨平台的3D渲染引擎,通过它可以向所有Internet用户传输具有空前质量和速度的实时交互性物体。它的关键技术有以下几点:[3,6]
(1)具有超群的图像质量和交互性能且文件量小。
Cult3D结合高效的压缩技术并支持多重阴影效果、贴图和双线性滤镜,使得用户不需要长时间的下载和焦急的等待就可以看到高质量的三维模型,并能对其进行交互操作。一般情况下,Cult3D的文件量非常小(20k～200k),对于普通拨号上网的用户也是可以接受的。此外,Cult3D可以实现复杂的动画,这就为物体添加交互性创造了更多的契机。
(2)跨平台应用,支持多浏览器,而不需要硬件支持。
Cult3D具有很好的跨平台效能,它支持目前主流的各种浏览器,从PC到苹果的各种机型和包括UNIX、LINUX、WINDOWS在内的各种常用的操作系统。
由于Cult3D完全是由软件控制而不需要任何硬件支持,因此即使在没有硬件加速的情况下,普通个人电脑和笔记本的用户也可以看到以往只有在高端工作站上才能看到的精细的实时渲染的效果。
(3)可应用于微软Office和Adobe Acrobat文档。
Cult3D除了可以嵌入到HTML页面中让Internet用户在网络上浏览3D物体以外,还可以作为元素插入到微软Office文档(如Word、PowerPoint或Excel)和AdobeAcrobat 文档中使用。
Cult3D中使用Real2time 3Dparticle和Environment Mapping技术来产生发射效果,从而提供了完美的场景渲染效果。正是由于这一优点,Cult3D非常适合博物馆站点或者宣传产品的电子商务网站(图1即是由Cult3D所表现出的室内场景)。由于它基于Java提供了更多样化的扩展性,也就同样适用于游戏或者动画制作的开发。[4]现在Cult3D已经拥有了广泛的用户群和众多的成功案例,Palm、NEC、CNN和丰田汽车等300多家全球闻名的公司都在他们的站点上使用了Cult3D技术。
图1 Cult3D表现出的室内场景
(注：原文图片失真此图来源于互联网)
2.2 Viewpoint
Viewpoint是由美国Viewpoint公司提出的Web3D解决方案。利用它基于XML语言的构架可方便地和浏览器与数据库进行通信,同时还可以内嵌到多个软件中使用,这就使得Viewpoint的应用非常广泛。用户端只需安装一个简单的免费插件就可以在网上浏览到以流方式传输的3D模型,同时用户端还可以对该物体进行旋转、缩放等控制。
该技术的着眼点涵盖了Web3D的各个环节,与其他解决方案不同的是,Viewpoint是自己制作、处理并传输3D图形对象,而不是从其他渠道导入3D图像。
Viewpoint在结构上可分为两个部分,一个是储存三维数据和贴图数据的mts文件,另一个是对场景参数和交互进行描述的基于XML的mtx文件。Viewpoint生成的文件格式非常小,加上它的三维多边形网格结构具有可伸缩性和流传输性,这使得它非常适合在网络上传输。可伸缩性意味着Viewpoint格式的物体可以根据用户机器的处理速度以及Modem的速度来自动地调节精度及其它相关参数以获得最佳的表现。这样的话,设计师只需开发一次高解析度的模型就可以满足用户不同层次精度的需要,从而减少了开发时间。流传输性则使得用户不用下载完所有的三维数据即可看到模型内容,甚至在下载过程中也可交互操作3D物体。
在目前窄带应用环境下,Viewpoint所提供的技术也是最好的解决方案之一。它使用独有的压缩技术,把复杂的3D信息压缩成很小的数字格式,同时也保证我们的浏览器插件可
以很快的将这些压缩的信息重新解释出来。它的压缩比比任何一种现有的网上3D压缩技术都要高,其极小的文件量使用户能更为快捷地在网上浏览Viewpoint格式的物体。在3D贴图方面,它使用JPEG的压缩格式,保证文件的贴图不会使3D文件加大。它还具有一个纯软件的高质量实时渲染引擎,在不需要任何硬件加速设备的情况下,其渲染效果接近真实世界。
Viewpoint的主要运用市场是作为物品展示的产品宣传和电子商务领域,图2即是利用Viewpoint制作的网上物品展示。目前View2point公司已经为Nike、Sony、和SharperImage等著名公司提供了在电子商务以及在线广告方面的解决方案。
图2 Viewpoint制作的物品展示
2.3 Atmosphere
Atmosphere是在图像处理和出版领域具有权威地位的Adobe公司推出的一个可通过互联网连接多用户的三维虚拟环境式在线聊天工具。它集虚拟3D世界的创作、观看和互动于一体,是创建网络虚拟三维环境的专业开发解决方案。虽然目前该软件还处于调试开发阶段,但由于它采用了独特的光能追踪算法,在室内空间的展示方面有很大优势,值得我们关注。
AdobeAtmosphere包含3个组件:Atmo2 sphereBuilder,提供出色的3D建模技术来建立三维虚拟世界;AtmosphereBrowser,Adobe公司提供的免费浏览器插件(也能作为独立的应用程序运行),使用户能浏览AdobeAtmosphere创造的3D世界,浏览器运行界面如图3;AtmosphereCommunityServer,使用户能在AdobeAtmo2sphere创造的3D世界中用一个基于文本的界面与其他用户进行交流的聊天服务器。
图3 Atmosphere的浏览器运行界面
需要注意的是,Atmosphere使用了view2point的技术以得到对三维几何体高质量的压缩和实时渲染效果,所以在安装Atmosphere的浏览器插件的同时也安装了Viewpoint插件。Atmo2sphere除了提供自己的建模工具AtmosphereBuilder来建立三维虚拟世界以外,也可将由3DSMAX或Lightwave等三维创作工具建立的3D模型输出为Viewpoint格式的文件(3。mts和3。mtx文件),然后将它们导入到Atmosphere Builder中。同时,Atmosphere也能很好地兼容工业标准的网络内容设计工具,如AdobePhoto2shop和AdobeIllustrator,它还可以将标准网络图像格式引入到Atmosphere中,如JPEG、GIF和PNG。[7]
AdobeAtmosphere为我们提供了一个出色的虚拟社区解决方案,但由于它处于调试开发阶段,还存在着一些不足之处:从建模技术上看,生成的场景质量还比较粗糙;从渲染技术上看,AtmosphereBrowser浏览器(5MB)的体积太大,对于拨号上网的用户来说下载费时;从短信息聊天功能上看,只支持一对多的方式;从扩展性上看,Atmosphere目前只能在浏览器和它自己的播放器内运行,还不支持嵌入其它的环境中;从服务器端支持看,Adobe还未提供用来处理多用户交互信息传送的服务器端程序,目前建立的Atmosphere场景只能连接到Adobe的服务器上使用;从操作平台上看,现在的Beta版只能在Windows操作平台上安装,只有正式版才能既用于Windows又用于Macintosh平台。[10]
图4 Shout3D开发的网上三维游戏
2.4 Shout3D
Shout3D是ShoutInteractive公司推出的在Internet上传输交互三维图形和动画的解决方案。设计师可利用3DSMAX或其他建模工具来创建基本模型(包括建模、贴图、材质、灯光和摄像机等),通过Shout3D为3DSMAX提供的插件把模型直接输出为Shout3d的。s3d 文件格式(其他建模工具输出为wrl文件格式即可),然后可利用已有的applet,或根据自己的需要用Java或JavaScript来开发任何可以想象的交互能力,最后使用Shout3DWizard把交互的3D动画发布到网上即可。虽然Shout3D生成的场景质量不高,但利用它提供的高交互性可方便地开发网上的三维游戏,图4即是此类游戏的一个例子。
Shout3D是基于Javaapplet的3D图形渲染引擎,同时它也是Web3D图形的制作工具。由于它是使用Java技术来在网络上传递交互的三维图形的,当访问者浏览有Shout3D的页面时,它的内容和播放器将被同时下载。而这种播放器是嵌入在网页中的Javaapplet程序中的,我们知道所有版本的MicrosoftIE和Netscape4。0以上的版本都能运行Java虚拟机,所以用户不用担心操作平台的限制也不用下载特定的浏览器插件就可观看到完整的3D图形。
3 几种Web3D技术的比较
前面介绍了4种有代表性且应用范围较广的Web3D技术,它们在浏览要求、操作平台及各自特点这3方面的具体比较见表1。
表1 4种Web3D技术的比较
随着网络技术的高速发展,每天都有不同的Web3D新技术出现,面对众多的Web3D技术,如何选择?选择哪种Web3D技术最佳,就目前而言很难定论。因为这需要针对不同的应用方向来做具体选择。Cult3D和Viewpoint具有逼真的渲染引擎,能产生高质量的场景渲染效果,对于网络上的产品展示它们都具有不可比拟的优势(其中后者比前者的效果更为流畅);Shout3D以其平台无关性、无需插件和可扩展的交互能力等优点,成为开发三维在线游戏和互动Web3D场景的首选;Atmosphere则为建立虚拟社区提供了很好的解决方案。
4 结束语
尽管出现了如此之多的解决方案,Web3D技术的发展仍存在着困难和障碍,这主要表现在两个方面:
(1)没有统一的标准。上述的每种Web3D技术都是由不同的公司自行开发的解决方案,它们使用的都是不同的格式和方法。没有统一的标准,3D在Web上的实现还需假以时日。
(2)插件问题。从上面的介绍可以看出,几乎每个公司开发的Web3D技术标准都需要自己插件的支持,这些插件从几百k到几兆不等,这在带宽不理想的条件下必然会限制一部分人的使用热情。
尽管在各种技术上仍有许许多多的难题,但伴随着国际互联网的普及、网络技术和硬件设施的飞速发展以及网络带宽的增加,网络三维化必将成为今后网络多媒体发展方向的主流,Web3D将不再遥远。
参考文献
1 杨宝民,朱一宁编著.分布式虚拟现实技术及其应用.北京:科学出版社,2000
2 未来的虚拟世界—
Web3D.Availablefrom https://www.360docs.net/doc/2515918567.html,/pcedu/sj/web3d/10112/18240.html
3 Web3D的由来、现状和展
望.Availablefrom https://www.360docs.net/doc/2515918567.html,/5dmedia/web/soft/20010515/00000989.asp
4 Web3D技术简介.Availablefrom https://www.360docs.net/doc/2515918567.html,/lesson/lesson8.htm
5 Cult3D—领先的Internet3D技
术.Availablefrom https://www.360docs.net/doc/2515918567.html,/document/20010927/200109271039520 1.shtml
6 什么是Cult3D? A vailable from http:
//https://www.360docs.net/doc/2515918567.html,/document/web3d/web/cult3d/718.asp
7 AdobeAtmosphere:遨游3D世界,体验网络漫
步.Availablefrom https://www.360docs.net/doc/2515918567.html,/plugs/vrml/vrml.htm
8 Atmosphere的3D新概
念.Availablefrom https://www.360docs.net/doc/2515918567.html,/school/multimedia/2001/06/04/704378.html
9 https://www.360docs.net/doc/2515918567.html,/cult3d/apply2.php
10 https://www.360docs.net/doc/2515918567.html,/book/net/wz1.htm
11 https://www.360docs.net/doc/2515918567.html,/
12 https://www.360docs.net/doc/2515918567.html,/products/atmosphere/
13 https://www.360docs.net/doc/2515918567.html,/
14 https://www.360docs.net/doc/2515918567.html,/
HTML5 Canvas实现360度全景图
2013年11月14日?综合?共2814字?字号小中大?评论关闭
很多购物网站现在都支持360实物全景图像，可以360度任意选择查看样品，这样
对购买者来说是一个很好的消费体验，网上有很多这样的插件都是基于JQuery实现的
有收费的也有免费的，其实很好用的一个叫3deye.js的插件。该插件支持桌面与移动终
端iOS与Android，它的demo程序：https://www.360docs.net/doc/2515918567.html,/demo/28823deye/
自己玩了玩这个Demo以后，照着它的思路，用HTML5 Canvas也实现了类似的功能。
所以先说一下它的360度全景图的原理
1. 首先需要对实物拍照，间隔是每张照片旋转15度，所以需要23张照片。
2. 照片准备好了以后，尽量选择JPG格式，裁剪到适当大小。
3. JAVASCRIPT中预加载所有照片，可以配合进度条显示加载精度
4. 创建/获取Canvas对象，加上鼠标监听事件，当鼠标左右移动时候，适度的绘制不同帧。大致的原理就是这样，简单吧！
实现代码：
3DWeb控件方法介绍
3DWeb控件方法介绍 1、String OpenLocalFile(String filePath); 功能:打开本地文件 参数:filePath:路径名称 返回:文件名(不带文件后缀) 2、String OpenRemoteHttpFile(String filePath,BOOL bOpen); 功能: 下载并打开Http网络文件 参数: filePath:完整的网络路径如https://www.360docs.net/doc/2515918567.html,/3dweb/地表面.3dm bOpen:是否在控件中打开 返回: 下载到本地的路径 String OpenRemoteFtpFile(String url, String usrName, String usrPwd, BOOL bOpen) 功能: 下载并打开Ftp网络文件 参数: filePath:完整的网络路径如ftp://https://www.360docs.net/doc/2515918567.html,/3dweb/地表面.3dm usrName:用户名,匿名则为空 usrPwd: 密码,匿名则为空 bOpen:是否在控件中打开 返回: 下载到本地的路径 3、void ClearScreen(); 功能:清除屏幕图元 4、void ClearTempMark(); 功能:清除临时标记 5、void DynamicRouteView(); 功能:动态路径浏览 6、void FitWorld(); 功能:聚焦到屏幕中心 7、void setTipStatus(BOOL bTip); 功能:设置气泡是否显示, 参数:bTip:是否显示 void setLayerBarVisible(BOOL bTip); 功能:设置图层是否显示 参数:bTip:是否显示 void setStatusBarVisible(BOOL bVis); 功能:设置状态栏可见性 参数: bVis:是否可见
最流行的五种三维软件分析与比较
最流行的五种三维软件分析与比较 对于许多想要涉足三维计算机图形领域的初学者来说，脑海中闪现出的第一个问题就是：我该学习那个三维软件？实际上，这个困扰了许多中国三维爱好者的问题，同样也是一个世界性的问题。准确地说，关于这个问题，并没有一个确定的答案，在https://www.360docs.net/doc/2515918567.html,网站上，DominikDryja总结了一些专家的观点，写就了这篇文章。希望这篇文章也能为广大的中国CG爱好者起到一个抛砖引玉的作用。 作者简要地比较了几种目前国际上最为流行的三维软件，这包括：Discreet的3ds max、Maxon的 Cinema 4D、Alias的 maya、softimage/XSI和NewTek的lightwave 3D。详细说明了它们各自的特点、差异以及用途，对各自的优势与弱点也有说明，甚至对于获得工作机会等话题也有说明。尽管这只是作者个人的观点，但对中国的CG爱好者们，特别是那些初学者们却不失为一篇好的入门文章。通过这篇文章，大家可以了解当今三维制作的趋势，什么是三维制作的高端和低端、哪些是当今世界上主流的三维软件，各种软件的主要应用领域，各自的特点、优缺点以及就业前景等，希望这篇文章对广大的中文用户了解三维软件、进而做出自己明智的选择能够有所帮助。 前言 每周之中，在https://www.360docs.net/doc/2515918567.html,网站的社区论坛里，都有许多想要开始学习计算机动画和视觉特效、三维图像制作以及游戏制作的艺术爱好者的大量来信和询问，他们心目中的第一个问题通常就是：“我该学习那个三维软件”？对于这个问题，应该说从来就没有一个唯一的答案。准确地说，应该根据你想要达到的目的和期待三维软件所能提供给你的功能来决定选择哪种三维软件。在https://www.360docs.net/doc/2515918567.html,这个热情的交流平台上所能给出的最佳解决方案就是，选择当今工业生产中最流行的几种三维软件，请大家各抒己见，如果你愿意的话，还可以给出简单的介绍，因为你们所有对于这个问题的回答都将会对初学者有所帮助。 在阅读这篇文章的同时，还应该知道，实际上还有许多其它非常好的软件可供选择。这篇文章只能涉及几种，不可能将所有的软件都包括进来。每一个软件都各有特点，因此也只能根据各自的特点进行评判。作者的观点也只代表他个人，其中还涉及到他对软件的熟悉程度和使用能力。所有的观点并不代表https://www.360docs.net/doc/2515918567.html, 网站。读完这篇文章之后，请大家自己做更多的研究工作，比如访问一些软件的官方网站、寻找一些网上的相关文章、进行一些更深入的研究等等。要想回答“那个三维软件最适合你？”这个问题，答案只能由你自己来寻找。 --------------------------------------------------------------------------------
Web3D产品展示技术网站大全及三维展示技术优缺点
Web3D产品展示技术网站大全及三维展示技术优缺点 编辑：苗禾WEB3D又称网络三维，是一种在虚拟现实技术的基础上，将现实世界中有形的物品通过互联网进行虚拟的三维立体展示并可互动浏览操作的一种虚拟现实技术。相比起目前网上主流的以图片、FLASH、动画的展示方式来说，WEB3D 技术让用户有了浏览的自主感，可以以自己的角度去观察，还有许多虚拟特效和互动操作。 1、Web3D工厂 展示效果： 点评：伪3D展示，只能围绕一个轴心进行旋转，无法看见汽车顶部和底部等细节，不可放大缩小。对于展示效果要求不高的用户可以选择。而且要下载插件。
展示效果： 点评：可以多平台、大模型展示，这点比较吸引人。在移动端浏览很快，体验也基本及格。展示效果不错，可以更换车漆、开关车后棚、更换轮毂等操作，是真3D展示，而且不需要插件解决了很多麻烦和浏览器不兼容问题。但是不是由于不断请求图片回传的原因，模型展示在电脑端全屏看就有些卡顿了，调整窗口显示就很流畅了。这个展示技术比较看好，但对于服务商的网络宽带要求较高。
展示效果： 点评：Oh,No!又是插件。不过，为了做点评还是耐心的安装好了插件，耐心的等待它缓冲完毕。效果还不错，可以开关车门、更换车漆、开关车后棚等操作，首次运行需按提示安装UnityWebPlayer，但观看尺寸过小。总的来说插件技术总归是麻烦的展示技术，既给服务商造成麻烦，给浏览者造成麻烦。
4、捞3D 展示效果： 点评：捞3D是基于Webgl做的3D模型展示网站。Webgl在当下是比较火的一种技术了。此模型不知是模型问题还是渲染技术问题，材质的塑料感比较强。Webgl的限制在安全性与兼容性上，如果完美的解决的这个问题，Webgl也不失为Web3d展示的好选择。
基于Web3D的交互式产品演示设计探索
基于Web3D的交互式产品演示设计探索 摘要：Web3D技术是一种互联网上的3D图形技术，是网络技术和虚拟现实的结合，将其应用于互联网电子商务的三维产品展示领域是这一技术目前的发展趋势之一。该文介绍了Web3D技术的发展概况及国内几种主要Web3D技术的特点，对Web3D技术在产品演示方面的应用进行KJ法分析，以Flash3D技术为例讨论网络三维交互式产品演示的实现模式，并提供技术及设计思路。 关键词：Web3D 产品演示KJ法贴图烘焙Flash3D Abstract:Web3D is a 3D graphics technology based on the Internet combined by network technology and virtual reality,apply it into the field of 3D product demo of Internet e-commerce is one of the currently development trends.This article will introduce the overview of Web3D’s development and features of several domestic main Web3D technologies,analyze Web3D’s application on aspect of product demo by KJ method,discuss the model of Web-based 3D interactive product demo used Flash3D as an example,and provide technology and design ideas. Key words:Web3D Product Demo KJ method Texture baking Flash3D 网络三维技术（Web3D）目前还没有严格的定义，广义上可以理解为：互联网上的3D图形技术。用于实现网络的三维化和动态的交
几种Web3D技术的比较
几种Web3D技术的比较 2012年3月29日评论：0分享： 来源：第三维度 作者：蒋燕萍夏旺盛黄心渊 摘要介绍了Web技术和3D技术相结合的产物——Web3D技术的特点及应用,着重对几种具有代表性的Web3D技术进行了比较,为用户提供了对Web3D技术的选择依据。 1 引言 虚拟现实(VirtualReality,简称VR)技术是一种逼真地模拟人在自然环境中的视觉、听觉、运动等行为的人机界面技术。[1]由于虚拟现实具有实时的三维空间表现能力、提供了人机交互式的操作环境以及给人带来了身临其境的感受,它正成为继多媒体之后的又一个研究和应用的热点,开辟了人类交流方式的新领域。 近年来,与虚拟现实相关的各种研究取得了令人瞩目的成就。特别是随着互连网的高速发展,涌现了大量以互联网为基础的虚拟现实技术。这些技术大体上可以分为两个范畴,一个是以图像为基础的Panorama技术,也就是我们平常所说的全景图;另一个则是以3D图形技术为基础的网络三维技术。[4] Web3D可以简单地把它看成是Web技术和3D技术相结合的产物,实际上也就是本机的3D图形技术向互联网的扩展,其本质特征即网络性、三维性和互动性。它与本机的3D图形技术的主要差别在于:
(1)实时渲染。它是由渲染引擎进行实时渲染从而实时显示的(本机的3D图形是预渲染)。 (2)具有无限的交互性。因为是实时渲染,这就为交互性提供了基础。 (3)优化和压缩。由于网络带宽的限制,文件必须经过优化和压缩以保证用户端快速下载。 通过应用Web3D技术,用户可在网上浏览以三维形式表现出来的物体,并对其进行交互性操作,以体验身临其境的奇妙感受。Web3D技术可广泛应用于企业和电子商务、娱乐游戏业、教育业和虚拟现实展示与虚拟社区等领域[3]。本文就4种有实力且目前已经取得一定市场的Web3D格式进行介绍和比较。 2 几种Web3D技术 2.1Cult3D Cult3D是瑞典的Cycore公司推出的一种全新的Web3D技术,其基础思想是利用现有的网络技术和强大的3D引擎在网页上建立互动的3D对象。Cult3D的内核是基于Java的,它也可以嵌入客户自己开发的Java类,因此具有很强的交互和扩展性能。 Cult3D由3个不同的程序功能——Cult3D Exporterplug2in、Cult3D Designer和Cult3D Viewerplug2in组成。Web开发设计人员可以使用在3D设计领域广泛使用的3DSMAX 或MAYA来设计3D模型,使用Cult3D Exporterplug2in来转换设计模型,在Cult3D Designer 中为模型加入交互、音效等其他效果,再无缝地嵌入到HTML页面和其他应用程序中。用户只需安装Cult3D Viewerplug2in即可在网上实时观看利用Cult3D技术生成的3D模型,通过鼠标还可互动地旋转、放大或缩小它。从这样的开发流程我们可以看出,开发人员无须去适应新的技术,同时Cult3D还为用户提供了人性化和条理化的开发界面,操作简单直观,大大提高了开发的效率,降低了最终用户的成本。[9] Cult3D是一个跨平台的3D渲染引擎,通过它可以向所有Internet用户传输具有空前质量和速度的实时交互性物体。它的关键技术有以下几点:[3,6] (1)具有超群的图像质量和交互性能且文件量小。 Cult3D结合高效的压缩技术并支持多重阴影效果、贴图和双线性滤镜,使得用户不需要长时间的下载和焦急的等待就可以看到高质量的三维模型,并能对其进行交互操作。一般情况下,Cult3D的文件量非常小(20k～200k),对于普通拨号上网的用户也是可以接受的。此外,Cult3D可以实现复杂的动画,这就为物体添加交互性创造了更多的契机。
互联网上的三维技术Web3D
互联网上的三维技术Web3D Wed3D技术进展前景 尽管，Wed3D技术将有好的进展前景，但仍旧不可乐观，它面临下述问题： 网络带宽仍旧是Wed3D要紧瓶颈：当前处理器的速度与网络的带宽只能初步满足Wed3D图形联机操作的要求，随着Cable modems 和DSL 连接的应用，网络带宽将有更大的改进，当一个10MB左右的Wed3D模型文件只需要几秒钟下载时，Wed3D图形的质量将有专门大的改善，而现在的带宽还不能满足要求。 Flash作为2D动画在互联网上的成功的关键是只有唯独的技术和标准。现在的Wed3D 图形是有几十种可供选择的技术和解决方案，多种文件格式和渲染引擎的存在是Wed3D图形在互联网上应用的最大障碍，而这种局面在今后若干年还将存在。 从现在的进展态势来看，有几种技术可能在以后有一定的优势： X3D：由Web 3D Consortium制定，得到大学，政府机构及一些Wed3D图形公司的支持，由于它是VRML97下一代新的国际标准，有比较广泛的社会基础。 Pulse3D：在游戏娱乐领域内领先，使用它的技术的游戏网站有100多个，它得到Discreet 和Entertaindom公司的资金支持，现在它正在把游戏领域的技术优势应用到 e-commerce。它的插件支持QuickTime 5 and RealPlayer。 Viewpoint：前身是MetaCreations（3D图形应用软件开发商），它卖掉了所有的其他软件产品，改名为Viewpoint，专们从事Wed3D图形技术。其渲染引擎的模块化结构极易扩充，同时能与QTVR-, iPix-, and XML-等标准集成。它的目标是e-commerce。它的技术的最大特色是与XML集成。 Cult3D：开发了e-commerce的全套解决方案，差不多有450 e-commerce网站使用了Cult3D技术，近10000个商业模型，它也在向娱乐领域扩充，提供全面解决方案，提供最稳固可靠的渲染引擎 Shockwave3D：这是Macromedia公司Flash插件，有着极为宽敞的用户群（据说世界上有1亿3千万人安装），更引人注目的是Intel把它的Wed3D 图形集成到Shockwave。IntelWed3D图形极具特色：动态调剂3D内容的辨论率，曲面光滑技术，照片级逼真材质及各种特色效应。 在今年的SIGGRAPH 2002世界运算机图形会议上,Intel宣布建立Wed3D/CAD工作组, 其要紧目标是：建立一个统一的，开放的文件格式，用于在Web上显示实时的3D图形。与此同时Wed3D Consortium在SIGGRAPH 2002会议上了公布X3D最终工作草案。X3D 是一个成熟的标准,是VRML的下一代标准，然而Intel完全没有提到它，假如Intel重新制定另外一个新标准，X3D的将面临尴尬，就Intel公司的实力和威望，X3D专门难成为真正的国际标准。Intel公司专门可能将左右新标准的制定与推行。
Web3d技术总结
3技术方案 3.1软件架构 目前，软件开发架构主要包括C/S和B/S两种基本架构，对于虚拟场馆软件的开发，它们各有其优缺点。 （1）C/S架构 C/S也可以称之为桌面软件，软件的大部分资源部署在客户端，每个客户端需要安装桌面软件。 对于虚拟现实的应用，由于C/S架构不受带宽的影响，其模型、纹理、图片等资源存储于客户端，大量的计算也由客户端完成，因此，软件运行更为流畅，能支持大型的复杂场景，能实现复杂的特殊效果。但C/S部署维护困难，制约了用户的使用数量，一旦软件更新，所有的客户端都需要升级。另外，由于所有数据在客户端存储，存在较大的安全隐患。 （2）B/S架构 B/S是随着互联网技术发展，逐渐发展的一种软件架构。软件的所有资源部署在服务器，客户端通过浏览器直接访问，无需安装任何软件。 对于虚拟现实的应用，带宽对B/S架构的影响较大，由于客户端受浏览器等资源的制约，对用户的体验性（如场景精细程度、光照等特效等等）有一定的影响。但随着Web3D技术和富客户端技术的发展，客户端浏览器对计算资源的制约已经越来越小，用户体验效果也基本上可以与C/S架构的的桌面的软件媲美。
基于B/S架构的软件可以非常方便的挂接到办公自动化或门户网站，从而非常方便用户的使用和访问，提高用户访问量，加大软件的使用效率。其次，由于B/S架构的软件集中部署在服务器，客户端无需安装任何软件，直接使用IE浏览器（第一次访问可能自动安装相关插件）即可使用，方便用户使用的同时，也是得软件的升级时，只需更新服务器的相关资源，更为灵活方便。另外，由于软件的资源部署在服务器，使得软件所使用数据的安全性更高。 综上所述，建议采用WEB3D技术，使用B/S架构构建本软件。下面就系统所采用的核心技术：WEB3D技术进行分析论证。 3.2WEB3D技术 目前3D技术也在飞速发展。从VRML到Web3D技术，虚拟现实技术正一步步走进生活，成为现实。 网络三维技术的出现最早可追溯到VRML。VRML（虚拟现实建模语言）是互联网3D图形的开放标准，是3D图形和多媒体技术通用交换的文件格式，它基于建模技术，描述交互式的3D对象和场景，不仅应用在互联网上，也可以用在本地客户系统中，应用范围极广。由于网上传输的是模型文件，故其传输量大大小于视频图像。 1998年。VRML组织把自己改名为Web3D组织，同时制订了一个新的标准，Extensible3D(X3D)，到了2000年春天，Web3D组织完成了VRML到X3D的转换。X3D整合正在发展的XML、JAVA、流技术等先进技术，包括了更强大、更高效的3D计算能力、渲染质量和传输速度。
互联网上的三维技术Web3D
互联网上的三维技术Web3D xx-06-13 06:41:56 : onling 互联网的出现及飞速发展使IT业的各个领域发生了深刻的变化，它必然引发一些新技术的出现。3D图形技术并不是一个新话题，在图形工作站以至于PC机上早已日臻成熟，并已应用到各个领域。然而互联网的出现，却使3D图形技术发生了和正在发生着微妙而深刻的变化。Wed3D协会（前身是VRML协会）最先使用Wed3D术语，这一术语的出现反映了这种变化的全貌，没有人能严格定义Wed3D，在这里我们把Wed3D理解为：互联网上的3D图形技术，互联网代表了未来的新技术，很明显，3D图形和动画将在互联网上占有重要的地位。 那么，什么是Wed3D？它是如何发展起来的？它的最新发展怎样？用于哪些应用？还存在哪些问题？下面我们一一道来。 VRML——互联网3D图形的开放标准 VRML是3D图形和多媒体技术通用交换的文件格式，它基于建模技术，描述交互式的3D对象和场景，不仅应用在互联网上，也可以用在本地客户系统中，应用范围极广。由于网上传输的是模型文件，故其传输量大大小于视频图像。VRML97使任何一个3D图形爱好者能制作可在互联网上实时渲染的3D场景模型。 形形色色的互联网3D图形软件 制作互联网3D图形的软件并没有完全遵循VRML97标准，许多公司推出了它们自己的制作工具，使用专用的文件格式和浏览器插件，
类似的软件大约有三十几种之多。这些软件各有特色，都比VRML有 了进步，在渲染速度，图像质量，造型技术，交互性以及数据的压缩与优化上有都胜过VRML之处。 互联网3D图形的关键技术——实时渲染引擎 实时渲染引擎的作用是解释并翻译实施场景模型文件的语法，实 时渲染从服务器端传来的场景模型文件，在网页访问者的客户端逐帧、实时地显示3D图形。互联网3D图形软件厂商目前通常把实时渲染引擎做成一个插件，在观看前需要先下载并安装在IE浏览器上。显然，实时渲染引擎是实施互联网3D图形的关键技术，它的文件大小、图 形渲染质量、渲染速度、以及它能提供的交互性都直接反映其解决的优劣。 新一代互联网3D图形的标准——X3D X3D标准的发布，为互联网3D图形的发展提供了广阔的前景，无论是小型的具有3D功能的web客户端应用，还是高性能的广播级应用，X3D都应该是大家共同遵守的标准，从而结束当前互联网3D图 形的这种混乱局面。在统一的X3D基本框架下保证不同软件厂家开发软件具有互操作性。 三维建模与Wed3D图形的制作工具 手工编写VRML的场景模型文件.wrl文件是非常繁琐而复杂的工作，对于大型场景模型几乎是不可能的。近几年，许多软件厂商都使用3DS max建立场景模型，安装相应的输出插件，再直接建立场景模
web3D技术实验大纲
《web3D技术》实验教学大纲 课程总学时：64学时 学分：4学分 实验学时：48学时 实验个数：8个 实验学分：3学分 课程性质：专业方向课程 适用专业：数字媒体技术 教材及参考书：《WebGL入门指南》，Tony Parisi著，郝稼力译，人民邮电出版社，2013年版。 大纲执笔人：刘云安 大纲审定人：数字媒体学院学术委员会 一、实验课的性质与任务 本课程是数字媒体技术专业专业方向课之一，是《web3D技术》的同步实验课。让学生了解web3D领域的向光概念，掌握从坐标系统到投影矩阵这些数学基础知识；掌握纹理贴图、模型动画这些图形效果的设计实现方法。掌握将web3D技术整合到web应用当中的编程技巧。 二、实验目的与要求 1．实验目的 通过《web3D技术》实验课程的实践，使学生掌握如何挑选WebGL框架以及使用哪种3D 内容交换格式，并要求学生整合所学知识，制作了一个完整的基于WebGL的三维网页游戏，让学生能够基本了解WebGL这一新技术的开发流程，使其具备独立开发WebGL应用的能力。 2．实验要求 （1）掌握Tree.js图形引擎。 （2）整合所学知识完成三维图形Web应用
四、实验内容安排 实验一基于Three.js引擎的web3D基本几何体的绘制实验 （验证实验 4学时） 1. 目的要求 了解Three.js引擎以及web3D基本几何体的绘制 2．实验内容 （1）Three.js构建三维场景 （2）为场景着色，添加纹理映射 （3）旋转场景对象并实时绘制到画布 3．主要实验仪器设备 pc机。 实验二 Three.js中的着色器实验 （验证实验 4学时） 1. 目的要求 了解Three.JS库的着色器的设计原理。 2．实验内容 （1）创建网格，使用材质、纹理和光源 （2）顶点着色与像素着色编码 （3）使用多重纹理创建更具真实感的场景 3．主要实验仪器设备 pc机。 实验三 Tween.js补间动画实验 （验证实验 4学时） 1. 目的要求 掌握补间动画的基本原理，掌握缓动动画的技术实现方法。 2．实验内容 （1）创建一个基本的补间动画 （2）带缓动效果的补间动画 （3）为3D对象添加材质和光源动画、纹理动画、蒙皮动画和变形动画。 3．主要实验仪器设备 pc计算机；相应配套软件。
HTML5+WebGL 3D机房开发实例
HTML5+WebGL 3D机房开发实例 前阵子写了一篇HMTL5 3D机房开发的例子，介绍了如何用html5在网页上创建无插件的精美3d机房场景，收到很多朋友的鼓励，深表感谢。对于索要源代码的朋友，已经尽力邮件回复。由于精力所限，如未能收到的朋友请留言或给我发送邮件： tw-service@https://www.360docs.net/doc/2515918567.html,。最近项目第二期又要紧锣密鼓地开始了，所以想抓紧把一些新增的内容补充上，进一步完善这个html5 3d机房的呈现效果。 上一篇中主要介绍的是如何从最基础的webgl封装到创建3d物体对象，再通过3d物体对象“搭积木”式的组建整个3d机房场景。这一篇主要介绍一些如何在这个场景上进一步丰富更多的功能和呈现效果，以及实现这些功能在技术上的思路。 首先我们来看看上一期已经实现的纯天然无添加无PS的HTML5 3D机房效果：
已经拿到过代码的朋友应该知道，这一场景可通过一个json文件进行组装和加载，可以很方便地进行修改和维护。在此基础上，这一次我又增加了”机柜标签、机柜门、复杂设备、机房走线、人员轨迹“等效果，下面我就把第二季的干货一一为大家奉上。 机柜标签 机房中最重要的物理资源——机柜——是机房管理、规划、监控人员最关注的对象之一。对于规模在几十个、上百个甚至上千个机柜的机房，每个机柜必然会进行资产编号，方便检索和管理。这个在多数资产管理系统中，都是最基本的。但是在3d场景中，如何显示这些机柜编号，才能让用户更直观的看到每个机柜的位置呢？
传统的方式是用标签显示资产编号，例如可以用“告警冒泡”那样的方式显示一个文字气泡。不过当机柜产生告警时，两个气泡会有所冲突。而且过多的气泡会产生相互遮挡覆盖，有点混乱，比如像这样： 因此我尝试了一种不同的思路：把文字渲染到一个内存图片，“溶解”到机柜的上方贴图中。 想要生成一个内存的图片文字，可以通过下面的函数实现： Js代码 .generateAssetImage: function(text){ .var width=512, height=256; . .var canvas = document.createElement('canvas'); .canvas.width = width; .canvas.height = height; .
基于Web3D的虚拟实验实现技术的比较与分析
！±璺整！堡垒丝！窒堡壹！！塑堡竺竺：！垫：！！垫查堕旦Ｉ卫 基于Ｗｅｂ３Ｄ的 虚拟实验实现技术的比较与分析术 刘锴 ，（徐州师范大学信息传播学院，江苏徐州２２１００９） 摘要：近年来基于ｗｅｂ３Ｄ的虚拟实验成为网络教育研究中的热点问题，本文简要介绍了目前开发虚拟实验的几种Ｗｃｂ３Ｄ技术，以及国内外对基于Ｗｅｂ３Ｄ的虚拟实验的研究与应用现状，并对这几种 技术进行了比较和分析。 关键词：ｗｅｂ３Ｄ虚拟实验实现技术 中图分类号：Ｇ４３４文献标识码：Ａ文章编号：１６７３—８４５４（２００８）１７—００７５一０３ 一、引言维平面世界，实现真正的三维立体网络世界、动态交互 近年来随着网络教育的兴起．实验教学逐渐成为影与智能感知。是计算机网络、多媒体技术与人工智能等响网络教育质量的重要因素之一。网络教育中师生双方技术的完美结合。与其他Ｗｅｂ技术语言相比，其语法简异地分离．学生几乎不可能亲自到校做实验，当地学习中单、易懂，学习相对容易。ＶＲＭＬ具有创建三维造型与场心的实验条件也难以满足实验要求，这严重影响了远程景的能力，并可以很好地实现交互效果，而且可嵌入Ｊａｖａ、学员的学习质量，导致理论与实践的分离。另外，一些学Ｊａｖａｓｃｒｉｐｔ等程序，使其表现力得到极大扩充。此外，ＶＲＭＬ校实验条件有限，而学生众多，导致实验课时开设不足，的文件容量小，适宜网络传输，还具有多媒体功能，其程学生的实验技能不强．而且有一些具有危险性、抽象性的序中可方便地加入声音、图像、动画等效果。．实验也难于开设。要解决以上问题，开发虚拟实验是较好国内外一些高等院校利用ＶＲＭＬ语言，已成功开发的途径之一。而现有的虚拟实验系统绝大多数是二维平了许多基于集成声音、图像及其它多媒体技术的ｉ维空面的，在真实感、交互性方面还有所欠缺。在需要表现一间的虚拟实验室。例如美国密西两比州立大学的ＴａＩｌａ些空间立体化的知识，如原子和分子的结构、分子的结合Ｍｚｏｕｇｌｌｉ、Ｓ．ＤａｖｉｓＨｅ而ｎｇ等人开发了名为ＷｅｂＴＯＰ的物过程、机械的运动时。三维的展现形式必然使学习过程形理虚拟实验室，该实验主要是帮助教师教学，学生学习物象化，学生更容易理解、接受和掌握。因此，近年来利用理中的波和光学。【－咳虚拟实验是综合运用了ＶＲＭＬ、Ｊａｖａ、Ｗｅｂ３Ｄ技术开发ｉ维虚拟实验已成为网络教育研究的ＪａｖａＳｃｒｉｐｔ，以及ＶＲＭＬ的ＪａｖａＥＡｌ来实现的。中国农业热点问题。Ｗｅｂ３Ｄ是一个专业术语，通常指基于互联网大学的卢洁，游运华等人开发了基于ＶＲＭＬ技术的动物的任何三维图形技术。由于Ｗｅｂ３Ｄ技术目前有几十种之解剖虚拟实验。【习ｊ亥虚拟实验系统町以给学生提供一个身多，许多初学者在开发网络三维虚拟实验时，往往不知如临其境的学习环境，调动学生的学习积极性，帮助他们更何选择这些技术，造成了选择上的困惑。本文希望通过对好地掌握专业知识中的重点难点。 目前几种用于开发虚拟实验的Ｗｅｂ３Ｄ技术的介绍、分析２．基于）（３Ｄ技术的虚拟实验 和比较，能够为今后开发网络ｉ维虚拟实验的技术方案随着互联网技术的发展。ＶＲＭＬ在取得巨大成功的和实现方法提供一些参考。同时，也暴露出一些缺点。主要体现在：性能表现欠佳；代 二、几种基于Ｗｅｂ３Ｄ的虚拟实验实现技术概述码重用率不高；在不同播放器中效果不一致。因此。 １．基于ＶＲＭＩ．技术的虚拟实验Ｗｅｂ３Ｄ协会制定了一个替代ＶＲＭＬ的新标准：Ｅｘｔ朗ｓｉｂＪｅＶＲＭＬ（Ｖｉｒｔｕ８ｌＲｅａｌｉｔｙＭｏｄｅｌｉｎｇＬａＪｌｇｕａｇｅ）是一种虚拟３Ｄ（Ｘ３Ｄ），它整合了正在发展的ＸＭＬ、Ｊａｖａ、流媒体技术等现实建模语言，它的基本目标是建立互联网上的交互式先进技术，包括了更强大、更高效的３Ｄ计算能力、渲染质三维多媒体，它以互联网作为应用平台，作为构筑虚拟现量和传输速度。ｘ３Ｄ标准的发布结束了当前互联网３Ｄ实应用的基本构架。它的出现及其发展改变了网络的二图形的混乱局面。在统一的Ｘ３Ｄ基本框架下保证不同软 宰本项目得到徐州师范大学研究生科研创新计划项目基金资助（项目批准号：０８ＹＬＢ０４１） 口妇融髓帅Ｉ哟７５
互联网上的三维技术：Web3D
互联网上的三维技术：Web3D Wed3D技术发展前景 虽然，Wed3D技术将有好的发展前景，但仍然不可乐观，它面临下述问题： 网络带宽仍然是Wed3D主要瓶颈：当前处理器的速度与网络的带宽只能初步满足Wed3D图形联机操作的要求，随着Cable modems 和DSL 连接的应用，网络带宽将有更大的改进，当一个10MB左右的Wed3D模型文件只需要几秒钟下载时，Wed3D图形的质量将有很大的改善，而现在的带宽还不能满足要求。 Flash作为2D动画在互联网上的成功的关键是只有唯一的技术和标准。现在的Wed3D 图形是有几十种可供选择的技术和解决方案，多种文件格式和渲染引擎的存在是Wed3D图形在互联网上应用的最大障碍，而这种局面在今后若干年还将存在。 从现在的发展态势来看，有几种技术可能在未来有一定的优势： X3D：由Web 3D Consortium制定，得到大学，政府机构及一些Wed3D图形公司的支持，由于它是VRML97下一代新的国际标准，有比较广泛的社会基础。 Pulse3D：在游戏娱乐领域内领先，使用它的技术的游戏网站有100多个，它得到Discreet 和Entertaindom公司的资金支持，现在它正在把游戏领域的技术优势应用到 e-commerce。它的插件支持QuickTime 5 and RealPlayer。 Viewpoint：前身是MetaCreations（3D图形应用软件开发商），它卖掉了所有的其他软件产品，改名为Viewpoint，专们从事Wed3D图形技术。其渲染引擎的模块化结构极易扩充，并且能与QTVR-, iPix-, and XML-等标准集成。它的目标是e-commerce。它的技术的最大特色是与XML集成。 Cult3D：开发了e-commerce的全套解决方案，已经有450 e-commerce网站使用了Cult3D技术，近10000个商业模型，它也在向娱乐领域扩充，提供全面解决方案，提供最稳定可靠的渲染引擎 Shockwave3D：这是Macromedia公司Flash插件，有着极为广大的用户群（据说世界上有1亿3千万人安装），更引人注目的是Intel把它的Wed3D 图形集成到Shockwave。IntelWed3D图形极具特色：动态调节3D内容的分辨率，曲面光滑技术，照片级逼真材质及各种特色效应。 在今年的SIGGRAPH 2002世界计算机图形会议上,Intel宣布建立Wed3D/CAD工作组, 其主要目标是：建立一个统一的，开放的文件格式，用于在Web上显示实时的3D图形。与此同时Wed3D Consortium在SIGGRAPH 2002会议上了发布X3D最终工作草案。X3D 是一个成熟的标准,是VRML的下一代标准，但是Intel完全没有提到它，如果Intel重新制定另外一个新标准，X3D的将面临尴尬，就Intel公司的实力和威望，X3D很难成为真正的国际标准。Intel公司很可能将左右新标准的制定与推行。
基于WebGL的3D技术在网页中的运用
龙源期刊网 https://www.360docs.net/doc/2515918567.html, 基于WebGL的3D技术在网页中的运用 作者：荣艳冬 来源：《信息安全与技术》2015年第08期 【摘要】 WebGL为3D网页制作技术提出了很好的解决方案。文中首先分析了网页3D 技术的发展趋势，以及当前网页所运用3D技术存在的问题，然后分析了WebGL技术的优势、实现过程和存在的问题，最后详细论述了three.js图形引擎库实现网页中3D图形绘制流程、实现过程和3D动画实现方法，从而给出了跨平台和高效的3D网页制作方法。 【关键词】 WebGL；3D；网页；three.js The Application of 3D Technique Base on WebGL in the Web Rong Yan-dong （Inner Mongolia Business and Trade Vocational College Inner Mongolia Hohhot 010070） 【 Abstract 】 WebGL proposed a good solution for the 3D web production technology. This paper first analyzes the development trend of 3D Web technology， and the existing problems of 3D technology in the current web. Then， the advantages， the process and the problems of the WebGL technology are analyzed. At last， the paper discusses the 3D graphics rendering process，realization process and realization method of 3D animation by three.js graphics engine database， and it gives the cross platform and efficient method of 3D web making. 【 Keywords 】 webgl；3d；web；three.js 1 引言 随着互联网技术不断的发展，网页制作技术起到的作用越来越重要，这个作用不单纯体现在PC端，移动终端网页技术也被使用的越来越普遍，但是网页3D技术并没有被广泛的使用，更多的图形和动画是通过2D的方式实现，用户对于3D网页技术的需求越来越强烈，例如3D商品展示、3D网页游戏、3D巡游动画等被运用的越来越多。随着HTML5规范不断地成熟，WebGL给出了更加合理的3D网页动画技术解决方案。本文主要讨论这项技术的特点和优势，以及如何利用这项技术完成网页3D图形和动画。 2 当前3D网站技术分析 3D技术的优势非常明显，它可以使用户更加直观的浏览所需内容，有身临其境的感觉。网页设计与制作人员一直尝试通过各种技术实现3D网页，其中包括“Flash3D”、“Java3D”、“Unity3D”、“CopperCube”和“Sliverlight”等。这些技术存在几个问题：一是这些技术都需要安
Web3D技术
Web3D技术 网络三维技术的出现最早可追溯到VRML。VRML（Virtual Reality Modeling L anguage）即虚拟现实建模语言。VRML开始于20世纪90年代初期。 1994年3月在日内瓦召开的第一届WWW大会上，首次正式提出了VRML这个名字。1994年10月在芝加哥召开的第二届WWW大会上公布了规范的VRML1.0草案。 1996年8月在新奥尔良召开的优秀3D图形技术会议-Siggraph'96上公布通过了规范的VRML2.0第一版。它在VRML1.0的基础上进行了很大的补充和完善。它是以SGI公司的动态境界Moving Worlds提案为基础的。 1997年12月VRML作为国际标准正式发布，1998年1月正式获得国际标准化组织ISO批准简称VRML97。VRML97只是在VRML2.0基础进行上进行了少量的修正。 VRML规范支持纹理映射、全景背景、雾、视频、音频、对象运动、和碰撞检测--一切用于建立虚拟世界的所具有的东西。但是VRML并没有得到预期的推广运用，不过这不是VRML的错，要知道当时14.4k 的modems是普遍的。VRML是几乎没有得到压缩的脚本代码，加上庞大的纹理贴图等数据，要在当时的互连网上传输简直是场噩梦。 1998年。VRML组织把自己改名为Web3D组织，同时制订了一个新的标准，E xtensible 3D (X3D)，到了2000年春天，Web3D组织完成了VRML到X3D的转换。X3D整合正在发展的XML、JAVA、流技术等先进技术，包括了更强大、更高效的3 D计算能力、渲染质量和传输速度。 在此期间，一场Web3D格式的竞争正在进行着。Adobe Atmosphere创建网络虚拟三维环境的专业开发解决方案、还有Macromedia Director 8.5 Shockwave St udio 最近一些厂商瞄准了一个市场，就是从二维图像生成三维物体。一般都是通过拍摄一个物体的多个方向，再由特殊的软件转化为3D网格。象viewpoint、realVIZ、mmersion。 尽管出现了如此之多的解决方案，难道让我们每个人都跳上了Web3D的列车了吗？一些困难和障碍仍然存在。 首先是没有统一的标准。每种方案都使用不同的格式和方法。Flash能够在今天大行其道是因为它是唯一的，JAVA在各平台得到运用也因他是唯一的。没有标准，3D在Web上的实现过程还将继续挣扎。另外插件的问题也是一个困绕。几乎每个厂商开发的标准都需要自己插件的支持，这些插件从几百K到几兆不等，在带宽不理想的条件下必然限制了一部分人的使用热情。不妨让我们浏览一下这些在web3d中划地自治的诸侯们： Java3D和GL4Java（OpenGl For Java） JAVA3D可用在三维动画、三维游戏、机械CAD等领域。
Web3D的核心技术及其特征
Web3D的核心技术及其特征 目前，走向实用化阶段的Web3D的核心技术有基于VRML、Java、XML、动画脚本以及流式传输的技术，为网络教学资源和有效的学习环境设计和开发、组织不同形式的网络教学活动，提供了更为灵活的选择空间。由于采用了不同的技术内核，不同的实现技术也就有不同的原理、技术特征和应用特点（见表1）。 表1：Web3D的核心技术及特征对比 java3D Java3D和GL4Java（OpenGl For Java） JA V A3D可用在三维动画、三维游戏、机械CAD等领域。 Web3D的实现技术
Web3D 的实现技术，主要分三大部分，即建模技术、显示技术、三维场景中的交互技术。 1、建模技术 三维复杂模型的实时建模与动态显示是虚拟现实技术的基础。目前，三维复杂模型的实时建模与动态显示技术可以分为两类。一是基于几何模型的实时建模与动态显示；二是基于图像的实时建模与动态显示。在众多的Web3D开发工具中，Cult3D是采用基于几何模型的实时建模与动态显示的技术，而APPLE 的QTVR 则是采用基于图像的三维建模与动态显示技术。 （1）基于几何模型的实时建模与动态显示技术在计算机中建立起三维几何模型，一般均用多边形表示。在给定观察点和观察方向以后，使用计算机的硬件功能，实现消隐、光照及投影这一绘制的全过程，从而产生几何模型的图像。这种基于几何模型的建模与实时动态显示技术的主要优点是观察点和观察方向可以随意改变，不受限制，允许人们能够沉浸到仿真建模的环境中，充分发挥想象力，而不是只能从外部去观察建模结果。因此，它基本上能够满足虚拟现实技术的3I即“沉浸”、“交互”和“想象”的要求。基于几何模型的建模软件很多，最常用的就是3DMAX和Maya。3DMAX是大多数Web3D软件所支持的，可以把它生成的模型导入使用。 （2）基于图像的建模技术自20 世纪90 年代,人们就开始考虑如何更方便地获取环境或物体的三维信息。人们希望能够用摄像机对景物拍摄完毕后,自动获得所摄环境或物体的二维增强表象或三维模型,这就是基于现场图像的VR建模。在建立三维场景时，选定某一观察点设置摄像机。每旋转一定的角度，便摄入一幅图像，并将其存储在计算机中。在此基础上实现图像的拼接，即将物体空间中同一点在相邻图像中对应的象素点对准。对拼接好的图像实行切割及压缩存储，形成全景图。基于现场图像的虚拟现实建模有广泛的应用前景,它尤其适用于那些难于用几何模型的方法建立真实感模型的自然环境,以及需要真实重现环境原有风貌的应用。相对来说，基于图像的建模技术显然只能是对现实世界模型数据的一个采集，并不能够给VR 设计者一个充分的、自由想象发挥的空间。 （3）三维扫描成型技术 三维扫描成型技术是用庞大的三维扫描仪来获取实物的三维信息，其优点是准确性高，但这样的扫描设备十分昂贵，对于VR 的普通用户来说这似乎又遥不可及了。 2、显示技术 把建立的三维模型描述转换成人们所见到的图像，就是所谓的显示技术。因为在浏览Web3D文件时，一般都需要给用户安装一个支持Web3D的浏览器插件，这个对于初级用户来说也是一件麻烦的事情。但JA V A 3D技术在这方面有很大优势，它不需要安装插件，在客户端用一个JA V A 解释包来解释就行了。不过，最近MICROSOFT 公司宣布，基于安全的理由，它不再支持JA V A，其最新的操作系统Windows XP也没有内建JA V A 虚拟机，所以如果在 Windows XP 使用JA V A 3D也必须安装JA V A 虚拟机。其它Web3D软件是必须在客户端安装浏览器插件的。 3、交互技术 网络的关键在于交互，Web3D 实现的用户和场景之间的交互是相当丰富的，而在交互的场景中，实现用户和用户的交流也将成为可能。总的来说，建立模型是用户首先要做的事情，也是相对困难的步骤；而显示是由软件通过计算机的运算完成的，用户不需要过问，只要选择显示质量能满足我们要求的技术就行了；交互功能的强弱由Web3D软件本身决定，但用户可以通过适当的编程来改善软件的不足。
主流WEB开发技术对比
主流web开发技术对比 目前，最常用的三种动态网页语言有ASP(Active Server Pages),JSP(JavaServer Pages),PHP (Hypertext Preprocessor)。 简介: ASP全名Active Server Pages，是一个WEB服务器端的开发环境，利用它可以产生和执行动态的、互动的、高性能的WEB服务应用程序 （1）ASP采用脚本语言VBScript（Java script）作为自己的开发语言。 （2）PHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C,Java和Perl语言的语法,并耦合PHP自己的特性,使WEB开发者能够快速地写出动态产生页面。它支持目前绝大多数数据库。还有一点，PHP是完全免费的，不用花钱，你可以从PHP官方站点(http: //https://www.360docs.net/doc/2515918567.html,)自由下载。而且你可以不受限制地获得源码，甚至可以从中加进你自己需要的特色。 （3）JSP是Sun公司推出的新一代网站开发语言，Sun公司借助自己在Java上的不凡造诣，将Java从Java应用程序和Java Applet之外，又有新的硕果，就是JSP，Java Server Page。JSP 可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。 三者都提供在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。但JSP 代码被编译成Servlet并由Java虚拟机解释执行，这种编译操作仅在对JSP页面的第一次请求时发生。在ASP、PHP、JSP环境下，HTML代码主要负责描述信息的显示样式，而程序代码则用来描述处理逻辑。普通的HTML页面只依赖于Web服务器，而ASP、PHP、JSP页面需要附加的语言引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML代码中，然后一起发送给浏览器。ASP、PHP、JSP三者都是面向Web服务器的技术，客户端浏览器不需要任何附加的软件支持。 技术特点 ASP: 1.使用VBScript、JScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站的应用程序。 2.无须compile编译，容易编写，可在服务器端直接执行。 3.使用普通的文本编辑器，如Windows的记事本，即可进行编辑设计。 4.与浏览器无关(Browser Independence),客户端只要使用可执行HTML码的浏览器，即可浏览Active Server Pages所设计的网页内容。Active ServerPages所使用的脚本语言(VBScript、Jscript)均在WEB服务器端执行，客户端的浏览器不需要能够执行这些脚本语言。 5.Active Server Pages能与任何ActiveX scripting语言兼容。除了可使用VB Script或JScript 语言来设计外，还通过plug－in的方式，使用由第三方所提供的其它脚本语言，譬如REXX、Perl、Tcl等。脚本引擎是处理脚本程序的COM(Component Object Model)对象。 6.可使用服务器端的脚本来产生客户端的脚本。 7.ActiveX Server Components(ActiveX服务器组件)具有无限可扩充性。可以使用Visual Basic、Java、Visual C＋＋、COBOL等程序设计语言来编写你所需要的ActiveX Server Component。 PHP: 1.数据库连接 PHP可以编译成具有与许多数据库相连接的函数。PHP与MySQL是现在绝佳的群组合。你还可以自己编写外围的函数去间接存取数据库。通过这样的途径当你更换使用的数据库时，可以轻松地修改编码以适应这样的变化。PHPLIB就是最常用的可以提供一般事务需要的一系