‘壹’ 请总结一下,什么是Web它具有哪些特点
web是internet上的一种超文本的信息检索服务程序。它具有的超链接功能,可以支持文本、图像、声音和视频等多种数据类型。它的特点是:(1)服务快速、信息制作容易、协议规范;(2)web是分布式的,他并不是将信息集中放在一台服务器上,而是依靠URL来(资源定位器)来实现信息在逻辑上的一体化;(3)web与平台无关,不论何种平台,都可以通过浏览器访问Internet;(4)web是动态的、交互的。
‘贰’ 什么是WEBGIS技术
粗略的讲就是应用网络以及B/S技术,展示GIS应用包括地图查询,业务交互等
‘叁’ Web3D技术的核心技术及其特征
目前,走向实用化阶段的Web3D的核心技术有基于VRML、Java、XML、动画脚本以及流式传输的技术,为网络教学资源和有效的学习环境设计和开发、组织不同形式的网络教学活动,提供了更为灵活的选择空间。由于采用了不同的技术内核,不同的实现技术也就有不同的原理、技术特征和应用特点(见表1)。
表1:Web3D的核心技术及特征对比 Web3D的
核心技术 实现原理 技术特征 应用特点 基于
VRML技术 服务器端提供的是VRML文件和支持资源,浏览器通过插件将描述性的文本解析为对应的类属,并在显示器上呈现出来。 通过编程、三维建模工具和VRML可视化软件实现;在虚拟三维场景展示时,文件数据量很大。 高版本浏览器预装插件;文件传输慢,下载时间长;呈现的图像质量不高;与其他多技术集成能力及兼容性弱。适合于三维对象和场景的展示。 基于
XML技术 将用户自定义的三维数据集成到XML文档中,通过浏览器对其进行解析后实时展现给用户。 通过三维建模工具和可视化软件实现;在三维对象和三维场景展示时,文件数据量小。 需要安装插件;文件传输快,可被快速下载;呈现的图象质量较好;与其他多技术集成能力强;兼容性好。适合于三维对象和场景的展示。 基于
Java技术 通过浏览器执行程序,直接将三维模型渲染后实时展现三维实体。 通过编程和三维建模工具来实现;在三维对象和三维场景展示时,文件数据量小。 不需要安装插件;文件传输快,可被快速下载;呈现的图象质量非常高;兼容性好。适合于三维对象和场景的展示。 基于动画
脚本语言 在网络动画中加入脚本描述,脚本通过控制各幅图像来实现三维对象。 通过脚本语言编程来实现;在三维对象和三维场景展示时,文件数据量较小 需要插件;文件传输快,可被快速下载;呈现的图象质量随压缩率可调;兼容性好。适合于三维对象和场景的展示。 基于流式
传输的技术 直接将交互的虚拟场景嵌入到视频中去。 通过实景照片和场景集成(缝合)软件来实现;在场景模拟时,文件数据量较小。 需要下载插件;用户可快速浏览文件;三维场景的质量高;兼容性好。实现360度全景虚拟环境。
‘肆’ Web开发技术概述课件
第一阶段:
HTML+CSS:
HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、
JavaScript基础:
Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效:
常见特效、例如:tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JS高级特征:
正则表达式、排序算法、递归算法、闭包、函数节流、作用域链、基于距离运动框架、面向对象基础、
JQuery:基础使用
悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
第二阶段:
HTML5和移动Web开发
HTML5:
HTML5新语义标签、HTML5表单、音频和视频、离线和本地存储、SVG、WebSocket、Canvas.
CSS3:
CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。
Bootstrap:
响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原理、Bootstrap常用模板、LESS和SASS。
移动Web开发:
跨终端WEB和主流设备简介、视口、流式布局、弹性盒子、rem、移动终端JavaScript事件、手机中常见JS效果制作、Zepto.js、手机聚划算页面、手机滚屏。
第三阶段:
HTTP服务和AJAX编程
WEB服务器基础:
服务器基础知识、Apache服务器和其他WEB服务器介绍、Apache服务器搭建、HTTP介绍。
PHP基础:
PHP基础语法、使用PHP处理简单的GET或者POST请求、
AJAX上篇:
Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍方法、兼容性处理方法、Ajax框架的封装、Ajax中缓存问题、XML介绍和使用。
AJAX下篇:
JSON和JSON解析、数据绑定和模板技术、JSONP、跨域技术、图片预读取和lazy-load技术、JQuery框架中的AjaxAPI、使用Ajax实现爆布流案例额。
第四阶段:
面向对象进阶
面向对象终极篇:
从内存角度到理解JS面向对象、基本类型、复杂类型、原型链、ES6中的面向对象、属性读写权限、设置器、访问器。
面向对象三大特征:
继承性、多态性、封装性、接口。
设计模式:
面向对象编程思维、单例模式、工厂模式、策略模式、观察者模式、模板方法模式、代理模式、装饰者模式、适配器模式、面向切面编程。
第五阶段:
封装一个属于自己的框架
框架封装基础:
事件流、冒泡、捕获、事件对象、事件框架、选择框架。
框架封装中级:
运动原理、单物体运动框架、多物体运动框架、运动框架面向对象封装。
框架封装高级和补充:
JQuery框架雏形、可扩展性、模块化、封装属于传智自己的框架。
第六阶段:
模块化组件开发
面向组件编程:
面向组件编程的方式、面向组件编程的实现原理、面向组件编程实战、基于组件化思想开发网站应用程序。
面向模块编程:
AMD设计规范、CMD设计规范、RequireJS,LoadJS、淘宝的SeaJS。
第七阶段:
主流的流行框架
Web开发工作流:
GIT/SVN、Yeoman脚手架、NPM/Bower依赖管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:
Angular.js、Backbone.js、Knockout/Ember。
常用库:
React.js、Vue.js、Zepto.js。
第八阶段:
HTML5原生移动应用开发
Cordova:
WebApp/NativeApp/HybirdApp简介、Cordova简介、与PhoneGap之间的关系、开发环境搭建、Cordova实战(创建项目,配置,编译,调试,部署发布)。
Ionic:
Ionic简介和同类对比、模板项目解析、常见组件及使用、结合Angular构建APP、常见效果(下拉刷新,上拉加载,侧滑导航,选项卡)。
ReactNative:
ReactNative简介、ReactNative环境配置、创建项目,配置,编译,调试,部署发布、原生模块和UI组件、原生常用API。
HTML5+:
HTML5+中国产业联盟、HTML5PlusRuntime环境、HBuilder开发工具、MUI框架、H5+开发和部署。
第九阶段:
Node.js全栈开发:
快速入门:
Node.js发展、生态圈、Io.js、Linux/Windows/OSX环境配置、REPL环境和控制台程序、异步编程,非阻塞I/O、模块概念,模块管理工具、开发流程,调试,测试。
核心模块和对象:
全局对象global,process,console,util、事件驱动,事件发射器、加密解密,路径操作,序列化和反序列化、文件流操作、HTTP服务端与客户端。
Web开发基础:
HTTP协议,请求响应处理过程、关系型数据库操作和数据访问、非关系型数据库操作和数据访问、原生的Node.js开发Web应用程序、Web开发工作流、Node.js开发Blog案例。
快速开发框架:
Express简介+MVC简介、Express常用API、Express路由模块、Jade/Ejs模板引擎、使用Express重构Blog案例、Koa等其他常见MVC框架。
‘伍’ web前端什么是雪碧图
雪碧图被运用在众多使用了很多小图标的网站上。
相对于把每张小图标以.png格式文件的形式引用到页面上,使用雪碧图只需要引用一张图片,对内存和带宽更好。
‘陆’ 响应式网页的主流技术有哪些
响应式网页的主流技术有哪些?当不同类型的终端加载web页面或调整浏览器大小时,页面会根据媒体类型或浏览器宽度加载不同的CSS样式,重新设置页面并显示不同的内容和布局效果。流程布局是响应性web页面的主要技术,以百分比表示。当分辨率或浏览器宽度发生变化时,可以平滑地缩放页面元素,避免用户的视觉跳跃感。也可以避免传统固定布局中的水平滚动条。流式布局也有一些缺点,屏幕大小会在小屏幕和大屏幕之间变化,同样的布局设计不能提供良好的视觉体验。
例如,一些文本在电脑上显示的行宽会满足用户的视觉效果,但在移动端会显得太窄,影响用户的浏览。元素的大小(百分比)基于其父元素的宽度。当有许多层次的元素嵌套时,计算机就更麻烦了。移动布局还需要结合媒体查询方法,对不同分辨率设备的网页风格响应策略进行优化,达到更好的效果。弹性布局主要以EM和REM为元素单位,而REM以HTML根元素的大小为参考进行计算,解决了百分比计算的缺陷,使网页设计更加方便高效。只有REM不实现响应布局;它还需要结合JavaScript或媒体查询技术。
响应式网页的主流技术有哪些?同时,REM作为字体大小的单位,结合媒体查询技术,可以轻松控制不同设备上字符的字体大小。弹性图像技术可以实现图像随屏幕尺寸的变化而平滑过渡,适应变焦,实现响应的变化。同时,提出了大分辨率和小分辨率的图像设计方案。结合媒体查询技术,大分辨率设备使用大分辨率图像,小分辨率设备使用小分辨率图像,即大屏幕加载大图像,小屏幕加载小图像。响应式web的主流技术有利于提高web页面的加载速度,节省存储空间。引导框架是一个用于前端开发的开放源码工具包。它是响应式Web设计中最流行和常用的框架。它基于HTML5、CSS3、jQuery和javascrip技术,为开发者提供了多种响应组件。它将一组CSS样式和效果代码封装在不同的文件中,以便于使用。
以上就是有哪些响应式网页的主流技术?的主要内容,如果你想了解ui设计的基本知识,并且将他们运用到您的作品中,那么本文一定会给你有效的帮助。如果你想学习更多关于ui设计的知识或资讯等,可以点击本站其他文章进行学习。
‘柒’ 简述web技术的结构
它是超级文本的简称。 二、超媒体(hypermedia) 超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画。 Internet采用超文本和超媒体的信息组织方式,将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统,Web的一个主要的概念就是超文本连接,它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。 三、超文本传输协议(HTTP) Hypertext Transfer Protocol超文本在互联网上的传输协议。 当你想进入万维网上一个网页, 或者其他网络资源的时候,通常你要首先在你的浏览器上键入你想访问网页的统一资源定位符(UniformResourceLocator),或者通过超链接方式链接到那个网页或网络资源。这之后的工作首先是URL的服务器名部分,被名为域名系统的分布于全球的因特网数据库解析,并根据解析结果决定进入哪一个IP地址(IP address)。 接下来的步骤是为所要访问的网页,向在那个IP地址工作的服务器发送一个HTTP请求。在通常情况下,HTML文本、图片和构成该网页的一切其他文件很快会被逐一请求并发送回用户。 网络浏览器接下来的工作是把HTML、CSS和其他接受到的文件所描述的内容,加上图像、链接和其他必须的资源,显示给用户。这些就构成了你所看到的“网页”。 大多数的网页自身包含有超链接指向其他相关网页,可能还有下载、源文献、定义和其他网络资源。像这样通过超链接,把有用的相关资源组织在一起的集合,就形成了一个所谓的信息的“网”。这个网在因特网上被方便使用,就构成了最早在1990年代初蒂姆·伯纳斯-李所说的万维网。 传统的Web数据库系统体系结构 传统的Web数据库系统一般实现Web数据库系统的连接和应用可采取两种方法,一种是在Web服务器端提供中间件来连接Web服务器和数据库服务器,另一种是把应用程序下载到客户端并在客户端直接访问数据库。中间件负责管理Web服务器和数据库服务器之间的通信并提供应用程序服务,它能够直接调用外部程序或脚本代码来访问数据库,因此可以提供与数据库相关的动态HTML页面,或执行用户查询,并将查询结果格式化成HTML页面。通过Web服务器返回给Web浏览器。最基本的中间件技术有通过网关接口CGI和应用程序接口API两种。 (一)、基于通用网关接口CGI CGI是WWW服务器运行时外部程序的规范,按照CGI编写的程序可以扩展服务器的功能,完成服务器本身不能完成的工作,外部程序执行时间可以生成HTML文档,并将文档返回WWW服务器。CGI应用程序能够与浏览器进行交互作用,还可以通过数据库的API与数据库服务器等外部数据源进行通信,如一个CGI程序可以从数据库服务器中获取数据,然后格式化为HTML文档后发送给浏览器,也可以将从浏览器获得的数据放到数据库中。几乎使用的服务器软件都支持CGI,开发人员可以使用任何一种WWW服务器内置语言编写CGI,其中包括流行的C、C、VB和Delphi等。 从体系结构上来看,用户通过Web浏览器输入查询信息,浏览器通过HTTP协议向Web服务器发出带有查询信息的请求,Web服务器按照CGI协议激活外部CGI程序,由该程序向DBMS发出SQL请求并将结果转化为HTML后返回给Web服务器。再由Web服务器返回给Web浏览器。这种结构体现了客户/服务器方式的三层模型,其中Web服务器和CGI程序实际起到了HTML和SQL转换的网关的作用。CGI的典型操作过程是:分析CGI数据;打开与DBMS的连接;发送SQL请求并得到结果;将结果转化为HTML;关闭DBMS的连接;将HTML结果返回给Web服务器。 基于Web的数据库访问利用已有的信息资源和服务器。其访问频率大,尤其是热点数据。但其主要的缺点是:①客户端与后端数据库服务器通信必须通过Web服务器,且Web服务器要进行数据与HTML文档的互相转换,当多个用户同时发出请求时,必然在Web服务器形成信息和发布瓶颈。②CGI应用程序每次运行都需打开和关闭数据库连接,效率低,操作费时;③CGI应用程序不能由多个客户机请求共享,即使新请求到来时CGI程序正在运行,也会启动另一个CGI应用程序,随着并行请求的数量增加,服务器上将生成越来越多的进程。为每个请求都生成进程既费时又需要大量内存,影响了资源的使用效率,导致性能降低并增加等待时间;④由于SQL与HTML差异很大,CGI程序中的转换代码编写繁琐,维护困难;⑤安全性差,缺少用户访问控制,对数据库难以设置安全访问权限;⑥HTTP协议是无状态且没有常连接的协议,DBMS事务的提交与否无法得到验证,不能构造Web上的OLTP应用。 (二)、基于服务器扩展的API 为了克服CGI的局限性,出现的另一种中间件解决方案是基于服务器扩展API的结构。与CGI相比,API应用程序与Web服务器结合得更加紧密,占用的系统资源也少得多,而运行效率却大大提高,同时还提供更好的保护和安全性。 服务器API一般作为一个DLL提供,是驻留在WWW服务器中的程序代码,其扩展WWW服务器的功能与CGI相同。WWW开发人员不仅可以API解决CGI可以解决的一切问题,而且能够进一步解决基于不同WWW应用程序的特殊请求。各种API与其相应的WWW服务器紧密结合,其初始开发目标服务器的运行性能进一步发掘、提高。用API开发的程序比用CGI开发的程序在性能上提高了很多,但开发API程序比开发CGI程序要复杂得多。API应用程序需要一些编程方面的专门知识,如多线程、进程同步、直接协议编程以及错误处理等。目前主要的WWWAPI有Microsoft公司的ISAPI、Netscape公司的NSAPI和OReily公司的WSAPI等。使用ISPAI开发的程序性能要优于用CGI开发的程序,这主要是因为ISAPI应用程序是一些与WWW服务器软件处于同一地址空间的DLL,因此所有的HTTP服务器进程能够直接利用各种资源这显然比调用不在同一地址空间的CGI程序语句要占用更少的系统时间。而NSAPI同ISAPI一样,给WWW开发人员定制了NetscapeWWW服务器基本服务的功能。开发人员利用NSAPI可以开发与WWW服务器的接口,以及与数据库服务器等外部资源的接口。 虽然基于服务器扩展API的结构可以方便、灵活地实现各种功能,连接所有支持32位ODBC的数据库系统,但这种结构的缺陷也是明显的:①各种API之间兼容性很差,缺乏统一的标准来管理这些接口;②开发API应用程序也要比开发CGI应用复杂得多; ③这些API只能工作在专用Web服务器和操作系统上。 (三)、基于JDBC的Web数据库技术 Java的推出,使WWW页面有了活力和动感。Internet用户可以从WWW服务器上下载Java小程序到本地浏览器运行。这些下载的小程序就像本地程序一样,可独立地访问本地和其他服务器资源。而最初的Java语言并没有数据库访问的功能,随着应用的深入,要求Java提供数据库访问功能的呼声越来越高。为了防止出现对Java在数据库访问方面各不相同的扩展,JavaSoft公司指定了JDBC,作为Java语言的数据库访问API。 采用JDBC技术,在JavaApplet中访问数据库的优点在于:直接访问数据库,不再需要Web数据库的介入,从而避开了CGI方法的一些局限性;用户访问控制可以由数据库服务器本地的安全机制来解决,提高了安全性;JDBC是支持基本SQL功能的一个通用低层的应用程序接口,在不同的数据库功能的层次上提供了一个统一的用户界面,为跨平台跨数据库系统进行直接的Web访问提供了方案。从而克服了API方法一些缺陷;同时,可以方便地实现与用户地交互,提供丰富的图形功能和声音、视频等多媒体信息功能。 JDBC是用于执行SQL语句的Java应用程序接口API,由Java语言编写的类和接口组成。Java是一种面向对象、多线程与平台无关的编程语言,具有极强的可移植性、安全性和强健性。JDBC是一种规范,能为开发者提供标准的数据库访问类和接口,能够方便地向任何关系数据库发送SQL语句,同时JDBC是一个支持基本SQL功能的低层应用程序接口,但实际上也支持高层的数据库访问工具及API。所有这些工作都建立在X/Open SQL CLI基础上。JDBC的主要任务是定义一个自然的Java接口来与X/OpenCLI中定义的抽象层和概念连接。JDBC的两种主要接口分别面向应用程序的开发人员的JDBC API和面向驱动程序低层的JDBC DriverAPI。JDBC完成的工作是:建立与数据库的连接;发送SQL语句;返回数据结果给Web浏览器。
‘捌’ 什么是Web3D其为何广受青睐请简述其优缺点及未来发展趋势。
摘要 未来发展趋势:着互联网技术和Web3D研发技术的不断提高,Web3D在未来的应用将会更加广泛。
‘玖’ Web3D技术的具体流行技术
Java3D和GL4Java(OpenGl For Java)
JAVA3D可用在三维动画、三维游戏、机械CAD等领域。
可以用来编写三维形体,但和VRML不同,JAVA3D没有基本形体,不过我们可以利用JAVA3D所带的UTILITY生成一些基本形体如立方体、球、圆锥等,我们也可以直接调用一些软件如ALIAS、LIGHTWARE、3DS MAX生成的形体,也可以直接调用VRML2.0生成的形体。
可以和VRML一样,使形体带有颜色、贴图。
可以产生形体的运动、变化,动态地改变观测点的位置及视角。
可以具有交互作用,如点击形体时会使程序发出一个信号从而产生一定的变化。
可以充分利用JAVA语言的强大功能,编写出复杂的三维应用程序。
JAVA3D具有VRML所没有的形体碰撞检查功能。
作为一个高级的三维图形编程API,JAVA3D给我们带来了极大的方便,它包含了VRML2.0所提供的所有功能。
这里有一段国内资深3d程序员的评论:
GL4Java、VRML、JAVA3D的比较
由于OPENGL的跨平台特性,许多人利用OPENGL编写三维应用程序,不过对于一个非计算专业的人员来说,利用OPENGL编写出复杂的三维应用程序是比较困难的,且不说C/C++语言和java的掌握需要花费大量时间精力,当我们需要处理复杂问题的时候,我们不得不自己完成大量非常繁琐的工作。当然,对于编程高手来说,OPENGL是他们发挥才能的非常好的工具。
VRML2.0(VRML97)自1997年12月正式成为国际标准之后,在网络上得到了广泛的应用,编写VRML程序非常方法(VRML语言可以说比BASIC、JAVAs cript等语言还要简单),同时可以编写三维动画片、三维游戏、用于计算机辅助教学,因而其应用前景非常广阔尤其适合在中国推广应用。不过由于VRML语言功能目前还不是很强(如目前没有形体之间的碰撞检查功能),与JAVA语言等其它高级语言的连接较难掌握,因而失去了一些计算机高手的宠爱。但我们认为,我们可以让大学里的文理科学生利用VRML编写多媒体应用程序,让学生很快地对编写程序感兴趣,从而使国内的计算机水平得到提高。DIRECT3D是Microsoft公司推出的三维图形编程API,它主要应用于三维游戏的编程,目前相关的学习资料难于获得,由于它一般需要VC等编程工具进行编程,需要编程人员具有较高的C++等高级语言的编程功底,因而难以普及。
JAVA3D是建立在JAVA2(JAVA1.2)基础之上的,JAVA语言的简单性使JAVA3D的推广有了可能。OPENGL和JAVA3D之间的比较可以看成汇编语言与C语言之间的比较,一个是低级的,一个是高级的(也许这样比较不太恰当)。JAVA3D给我们编写三维应用程序提供了一个非常完善的API,它可以帮助我们:
生成简单或复杂的形体(也可以直接调用现有的三维形体)
使形体具有颜色、透明效果、贴图。
可以在三维环境中生成灯光、移动灯光。
可以具有行为(Behavior)的处理判断能力(键盘、鼠标、定时等)
可以生成雾、背景、声音等。
可以使形体变形、移动、生成三维动画。
可以编写非常复杂的应用程序,用于各种领域如VR。 由于Fluid3D并不是一个Web编写工具,因此它着眼于强化3D制作平台的性能。直到最近才公诸于世的Fluid3D插件填补了市场 的一个空白,尽管到目前为止它的应用范围还相当有限。它的主要功能是可以用来传输高度压缩的3D图像,而这种图像的下载通常是相当麻烦和耗时的。它的运用有助于使Web的3D技术更实用和切合实际,使之对桌面用户而言更有乐趣。
Superscape(VRT)
Superscape VRT是Superscape公司基于Direct3D开发的一个虚拟现实环境编程平台。它最重要的特点是引入了面向对象技术,结合当前流行的可视化编程界面,另外,它还具有很好的扩展性。 用户通过VRT可以创建真正的交互式的3D世界,并通过浏览器在本地或Internet上进行浏览。 它是3DS MAX的一款插件,可生成输出FLASH的文件与Adobe Illustrator的AI文件。
Viewpoint(Metastream)
Viewpoint Experience Technology (简称VET)的前身是由metacreation和Intel开发的metastream技术。提到metacreation,相信不少人曾对这家有传奇色彩的公司感兴趣过,他出品的软件虽算不上什么大手笔,却个个功能极具特色,像有名的Bryce、Poser、KPT滤镜等。奇怪的是为了全面发展metastream技术,matacreation卖光了他所有的产品,并把自己名字改为Metastream。
在2000年夏,Metastream购买了Viewpoint公司并继承了Viewpoint的名字。Viewpoint data lab是一家专业提供各种三维数字模型出售的厂商,Metastream收购Viewpoint的目的是利用Viewpoint的三维模型库和客户群来推广发展metastream技术。
在mts2.0(metastream)时代metastream的技术优势就已经表现出来。它生成的文件格式非常小,三维多边形网格结构具有scaleable(可伸缩)和Steaming(流传输)特性,使得它非常适合于在网络上的传输。你可以在三维数据下载的过程中看到一个由低精度的粗糙模型逐步转化为完整的高精度模型过程。
VET(也即mts3.0)继承metastream以上特点,并实现了许多新的功能和突破,想当年Viewpoint被PC-Magzine评为Top100计算机产品,可谓风光一时。 在结构上它分为两个部分,一个是储存三维数据和贴图数据的mts文件,一个是对场景参数和交互进行描述的基于XML的mtx文件。它具有一个纯软件的高质量实时渲染引擎,渲染效果接近真实而不需要任何的硬件加速设备。VET可以和用户发生交互操作,通过鼠标或浏览器事件引发一段动画或是一个状态的改变,从而动态地演示一个交互过程。VET除了展示三维对象外还犹如一个能容纳各种技术的包容器。它可以把全景图像作为场景的背景。把flash动画做为贴图使用。
Viewpoint的主要运用市场是作为物品展示的产品宣传和电子商务领域。许多着名的公司与电子商务网站使用了此技术作为产品展示。虽然不如Cult3D那样普及,但凭借着强大的功能还是赢得了不少用户的青睐,像Fuji、Dell、Sony等公司。 Pulse在娱乐游戏领域发展已经有好多年的历史,现在,Pulse凭着在游戏方面的开发经验把3D带到了网上,他瞄准的目标市场也是娱乐业。Pusle提供了一个多媒体平台,囊括2D、3D图形、声音、文本、动画。
Pusle平台分为三个组件:Pusle Player,Pusle Procer和Pusle Creator。 Pusle Player也即播放器插件,除了为IE和Netscape提供的浏览器插件外,Pusle还得到了Apple和Real net work的支持,在Quicktime和RealPlayer中已经包含了Pulse播放器。Pulse Procer:是用来在三维动画工具中输出Pulse所需数据的插件。目前支持的有3d studio max和Maya的插件。能够输出到Pulse中的数据包括:几何体网格、纹理、骨骼变形系统(支持Character Studio),Morph网格变形动画,关键帧动画,音轨信息,摄像机信息。pulse还支持从Vrml和BioVision的输入。Pulse Creator:这是Pulse总的组装平台。导入Pulse Procer生成的数据后,Pulse Creator进行以下的功能操作:
加入交互性、打光、压缩、 流传输和缓存。 这是在图像处理和出版领域具有权威地位的Adobe公司前不久才推出的一个可以通过互连网连接多用户的三维环境式在线聊天工具。在Atmosphere中浏览的感觉类似于玩DOOM类三维视频游戏。所不同的是Atmosphere场景可以通过Internet连接多个用户,连接到同一场景的用户可以彼此实时地看到代表对方的对象(avatar)位置和运动情况,并且可以向所有用户发送聊天短讯。Atmosphere环境提供了对自然重力和碰撞的模拟,使浏览的感受极具真实性。
值得注意的是Atmosphere使用了viewpoint的技术,安装Atmosphere的浏览器插件同时也安装了Viewpoint插件。Atmosphere场景中的三维对象包括由参数定义的基本几何体和viewpoint对象。viewpoint技术提供了对三维几何体高质量的压缩和实时渲染,Adobe直接使用viewpoint技术,既得到了很好的效果,又免除了自己开发的过程。
Atmosphere场景的开发相对来说比较容易。Adobe提供了制作工具Atmosphere Builder,目前此软件还处于Beta版本的测试阶段,可在Adobe的站点免费下载。
从场景的质量看Atmosphere还比较粗糙;从短信息聊天功能上看,只支持一对多的方式;从扩展性上看,Atmosphere目前只能在浏览器和它自己的播放器内运行,还不支持嵌入其它的环境中;从服务器端支持看,Adobe还未提供用来处理多用户交互信息传送的服务器端程序,目前建立的Atmosphere场景只能连接到Adobe的服务器上使用。 Macromedia的shockwave技术,为网络带来了互动的多媒体世界。shockwave在全球拥有一亿三千七百万用户。2000年8月SIGGRAPH大会,intel和Macromedia联合声称将把Intel的网上三维图形技术带给Macromedia shockwave播放器。现在Macromedia Director shockwave studio8.5已经推出,其中最重大的改变就是加入了shockwave3D 引擎。
其实在此之前已经有Director的插件产商为之开发过3D插件,而且有的是shockwaveable的(意味着可以运用于网络并且能够流式传输)。3Dgroove,主要是用于开发网上三维游戏,他的作品多次在出现,智能和交互性已经具有很高的水准。3DDreams,也提供了完整的三维场景建造和控制功能,但在速度上感觉较吃力。
Intel的3D技术具有以下特点。对骨骼变形系统的支持;支持次细分表面,可以根据客户端机器性能自动增减模型精度;支持平滑表面、照片质量的纹理、卡通渲染模式,一些特殊效果如烟、火、水。
Director为shockwave3D加入了几百条控制lingo,结合Director本身功能,无疑在交互能力上shockwave3D具有强大的优势。鉴于Intel和Macromedia在业界的地位,hockwave3D自然得到了众多软硬件厂商的支持。Alias|Wavefront, Discreet,Softimage/Avid,Curious Labs在他们的产品中加入了输出W3D格式的能力。Havok为Shockwave3D加入了实时的模拟真实物理环境和刚体特征,ATI 、NVIDIA也发布在其显示芯片中提供对Shockwave3D硬件加速的支持。
前景和运用。从画面生成质量上看,Shockwave3D还无法和Viewpoint、Cult3D抗衡,因此对于需要高质量画面生成的产品展示领域,它不具备该优势。而对于需要复杂交互性控制能力的娱乐游戏教育领域,Shockwave3D一定能够大显身手。 blaxxun3D和Shout3D是一个基于JAVA applet的渲染引擎,它渲染特定的VRML结点而不需要插件的下载安装。他们都遵循VRML、X3D规范
Shout3D支持的特征:
使用插件直接从MAX中输出3D内容和动画。
支持直接光、凹凸、环境、Alpha、高光贴图模式以及之间的结合。
支持光滑组和多重次物体贴图。
使用六张图像作为全景背景。
骨骼变形,支持Character Studio。
支持多个目标对象之间的变形动画。
blaxxun3D则是Brilliant Digital娱乐公司的产品,这是一个座落在洛杉矶并涉足澳大利亚电脑游戏业的公司。Brilliant于Siggraph2000大会上发布了他们给3d studio max提供的b3d技术。
Brilliant的程序员开发了一个数据压缩和发布技术,使得使得在窄带下也能够实现3D数据流的传输。它引入了以对象为基础的数据库将数据流和所存贮的数据连接起来。然后角色按情节指令进行动画。艺术家和动画师可以直接从3d studio max中直接输出动画到b3d授权环境下,在那里文件被压缩并使用Brilliant的数字播放技术发布到web上。
B3D独特之处是可制作具宽频效果的立体动画,并透过互联网传送至窄频用户。这些档案占用空间小﹑下载时间短及全屏幕显示的互联网立体动画内容。凭着这项崭新的立体动画技术,客户可将既具互动性﹑又富创意的内容传送予目标观众。Brilliant Digital播放器提供对实时灯光及实时阴影的直接控制,并且它不依赖点的颜色来模拟这些效果。这一切都给动画师提供了将同样的角色放置于不同场景不同灯光条件下的非常大的灵活性。 从功能来看,Plasma可以说是3ds max的Web 3D版本,简洁的界面,直观的用法,强大的Havoc引擎,从各种角度来说都是一个相当不错的软件。而且,Plasma支持Flash、Shockwave和VRML的输出,对于大部分3D设计师来说,这些功能已经很足够了。但是,也有不少人认为,Plasma有点像是专门为Shockwave设计的建模工具,应用范围大大缩小了。而且,Plasma的内容输出到Shockwave以后,固然能够表现出不错的质量,但是在Flash里面却并非如此,这似乎与注重写实感的Web 3D项目开发用途有些不符。另外,它在支持VRML输出方面的功能比起3ds max或者其他软件来说并不占优势。
Havoc引擎是Plasma最大的特征之一,但是它只能在Shockwave里面实现,而Flash仍然只是支持关键帧方式,VRML里面则根本不能实现任何Havok引擎的效果。所以,不少人都觉得,与其说Plasma是Web 3D软件,不如说,它是专门为Shockwave3D而设计的3D建模工具。
因为Plasma是以Discreet公司的3D技术为基础的,所以性能相当稳定。而且它还考虑到平面用户不熟悉三维界面的问题,特地设计了十分具有亲和力的用户界面。其实大家只要看一下Plasma的界面,就会发现它与Photoshop和Illustrator的界面十分相似。
Plasma可以说是世界上最早的专门为2D/3D Web用户设计的三维建模、动画和渲染软件。作为3D建模工具,它完全继承了3ds max强大的建模功能,而且支持Web Rendering(Flash Renderer)和Exporting Tool,另外它还统合了Macromedia公司的Flash、Shockwave 3D等设计工具和文件格式。从这些现象看来,Discreet推出Plasma的一个很大的目标就是,通过让平面设计师掌握3D工具,从而能够更快地生成Web 3D内容。
Plasma的主要功能和特征
可以转换为Shockwave 3D文件 Plasma文件可以输出成Web 3D文件——Shockwave 3D Scene Export,而且还可以导入到Director8.5。此外,Plasma还可以输出为*.AL(Illustrator文件)、*.DXF(AutoCad文件)和*.VRL(VRML文件)等三种格式。
Flash动画制作 这可以说是Plasma最重要的功能之一。Plasma有两种渲染方式,一种是3ds max中Bitmap方式的Scanline渲染方式,另外一种是矢量方式的Flash渲染方式。这样,以前Flash用户需要经过长时间手动操作方能完成的建模过程就可以通过Plasma轻松完成了,而且能够节省大量的时间和费用。Flash渲染方式不支持纹理,所以,渲染后的画面有明显的漫画风格。
3ds max的基本建模技法和贴图、动画功能 在Plasma中可以执行Bone&Skin和IK动画等功能。
通过Havok执行Shockwave 3D的功能 Havok原来是3ds max的插件,Plasma中也内置了这个插件。因为Shockwave中支持Havok的所有功能,所以在Plasma中可以通过Havoc执行Shockwave 3D功能。 位于瑞典的Cycore 原是一家为Adobe After Effect和其它视频编辑软件开发效果插件的公司。为了开发一个运用于电子商务的软件,Cycore动用了50多名工程师来开发他的流式三维技术。现在,Cycore 的Cult3D技术在电子商务领域已经得到了广泛的推广运用。
和Viewpoint相比,Cult3D的内核是基于JAVA,它可以嵌入JAVA类,利用JAVA来增强交互和扩展,但是对于Viewpoint,他的Xml构架能够和浏览器与数据库达到方便通信。Cult3D的开发环境比Viewpoint人性化和条理化,开发效率也要高得多。
Cult3D技术信息
目前支持的系统平台和浏览器 Internet Explorer / Microsoft Office/Netscape v4.x/Adobe Acrobat
视窗 95/98/SE/ME
视窗 NT/2000 (x86)
MacOS (PPC) (非微软办公系列)
Linux 2.0 / Linux Red Hat
Solaris
硬件要求
至少奔腾 MMX 233 MHz or 100% 兼容/支持dx7以上的显示卡/64mb以上内存
推荐:PIII800Mhz 256mbSD/DDR ram Geforce2
浏览器插件文件大小 Internet Explorer/ActiveX: 1.2 MB
Netscape: 1.2 MB
Adobe Acrobat: 1.9 MB (win) 2.2 MB (mac)
谁会是Web3D之战最后的赢家?
无法定论。如果你要发布你的产品到网络上观看,viewpoint或Cult3D都是不错的选择;如果你要开发三维在线游戏,我看好shockwave3D;如果你要在网上播放一场交互3D电影,那B3D能提供很好的解决方案,而对于java3d/Gl4java,那永远是行家里手青睐的角色。
你想要为你的web加入交互的三维吗?是的,那你有很多东西要学。现在还很难定论哪3D技术会是最佳的选择,而且也无法选择。但是现在就开始的话将为你的开发积累经验,毕竟,最主要的过程和时间阶段是建立三维场景的过程,而不是转为网上三维格式。
‘拾’ 广泛用于Web和图像预览,应用较广的图像压缩格式是
广泛用于Web和图像预览,应用较广的图像压缩格式是JPEG文件。
JPEG压缩技术十分先进,它可以用有损压缩方式去除冗余的图像数据,换句话说,就是可以用较少的磁盘空间得到较好的图像品质。
而且JPEG是一种很灵活的格式,具有调节图像质量的功能,它允许用不同的压缩比例对文件进行压缩,支持多种压缩级别,压缩比率通常在10;1到40;1,压缩比越大,图像品质就越低;相反地,压缩比越小,图像品质就越高。
同一幅图像,用JPEG格式存储的文件是其他类型文件的1/10~1/20,通常只有几十KB,质量损失较小,基本无法看出。JPEG格式压缩的主要是高频信息,对色彩的信息保留较好,适合应用于互联网;它可减少图像的传输时间,支持24位真彩色;也普遍应用于需要连续色调的图像中。
(10)web图像技术扩展阅读:
优点
1、它支持极高的压缩率,因此JPEG图像的下载速度大大加快。
2、它能够轻松地处理16.8M颜色,可以很好地再现全彩色的图像。
3、在对图像的压缩处理过程中,该图像格式可以允许自由地在最小文件尺寸(最低图像质量)和最大文件尺寸(最高图像质量)之间选择。
4、该格式的文件尺寸相对较小,下载速度快,有利于在带宽并不“富裕”的情况下传输。