Web界面设计讲义.ppt

1.Web 3D图形技术 （3）Web3D图形新标准 可扩展3D((Extensible 3D , X3D) 是一个软件标准，定义了如何在多媒体中整合基于网络传播的交互三维内容。X3D 是 VRML的继承和改进，提供了以下的新特性：更先进的应用程序界面，新添的数据编码格式，严格的一致性，组件化结构。 * 1.Web 3D图形技术 （4）Web3D图形建模与制作工具 3DS max可用于建立场景模型，安装相应的输出插件，再直接建立场景模型文件。现在最有名的Web3D图形软件公司，如cult3D 和Viwepoint都可以在3DS max中直接输出它们的专用文件格式的场景模型文件。 * 1.Web 3D图形技术 （5）Java 3D Java 3D 的本质是一个交互式三维图形应用编程接口（API），是Java 2 SDK的标准扩展，它可以和普通的Java 2D 、Swing、AWT等很好地结合，其目标是： 1）用户能够在浏览器中观看或操作三维动态图形 2）一次编程，到处运行 3）适应不同的软件平台 4）适应各种显示环境和输入设备 * 1.Web 3D图形技术 （6）Web3D图形技术应用 互联网上的交互式3D图形技术Wed3D正在取得新的进展，最具魅力的Wed3D图形将在互联网上有广泛应用，如电子商务、联机娱乐休闲与游戏、科技与工程的可视化、教育、医学、地理信息、虚拟社区。 WebGl 宝藏演示 * 两个Web3D的浏览的例子。 * 1.Web 3D图形技术 （7）WebGL webgl在web3d中的发展 Khronos Group Khronos Group 成立于 2000 年 1 月，由包括 3Dlabs, ATI, Discreet, Evans Sutherland, Intel, Nvidia, SGI 和 Sun Microsystems 在内的多家国际知名多媒体行业领导者创立，致力于发展开放标准的应用程序接口 API ，以实现在多种平台和终端设备上的富媒体创作、加速和回放。 / 谷歌angle计划 为了渲染本地Chrome中的3D图形，Google使用的是WebGL 。这样做的问题在于WebGL依赖于OpenGL 2.0，而并非所有的Windows系统都安装了它的驱动。ANGLE （近似本地图形层引擎 Almost Native Graphics Layer Engine）项目试图在WebGL和DirectX之间建立简单的层，用来支持Chrome在任意Windows系统中都可以处理3D图形。 /p/angleproject/ webgl WebGL 是免授权费的，跨平台的应用程序接口API，它将OpenGL ES 2.0作为在HTML网页内的3D绘图环境，作为低级别文档对象模型接口开放。 它使用OpenGL渲染语言GLSL ES，并可被整洁地与其他3D内容上层或下层的网页内容捆绑。 它是使用JavaScript编程开发语言开发适合动态3D网页应用的理想工具，并已被主流互联网浏览器集成。 OpenGL ES 2.0 OpenGL? ES 是免授权费的，跨平台的，功能完善的2D和3D图形应用程序接口API，它针对多种嵌入式系统专门设计 - 包括控制台、移动电话、手持设备、家电设备和汽车。它由精心定义的桌面OpenGL子集组成，创造了软件与图形加速间灵活强大的底层交互接口。OpenGL ES 包含浮点运算和定点运算系统描述以及 EGL? 针对便携设备的本地视窗系统规范。OpenGL ES 1.X 面向功能固定的硬件所设计并提供加速支持、图形质量及性能标准。OpenGL ES 2.X 则提供包括遮盖器技术在内的全可编程3D图形算法。OpenGL ES-SC 专为有高安全性需求的特殊市场精心打造。 /#top html5 html5.0内嵌了3d功能，但是现在支持这一功能的浏览器还很少。只能说html5.0的3d功能在发展过程中。 /是专门研究html5.0标准的网站，可以去上面了解html5.0的最新特征。另外在w3school网站上也有html5.0的相关介绍。 html5.0提供了音频视频标签应该算补充了以前html的不足。另外html5.0还提供了2d绘图功能。 目前支持webgl的部分浏览器 桌面平台 Google Chrome 9及以上版本 Mozilla Firefox 4以及上版本 Safari 5.1及以上版本（仅限于Mac OS X操作系统，不包括Windows操作系统；所有情况下必须强制开启WebGL支持） Opera Next?即Opera 12 alpha及以上版本 你会发现IE并不支持WebGL，不过你可以通过下载并安装IEWebGL这个插件，或者Google?Chro