SVG——新一代Web设计及互动媒体的革新

SVG在手机上的发展现况

文章索引
SVG在手机上的发展现况
跨平台2D矢量图形应用程式开发界面--OpenVG
行动平台上高阶的矢量绘图标准--JSR226
2D矢量图形技术在行动电话上的相关应用
所有页面

来源:SVG中国(ChinaSVG.COM) | 《CA Designer》2005年8月第208期)

SVG技术强力增援手机UIQ 3.1  随着多媒体手机的应用发展越来越多元化,除了可用来当作照相机、随身听、游戏机之外,越来越多的应用也如雨后春笋般地被开发出来;在2D视觉化的相关应用上,一般呈现的方式上仍以点阵图(Bitmap)居多。然而,受限于屏幕尺寸大小的关系,当使用者进行缩放的动作后,往往会造成显像失真的问题。有鉴于此,本文将向各位读者介绍矢量图形(vector graphics)在这一方面所展现出的特性及目前技术发展的阶段成果与运用的情况,包括现行一些重要的规格与相关软硬体发展现况和趋势,以及矢量图形技术在多媒体手机平台上的应用,让读者可以对此领域有深入的了解。另外,本文所探讨的2D矢量图形技术之应用将以高阶多媒体行动电话的平台为主,常见的如SmartPhone、Symbian等。

2D矢量图形的展现和体验

  相信读者对于目前个人电脑上的主流媒体格式PDF和Flash应该都不陌生,他们都是2D矢量绘图的应用,分别是由Adobe和Macromedia这两家公司所制订,前者几乎已成电子文件代名词,而后者则在动画领域独领风骚。现今使用2D矢量图形技术来开发动画的档案格式,除了耳熟能详的Flash之外,还有由World Wide Web Consortium (W3C) 推行的SVG(Scalable Vector Graphics),此规格是一种采用XML-based格式的网页矢量图形及动画播放标准。
  Flash和SVG在2D矢量图形的展现有许多的相似之处,两者除了都被视为是矢量图形及动画的标准格式外,尚包括具有可任意放大缩小而不失真的特性、支持任意曲线、直线、规则曲线、标准图案(如:方形、圆形等),并且可以嵌入点阵影像档和文字以及配合描述语言(scripting)可以做动态画面等。然而,由于制订发展的过程和时间不同,在特性上及多媒体内容的支持上,不免也出现了些许的差异。举例来说,SVG是由业界代表组成的委员会所制定及管理的,格式标准是开放的,因此可以由任何厂商,在任意时间下,工作在任何许可的工具及浏览器上;反之Flash算是封闭规格属于macromedia公司所有,并且与其他规格不完全相容,未来性较不被看好。其次是SVG完全支持XML规格,所以可像HTML一样检视其原始档,这种采用ASCII格式的档案优势在于资料搜索时,容易被浏览器、搜索引擎或其他具有文字搜索功能的软体读取。反观,采用二进位格式的Flash档案在资料搜索方面就显得比较施展不开。不过,在档案的大小上就比以文字撰写成的SVG来得精简,因此较利于网路传输。整体来说,由于SVG推出的时机较晚,因此在知名度、市佔率,甚至成熟度等方面的成就,平心而论,现阶段是不及Macromedia Flash表现来得优异。
  时至今日,随着高阶多媒体手机已成为时下数位领域中最热门的电子产品,Flash和SVG的硬战事实上也早已蔓延至行动平台的战场上。在这类手机上普遍用来展现2D矢量图形技术或播放矢量动画的规格,即是由Flash化身的Flash Lite及SVG的缩小版--Mobile SVG。Flash Lite是根据记忆体、处理器速度及显示屏幕有限制的行动电话之计算、展现能力所设计的;而Mobile SVG则以符合行动电话硬体限制的需求为前提,精简SVG 1.0的规格后所制订的。以下分别介绍Mobile SVG和Flash Lite相关的发展和现况:

Mobile SVG

  依据展现平台硬体规格及运算能力的差异,Mobile SVG可分为SVG-B(Basic)及SVG-T(Tiny)两种不同的profiles。以相容性角度来看待这些不同的profiles,SVG-T可说是SVG-B的子集合,而SVG-B又是SVG 1.1的子集合。SVG-B主要的目的在于运算能力较强的高阶行动装置上(例如PDA)提供矢量绘图的能力,但对于filters及clip paths功能的支持有限。SVG-T则是应用在低阶的行动电话上,非但没有filters及clip paths的功能,也不再对scripting、gradients、patterns及opacity的提供支持。图一的2D矢量图形即是依据Mobile SVG-T profile所开发出来的动画效果。

图1 使用TinyLine开发的SVG

图2 viewer所展现的矢量图形(SVG-Tiny)
  由于Mobile SVG是一开放式的标准,不必依赖供应商的2D矢量图形格式,具有平台独立性。因此近来已被3GPP所采纳,用于多媒体讯息服务(MMS)。如此一来,Mobile SVG将使许多2.5G和3G MMS服务得以实现,并带动Mobile SVG的普及。BitFlash这家公司研发的Mobile SVG播放器,整合了SVG-T和SVG-B规格所需的技术,提供在行动电话上观看Mobile SVG格式的矢量图形内容;并更进一步和TI携手合作,使得BitFlash Mobile SVG播放软体已成为OMAP平台的标准软体配备之一,让消费者使用记忆体有限的行动装置时,能享受更丰富的多媒体服务,例如卡通、电子贺卡、电子邮件、甚至动画显示。至于Ikivo这家公司也提供有多媒体SVG播放器,支持的标准为SVG-T 1.2和1.1,并有音效(Audio)和影片(Video)播放的功能。除此之外,Hybrid这家公司也发展了可展现SVG-T、SVG-B profiles的矢量绘图引擎,并提供开发应用产品的服务。

  目前市面上支持SVG格式的编辑工具,较具名气的有Adobe Illustrator及Corel DRAW等软体,不过使用此类矢量绘图软体的美工人员,大部分似乎已习惯Macromedia Flash编辑环境的设计界面,因此较不获得使用者的青睞。过去,Adobe极力推广SVG的规格,目的就是希望能与Macromedia Flash相抗衡;最后仍因缺乏成熟的编辑设计工具与亲和友善的设计界面,严重影响了SVG格式的发展。但在今年(2005)Adobe以34亿美元收购Macromedia之后,笔者认为Adobe将在Flash格式中注入SVG的特性,创造两者的双赢局面。
  目前市场上有支持Mobile SVG的手机有Nokia 7650、Motorola T720、Sony Ericsson T68i、Sony Ericsson K700i、Sony Ericsson S700i等系列的手机。但是由于在手机上,根据Mobile SVG profiles所开发出来的2D矢量图形内容并不多,呈现的效果也不如Flash精致,因此SVG矢量动画并不普及。

 Flash Lite

  由于Flash动画采用的SWF档案格式,当初是针对个人电脑(PC)设计的,因此对于支持SWF的播放器而言,若希望能够在运算能力有限的高阶多媒体手机上顺畅地播放Flash动画,则必须针对动画内容有所限制,并重新规范SWF档案格式。于是,我们就不难想像Flash Lite存在的理由了。说穿了,主要的目的就是剔除一些现阶段手机暂时无法或者不需要展现的效果,包括不能使用手机上不支持的字体,不要使用透明混色效果以及减少复杂的渐变动画效果等限制性的动画内容。
  一般来说,从事2D矢量图形的设计者与程式开发者,皆可透过Macromedia Flash MX Professional 2004提供的编辑环境与使用者界面,创作出跨平台的动画内容,让消费者能在不同的手机上体验到Flash最具震撼的互动性,以及令人耳目一新的动画效果。由于Macromedia Flash具有完整的编辑工具,非常方便使用者制作多样化的内容,因此使用者甚至可透过工具,进一步发挥个性化的创意,在行动电话上编辑适合互动的使用者界面(参见图2)。目前,国内仁宝公司已与Macromedia签订软体授权协议,即是想借Flash Lite的功能性和便利性,开发手机界面的应用程序。

图3 动态的Flash Lite使用者界面

  由Macromedia推出的Flash Lite 1.1互动式多媒体绘制引擎,不但成功地在多款多媒体手机上展现Flash Lite矢量图形的内容和动画外,同时也支持了SVG-T profile的播放。此引擎透过双重支持的设计,在同一终端上便不再需要两个独立的矢量绘图引擎(Vector Graphics Rendering Engine),如此可有效降低整体程式码的大小以及绘制引擎的维护工作。目前提供播放Flash Lite 动画功能的行动电话包括Nokia 7610、Nokia 6600、Nokia 9210、Siemens SX1、Sony Ericsson P800、Sony Ericsson P900、Motorola A920、Samsung SCG-S260以及NTT DoCoMo 505i、505is、506i、900i等系列的手机,而Sony Ericsson Z800i更是直接内建Flash Lite播放器。



 

将要更新