所谓RIA，或者说富网络网应用，就是指可以像桌面程序一样操作的网络应用。 在RIA冒出来之前，大多数的网络应用都是静态的页面构建的。

Sumo Paint 是一个基于Flash的RIA, 具有像Photoshop一样的图形编辑功能。

跟桌面应用程序不同，任何一个网页的互动往往需要重新加载一个全新的页面。而桌面应用程序，在另一方面，有很多更好的用户交互性，因为所有处理都是在用户的机器本身，所以能给以更加无缝的用户体验。

因此，软件开发商开始问自己，“我们产品应该是一个桌面应用程序还是一个Web应用程序呢？”

这一直是一个公平的问题，因为这两种类型的应用程序都具有各自优点和缺点。

桌面应用程序具有流畅的用户交互性，但软件是售出去的，会遇到发布和更新的问题。

Web应用程序，另一方面，很容易从网上获得，摆脱相关的软件发布和更新的问题，但在用户交互性体验非常差。

因此，怎么样才能两全其美呢？

RIA就是两全其美。RIA通过网络发布，有非常丰富的用户交互。得益于Ajax的出现，一个无需刷新就可以发送服务器请求的网络应用的方法，新技术出现，加入了RIA的运动。

基于这些技术出现了一些框架，帮助开发人员构建和部署富网络应用程序，如JavaScript库，ICEfaces，Adobe Flash 4（Flex 3前身），微软Silverlight，以及HTML5的。

让我们来一个个探讨RIA的框架。

网络应用的JavaScript库

JavaScript库，例如 jQuery和MooTools 是首批技术之一，可以真正的帮助部署流畅和互动的富网络应用。它们提供通过杠杆客户端脚本来处理前端接口功能的RIA框架。它们是一些基本的 Javascript文件，由一些有用的，经过跨浏览器测试功能的集成。可以使用Ajax，以及处理普通的基于用户驱动事件的交互，如显示和隐藏内容。

目前最流行的有jQuery（尤其是使用jQuery UI），MooTools，YIU（雅虎用户界面库），以及EXTJS。这些库包括RIA组件，如网格，图表和复杂的表单元素，以及处理Ajax的工具。最引人入胜的是，大部分网络开发的JavaScript库都是开源的。

如果你不想购买一个集成开发环境（IDE），但仍希望在自己的网站绚丽而专业的RIA功能，JavaScript库是一个很不错的选择。

使用JavaScript库的网站有Google，Digg，雅虎，亚马逊，微软，Twitter，以及Best Buy。

ICEfaces

ICEfaces是标准的JavaServer Faces（JSF）的框架的扩展，旨在去除方程中的JavaScript从而简化程序员的工作流程。换句话说，ICEfaces通过Java应用接口为你处理了所有的JavaScript/Ajax。通过删除这些自定义JavaScript函数的复杂引入，大大简化了创建富网络应用的任务。

如果你的团队主要成员是Java开发人员，或者如果你的网络应用程序不需要其它ICEfaces没有的复杂组件，又或者如果你的网络应用程序是事件驱动的，那么使用ICEfaces是很好的选择。如果你的网路应用是事件驱动的，请确定你已经了解ICEfaces不提供真正的“服务器推”技术的，HTML5，Flash Builder 4和Silverlight都支持的。不过，相应地ICEfaces使用长轮询的方法来模拟服务器推技术。

使用ICEfaces的网站有波音，美国航空航天局，联合太平洋公司，T-Mobile，以及美国银行。

Adobe Flash Builder 4

Flash已经出现了很长一段时间，但是用使用Flash来构建整个网络应用十分麻烦，直到Flex的引进，这是Flash的一个扩展，提供RIA网络组 件。

Adobe Flash Builder 4最令人兴奋的是它的跨平台和跨浏览器特性，允许程序在所有的操作系统和所有的浏览器上以同样的方式运行。相比于JavaScript，浏览器有不同的 JavaScript引擎管理和处理的代码，而Adobe的Flash只有一个引擎，用户通过Adobe Flash浏览器插件来安装（通常的情况是他们有了）。

Flash Builder 4 应用之所以能如此，因为它们已经嵌入到HTML页面，这意味着浏览器本身并没有对应用程序的性能有什么影响。这意味着你如果你乐意， 你还可以在IE6上运行最复杂的网络应用程序。（这当然简单，因为Flash插件/引擎经常会更新，因此只是稍微依赖于用户插件的版本）。

这些应用通常是伴随着服务器端处理，比如一个Java后端处理，而且需要Flash Builder 4IDE做开发。

如果你的团队主要是Java开发（因为搭配Java运作良好），或者你的应用程序使用事件驱动的构架，可以选择Adobe Flash Builder 4。

使用Flash作为网络应用程序的网站有Mint.com，Flickr和Hyundai。

Silverlight

Silverlight是基本上微软版本的Adobe Flex /的Adobe Flash。现在已获得了一些吸引力，但似乎并没有达到的Adobe Flash的普及程度。

Silverlight应用程序明显约束于.NET的后端，因为它是微软的产品。这意味着，你不得不 Silverlight /.NET 和Adobe Flex / [一些服务器端脚本，如PHP] 之间整合考虑。

如果你的网络应用需要复杂的图形，或者如果你的团队主要是.NET开发人员，又或者如果你的应用程序使用事件驱动的架构，那你可以选择 Silverlight。

使用Silverlight的网站，如Netflix。

HTML5

HTML5的是RIA运动中的最新发展。 HTML5，在本质上是HTML4，JavaScript，CSS，Javascript代码库以及Falsh的最优合并，利用API模型成为一个单一规 范。 HTML5的是一个开放的技术，这意味着不会有单一的主管团体如Flash的Adobe或Silverlight的微软。

由于HTML5规范还没有完成，IE9尚未发布，要建立产品级的网络应用，你还需要等待一点点时间。

目前，所有主要浏览器除了IE8都支持HTML5。由于IE8的浏览器市场占据了主要部分，在IE9发布之前，HTML5实在难以成为主流。

一旦HTML5得到广泛支持，如果你不想购买和学习的IDE（像Flex和Silverlight框架所必需的），如果你的应用程序使用事件驱动架构，或 者如果你喜欢使用内置的HTML功能和JavaScript API 功能而不是使用第三方JavaScript库，那么使用HTML是很好的选择。

尽管HTML5中可以很好地处理图形，但是使用Flash和Silverlight来处理复杂图形和动画在目前仍然容易/更快的选择。

RIA 的未来

HTML5应用程序是互联网的未来吗？不完全是。只要那些创造性和创新性的网络开发人员还在不断的去创造一些特别的东西，就会总是出现一些新技术可以造出 些HTML5或其他任何网络技术无法完成的神奇的东西。

JavaScript库，ICEfaces，Flash，Silverlight和HTML5的存在首要原因是其创造力和创新性。未来的网络将会由许多 共存的技术组成，就像现在。

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• 页面输出时一些常用的小技巧
• 使用Adobe Flex 3开发(MMO)大型多人在线游戏
• XmlHttpRequest的串行异步
• RIA特别专题和Flash开发平台工具下载资源发布
• Ajax跨域访问解决方案
• 24 个漂亮的个性化 HTML 表单技术
• 10个绝妙的HTML5，CSS和Javascript示例
• 10个基于 JavaScript 的 WYSIWYG 编辑器
• 10个关于Ajax的IT人需要知道的事情
• 10个Google 推动的 AJAX 库 API

Feed enhanced by Better Feed from Ozh

http://lab.polygonal.de/ds/  #数据结构，现在使用的是HaXe,AS3版本已不维护，附件中是能找到的最新的AS3版本的源码。

Flash游戏引擎清单
Flash, 引擎, 清单, 游戏Flash, 引擎, 清单, 游戏
最近关于创建Flash游戏的热潮四起,尤其是社区游戏.像由Zynga, Playfish, Playdom, WonderHill提供的Flash游戏都需要你付款。查看了他们的网页和作品集后获取到关于社区游戏的大量图片。

我会一直更新这个清单以帮助你开始构造Flash游戏或了解最新的发展,它主要包括了一些库和引擎.
•2D Engines
•ISO Engines
•Physics Engines
•3D Engines
•Social Gaming Platforms
•Useful AS3 Libs
我们同时也开通了Flash Platform Game Technology Center,对于每一个开发者，它肯定是一个非常不错的资源.
这些库我个人认为对开发游戏是非常有用的.其中一些仅仅是作为游戏的组件.我不打算对每个引擎写太多篇幅，它们的各种功能都很相似,比如碰撞检 测、物理引擎、瓦片地图、优化渲染、层、音乐/音量、游戏状态、积分等等。其中一些甚至支持多人游戏.最好试玩一下游戏demo并在操作中查看这些的功 能.
2D引擎
Flixel
面向2D bitmap平台游戏开发者的功能全面的游戏引擎.查看功能列表.
你可能已经知著名的游戏Canabalt，它就是由这款引擎构建的.

FlashPunk
另一款很不错且速度相当快的2D bitmap游戏引擎.
PushButton Engine
集成Box2D物理引擎和支持多人网络的很不错的游戏引擎.可以在facebook上尝试一下YouTopia.
PushButton Engine
集成Box2D物理引擎和支持多人网络的很不错的游戏引擎.可以在facebook上尝试一下YouTopia.
ISO engines
AS3 ISO LIB
As3isolib包含了工具、原型和视图。As3isolib开发起来很简单、快速，所以使开发者能集中在实际的应用中，而不是去学习复杂的 API.
TheoWorlds
“TheoSDK是一套基于我们的original Theo Isometric Engine的引擎,它让你快速创建自己的基于地图的游戏。”
物理引擎
JigLib – 3D 物理引擎
Box2D – 2D 物理引擎
APE (ActionScript物理引擎)- 2D 物理引擎
WOW Engine- 3D 物理引擎
3D engines (相关的)
Alternativa3D, Away3D,Papervision3D,Five3D, Sandy 3D
TankiOnline – 流行的Flash 3D游戏,使用Alternativa3D引擎.
发布你的游戏：社区游戏平台
Platogo
构建游戏并发布到Platogo便可以赚到钱-社区平台为游戏提供了ActionScript 3 API (积分，等级，排名，多玩家等).
Geewa.com这个社区站点支持多玩家.获取SDK.
Facebook无疑facebook是你游戏最好的平台.获取Facebook ActionScript API.
在Devnet上查看flash中怎么开发Fackbook应用程序.

http://www.adobe.com/devnet/facebook

BaseUI
设计很像Flex,但是主要是用于Flash(纯AS3,非Flex).
vancura-AS3-libs
提供纯AS3组件的皮肤和样式的集合。支持Scale9Bitmap.
BrowserCanvas
提供容易的方式动态修改Flash尺寸大小.
FreeSpin3D
Flash CS4和CS3的插件,支持实时交互，动画,在Flash  Professional的舞台上正确的编码.

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• 20款最佳Flash游戏
• 页面插入Flash Object完全攻略
• 苹果iPad游戏评测
• 社交网页游戏解析之产品篇
• 最大的在线游戏网络，flash游戏产业的颠覆者：麻球网
• 数据化运营 — 影响互联网网游产品成败的关键
• 开源射击游戏Warsow 0.5版发布
• 小游戏为什么挣大钱：最简单也最核心的三点门道
• 商业周刊：Zynga与Facebook关系复杂化
• 千人收益是网游商业化的唯一标准

Feed enhanced by Better Feed from Ozh

Flash Preloaders Design
Arihirvonen


View Source
Bio-Bak

View Source
Okay Dave

View Source
Escriba

View Source
Communicator World

View Source
Xixinobanho

View Source
Unlimited Orange

View Source
Instinct

View Source
Matt Wiggins

View Source
Fifa Street

View Source
Laplanete Sldimension

View Source
Happy in Green Ville

View Source
Thunder Fuel

View Source
Bit Creative

View Source
Scruffs-Game

View Source
Drinkzzz

View Source
The Corona Beach

View Source
Devotchka

View Source
Erguvanplatin

View Source
Btob

View Source
Rabbids

View Source
Starbucks Coffee at Home

View Source
Max Shaman

View Source
Section Seven

View Source
Bunker

View Source
Bartleboglehegarty

View Source
Sir-Patroclo

View Source
Elipseagency

View Source
Pgo

View Source
Source Bits

View Source
Food Barba

View Source
Oddo Design

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• 28个Flash页面进度效果载入(Loading)欣赏
• 10大2009年最好的基于Flash网站。
• 高效互联网营销的18种技巧
• 页面插入Flash Object完全攻略
• 雅虎发布网站性能监测工具：从用户角度衡量
• 陈光锋[访谈]：地方新站如何做运营推广
• 轻设计，让网站灵敏轻便的6个技巧
• 轻设计，让网站灵敏轻便的6个技巧
• 读写网：即时网络公司100强
• 设计项目开始前必须了解客户的9件事

Feed enhanced by Better Feed from Ozh

我想草草写点关于我对Adobe Flash技术的看法，方便客户和批评者更好地理解为什么我们在iPhone、iPad和iPad上封杀它。Adobe曾经说，我们主要是为了保护程序应 用商店产品，出发点也是为了业务缘故，但实际上却是因为技术原因。Adobe声称我们是一个封闭的系统，而Flash是开放的，但实际截然相反。让我来解 释一下。

首先是“开放”。

Adobe Flash技术是100%拥有专利的，这些专利为Adobe独享，而Adobe也对其未来发展、价格等拥有绝对控制权。尽管Adobe Flash技术广泛流行，这并不意味着它是开放的，因为它完全被Adobe控制，也只为Adobe而存在。无论从哪个方面来看，Flash技术都是一个封 闭的系统。

当然，苹果也拥有许多专利性产品。虽然iPhone系统、iPod和iPad都是有专利的，便我们依然坚信：所有与网络相关的标准应该开放。因 此苹果放弃Flash而选择HTML5, CSS和JavaScript等开放标准。苹果的移动设备使用这些标准后都具有高性能、低功耗特点。HTML5这个新的网络标准已经被苹果、Google 及其它企业采纳，它让开发者可以开发出更好的图形、印刷及动画，不需要第三方浏览器插件(如Flash)就能转换。HTML5是完全开放的，它由一个标准 委员会打理，当然，苹果也是一个成员。

苹果甚至还为网络制定开放标准。例如，苹果从一个开源的项目做起，打造了WebKit，它是一个完全开源的HTML5渲染引擎，它也是 Safari浏览器的核心，这个浏览器使用于我们所有的产品。WebKit已经被广泛接受。Google将它用于Android浏览器，Palm也用它， 诺基亚也用它，最近RIM也宣布将使用它。除了微软外，几乎所有的智能手机浏览器都用它。为了使WebKit技术更开放，苹果已经将它做为移动浏览器的标 准。

第二点，关于“整个网络”。

Adobe不断地说苹果的设备无法连接“整个网络”，因为75%的网络视频使用Flash。它们没有提及的一点是几乎所有的视频都有另一种格式 ——H.264，iPhone、iPod和iPad支持这种格式。Youtube估计占有40%的网络视频，苹果的移动设备都绑有应用，而iPad更是提 供了最佳浏览体验。除了Youtube，如Vimeo，Netflix，Facebook，ABC, CBS， CNN，MSNBC，福克斯新闻，ESPN，NPR，《时代》，《纽约时报》，《华尔街日报》,《体育画报》, 《人物》, 《国家地理》, 很多很多其它的公司都能支持，iPhone、iPod和iPad用户没有损失多少视频。

Adobe的另一个理由是苹果的设备无法玩Flash游戏。这可能是真的。比较幸运的是在苹果的应用商店里有5万个游戏与娱乐应用，当中许多还 是免费的。iPhone、iPod和iPad的游戏会越来越多，远非其它平台可媲美。

第三点，关于可靠性，安全性和性能。

赛门铁克最近指出，Flash在2009年创了安全记录之最。我们也有第一手资料，显示Flash是导致Mac死机的原因之一。我们曾与 Adobe合作，试图解决此问题，但它们还是坚持多年不变。我们不想为了Flash，降低iPhone、iPods和iPads的可靠性和安全性。

此外，Flash在移动设备上并不能完好运行。按照惯例，我们数年来一直要求Adobe能将Flash良好运行于移动设备上——任何移动设备。 但依然无所进展。Adobe曾公开表示，Flash支持所有2009年早期推出的智能手机，然后是2009年下半年推出的手机，然后又是2010年上半年 推出的手机，现在，它们又要说2010年下半年了。我想它们最终会推出新品，可以庆幸的是我们不用耐心等待了。谁知道它的表现会如何呢？

第四点，续航时间

在播放视频时，为了使电池续航时间延长，移动设备必须在硬件上进行解码，如果用软件解码会耗费更多的电力。现在的移动设备都包括一个解码器，叫 作H.264，它是一个工业标准，用于所有的蓝光DVD播放器，这个标准被苹果、Google，Vimeo，Netflix及其它许多企业接受。

虽然Flash最近也将H.264列入支持行列，但是如今几乎所有的Flash网页都需要老一代的解码器，它无法在移动芯片上执行，所以只好求 助于软件。区别十分惊人：举个例子，在iPhone上H.264视频可以播放十小时，而用软件解码只能播放不到五小时。

当网页使用H.264对视频再编码时，它完全可以不使用Flash技术。而且它们可以良好运行于苹果Safari、Google Chrome浏览器上，完全不需要插件，在iPhone、iPod和iPad上效果不错。

第五点，与触摸屏有关。

Flash是为电脑和鼠标设计的，而不是手指控制的触摸屏。例如，许多的Flash网页上有“翻转”功能，当鼠标移到上面时会弹出一个菜单或者 其它元素。苹果的革命性多触点触摸界面不使用鼠标，也没有“翻转”这种概念。许多的Flash网页为了支持触摸设备需要再编写。如果开发者需要重写网页， 为什么不使用更先进的技术HTML5、CSS或者JavaScript？

即使iPhones，iPods和iPads能运行Flash，也无法解决这个问题，大多的Flash网站为了支持触摸设备还是要重写代码。

第六点，也是最重要的一点。

撇开Flash封闭而独断、技术缺点明显且不支持触摸设备等不论，还有一个重要的原因使我们不支持它。我们曾讨论过网站使用Flash播放视频 与互动内容的下降趋势，然而Adobe还是要求开发者接受Flash，开发应用并在我们的设备上使用。

我们深知伤害体验，让第三方插足平台和开发者之间，最终会制造出低标准应用，它会阻碍平台的扩张和进展。如果开发者越来越依赖第三方开发的函数 库和工具，那么唯有在第三方选择新功能时，开发者才能享受到平台优越性。我们不能让第三方支配，不能第三方让开发者开发什么，才能开发什么。

更糟糕的是一旦第三方提供一个交叉平台开发工具，它们可能不会为单一的平台开发增加工具，除非工具能适应于所有平台。如此一来，以后开发者就只 能开发最低标准的应用。再次重申，禁锢开发者，使之不能使用我们的创新和增强产品，这是我们无法接受的结果，因为他们没有到竞争对手的平台去。

Flash是一个交叉平台开发工具。让开发为iPhone、iPod和iPad开发出最好的应用，这并非Adobe的目标。让他们为交叉平台开 发才是其目标，而且Adobe在增加苹果平台应用方面十分迟钝。例如，尽管Mac OS X已经推出近10年，Adobe直到两周前才完全接受，推出了CS5。Adobe是最后一个完全接受Mac OS X的第三方开发商。

我们的动机十分简单：我们希望为开发者提供最先进、最创新的平台，我们希望他们直接站在苹果平台的肩上，打造全世界最好的应用。我们希望不断增 强平台，让开发者创造出更让振奋人心、更强大、更有趣、更有用的应用。要多方共赢，我们卖出更多的设备，因为我们拥有最好的应用，开发者越来越拥有更广泛 的用户基础，用户也可以更开心地选择，选择的面也更宽。

总之，Flash适用于PC时代，为PC与鼠标而存在。对于Adobe来说Flash是个成功的业务，我们理解它为何希望能超越PC。但移动设 备关乎低功耗，触摸界面及开发网络标准，这些是Flash的短板。

媒体雪崩，出路在于它们向苹果移动设备提供内容，这证明Flash不再是观看视频之必备，也非其它许多网站的必需。苹果应用商店的20万个应用 也证明Flash不是成千上万开发者的必需品，没有它同样可以创造更好的、更丰富的应用，包括游戏。

移动时代的新开发标准，如HTML5，将在移动设备上获胜(电脑也将一样)。也许Adobe应该集中精力，为未来打造HTML5工具，而不是成 天批评苹果放弃过时的事物。

史蒂夫·乔布斯

2010年4月

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• 页面插入Flash Object完全攻略
• 使用框架建立富联网应用
• 使用Adobe Flex 3开发(MMO)大型多人在线游戏
• 从程序员的角度切入Flex
• WordPress 的 Flash 时钟插件
• RIA特别专题和Flash开发平台工具下载资源发布
• Flash游戏引擎列表
• 33个flash载入页面设计分享
• 28个Flash页面进度效果载入(Loading)欣赏
• 20款最佳Flash游戏

Feed enhanced by Better Feed from Ozh

Flash Gallery

Flash XML Gallery( 查看 Demo, 或 下载 Flash源文件

Flashmoo Slideshow

dfGallery

Flash Page Flip Photo Gallery

Flash Photo Stack Gallery

Polaroid Gallery

Photo Viewer

Flash Carousel Slideshow

Art Flash Gallery

SimpleViewer

TiltViewer

AutoViewer

PostcardViewer

Flash Image Gallery

FlashGalleryGenerator

Agile Gallery

Gallery Flash Class v2

Flash Photo Gallery

Flash Gallery

Free Flash & XML Slideshow Photo Gallery

Free Flash & XML Photo Album with Categories

SimpleViewer

FREE Photo Gallery

Flash Photo Album

Flash Page Flip Photo Gallery template for Picasa

Flash Photo Stack Gallery

3D Flash image viewing

Zen Flash Gallery

Art Flash Gallery

Nineteen Free Picasa Flash and HTML templates to showcase your photos

© 我想网 Akon 所有 , 2010. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• 页面插入Flash Object完全攻略
• 使用框架建立富联网应用
• 使用Adobe Flex 3开发(MMO)大型多人在线游戏
• 从程序员的角度切入Flex
• 乔布斯:关于Flash的几点思考
• WordPress 的 Flash 时钟插件
• RIA特别专题和Flash开发平台工具下载资源发布
• Flash游戏引擎列表
• 33个flash载入页面设计分享
• 28个Flash页面进度效果载入(Loading)欣赏

Feed enhanced by Better Feed from Ozh

我们不可能一直像小工蜂那样高效率的工作。有时我们也需要舒展一下身体，抬起腿来休息一会儿，放松一下，或者也可以用等离子来复枪干掉几个怪物。利用Adobe Flash软件的神奇力量，这里有20种方式供你放松一下。
但是你要小心，如果在办公室长时间玩这些游戏，那你就可能再也进不了办公室了。
相信我们吧，我们知道的。我们写这个故事，仅仅为了宣称我们过去3天一直在做“研究”。
这里没有特定的顺序——它们都很好。如果我们落下了你所喜欢的，请在本文下面告诉我们。

1、毁灭战士三合一游戏包（ Doom/Hexen/Heretic triple pack，图片见上文）
《毁灭战士》，始终是最棒的游戏，现在有了Flash版本。我们无需把它向你推销，它是《毁灭战士》。警告：这款游戏有血腥和残暴的画面，不适合儿童。
如果玩过原始版游戏，那么你可能最初会有点纠结，因为Alt键不再代表横向躲闪——你要用A和D键，并使用箭头键转向。别担心，你会习惯的。
同时还有《毁灭巫师》（Hexen）和《异教徒》（Heretic），它们是使用了同一游戏引擎的后续产品，拥有类似的剑和魔法（也包括血腥和贪婪）。它们遗传了更早的一款游戏Wolfenstein 3D，尽管这款游戏操作起来很不舒服，但也有了Flash版本。

2、太空游戏（The Space Game）
是的，这个名字有点无聊，但它是一个很了不起的策略类小游戏。
在太空中的小行星上采矿，同时要防御宇宙海盗的袭击——就这么简单。但是你需要均衡动力、防御、开采以及计谋之间的关系，这些令游戏变得有趣，并且很容易上瘾。可别在上班的时候玩。

3、 魔法笔（Magic Pen）
这是一个可爱的、创新的智力游戏，需要你推动一个笨拙的绘图球来到达一些旗帜。为了实现目标，你可以自己画一些东西，这些东西在重力作用下运动把绘图球推来推去。这听起来很确实奇怪，但这个游戏非常直观。

4、 忍者游戏（N Game）
一个疯狂的忍者不停的跳来跳去，这个由简单几笔勾勒出的小人急速的在众多平台间上窜下跳，直到从高处快速掉下来——按照常识——不可避免的死掉。这很有趣，但也棘手——非常非常棘手。

5、 塔防（Desktop Tower Defence）
互联网上有数百种“塔防”策略游戏，但这一个是最流行的之一。规则很平常：建造炮楼保卫基地，抵御成群的入侵者。
通常情况下，战斗发生在某人的桌面上。这个游戏有点《微型机器》（Micro Machines）的影子。

6、 俄罗斯方块（Tetris）
就是俄罗斯方块，我们需要给你一幅游戏截图吗？砖块落下，你旋转它们安放到合适的位置，如果形成横向的直线，这条线就消失了。背景播放着俄罗斯音乐。这就是俄罗斯方块，你知道的。

7、 板球（Stick Cricket）
如果《足球经理》是在离婚案例中提到最多的游戏，《板球》可能是P45（解雇通知书）上（或者是粉红色纸条，如果你是美国人的话。有棒球游戏么？）上镜率最高的游戏。（译注：解雇通知书在英国被称为P45，在美国被称为粉红纸条）

8、 泡泡龙（Puzzle Bobble）
一定年龄段的玩家都会记住好玩的《泡泡龙》游戏中那个拱形机器。这款Flash游戏带来的怀旧感觉就像人们又看到了电影Round The Twist的片断或者又听到了Wham Bar这首歌。

9、地产大亨（Mansion Impossible）
买来房子然后卖出，从中赚取差价，这听起来不像个游戏——如果硬要说像什么的话，那它倒像是那种钻进钱眼里的家伙的生活方式，他们大声笑着说话，在聚会上你对他们避之不及。但这个游戏很好玩，不禁让人眼前一亮。
价钱便宜的时候点击它们，然后看着价格上涨，当你觉得涨到顶点了，卖出。你有10万英镑本钱，目标是买下城市末端的价值1000万英镑的大厦。最终你会爬到资产阶梯的顶端。

10、超级马里奥世界（Super Mario World）
这是另一个无需多说的游戏。操纵着一个胖乎乎的意大利水管工穿越奇异的卡通世界，吃金币、顶蘑菇，还要救公主。显然就是这样。

11、重力豆荚（Gravity Pods）
一条简单的规则——用枪射击，让一个小球击中目标。但是这个小球会受一些小的重力豆荚影响，轨迹有所偏离，要利用它们让小球绕过障碍，击中目标。
我们在第9关卡住了，但还有其它游戏要介绍。我们相信你能做的更好。

12、干掉弹出窗口！（Kill the Popups）
它也被称为《现实网络模拟器》，由一群来自b3ta的好人带来（如果称他们为好人你可能会很纠结）。
或许你没听说过它，但你已经玩过这样的游戏了——当你点击了一个可疑的链接，你的桌面就被洪水一般的弹出广告覆盖了。就是这样，这种状况变成了一个游戏！有趣的是，游戏的背景音乐是用《女武神的骑行》的调子一遍又一遍沮丧的唱着：“干掉弹出窗口。”

13、连环爆破（Boomshine）
一个有点奇怪的智力游戏（如果形容的没错），有些小点在屏幕上漂来漂去，你要在这些点上触发一连串的爆炸。

14、企鹅跳跳板（Penjuin jumping）
可以让人暂时心情愉悦，但是格外的超越现实。把一只企鹅送上跳板，让它在空中来一个三周翻腾再笔直入水，或是其它什么动作，然后由一只小海豹、一只海象和一头（大概是）北极熊根据起跳高度、旋转情况和入水角度进行评分。

15、网球（Tennis）
“远古”的游戏平台——红白机（NES）的拥有者会喜欢这个网球游戏的。它实际上就直接复制了任天堂的老版网球游戏。对了，你所要做的就是用拍子击球，让它过网。你很快就能上手了。

16、流感杀手（The Killer Flu Game）
由英国的Clinical Virology Network出品，用于教育我们关于流行病蔓延的一切，包括大范围流行的（猪）流感和日常的季节性流感。通常我们不会在意这些，我们只想传播一些类似近代鼠疫的传染病，但当做这些的时候，我们也许能学到一点东西。
在一个更加致命的版本中，试试全球流行病吧。它不仅仅会让人流鼻涕——你培育了一个真正肮脏的病毒并在全世界传播。释放你内心的瘟疫。继续吧。

17、免费大米（Free Rice）
这就是Balderdash游戏或者掷骰子游戏（Call My Bluff）——它会问你单词的意思，你要从4个选项当中选择，其中3个都是错的。单词会越来越难，直到你试图猜出“erose”是什么意思（显然是“不规则”的意思）。
但是每当你答对一个问题，该网站就向联合国世界粮食计划捐赠10粒大米。因此在学习的同时，你还着手解决着世界饥饿问题。就是这样。

18、皮鞋砸布什（Sock and Awe）
你是否也想过向美国前总统布什扔一只皮鞋，但苦于没能亲身赶赴巴格达的新闻发布会？现在你有了这样一个机会。这个小游戏诞生以来，已经有近1亿只鞋子击中了可怜的布什，而他的脸上则充满了疑惑。

19、直升飞机（The Helicopter Game）
就像这样简单——按住左键让直升机上升；松开左键飞机就会下降。飞机会自动向前飞行，你要躲避障碍看看能飞多远。答案可能是“没多远”，如果你的水平和我们差不多的话。

20、头昏脑涨（The Game of Disorientation）
你所要做的只是走向目标，但是旋转的镜头和怪异的缩放效果让这件事变得没那么简单。如果你有晕船倾向，建议还是不要玩了。

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• Flash游戏引擎列表
• 页面插入Flash Object完全攻略
• 苹果iPad游戏评测
• 社交网页游戏解析之产品篇
• 最大的在线游戏网络，flash游戏产业的颠覆者：麻球网
• 数据化运营 — 影响互联网网游产品成败的关键
• 开源射击游戏Warsow 0.5版发布
• 小游戏为什么挣大钱：最简单也最核心的三点门道
• 商业周刊：Zynga与Facebook关系复杂化
• 千人收益是网游商业化的唯一标准

Feed enhanced by Better Feed from Ozh

本文里面，向你展示28个Flash页面进度效果载入(Loading)欣赏。

1. Xixi no Banho

2. Just in Queso

3. Puma

4. Sam Design

5. Mary and Max

6. Comcast Town

7. Reva France

8. Nil in alt benliginin

9. Drinkzzz

10. Devotchka

11. Max Shaman

12. Au Smart Sports

13. Red Bull Soapbox Racer

14. Cheese and Burger

15. Brand Studio

16. Harry Potter Tweet

17. Lech

18. Corny

19. Museum of Science and Industry

20. Swim Island from lands End

21. Lato z Coca-Cola

22. MCQ

23. Rescue the Puppets

24. Disrespectoids

25. The Egg Republic

26. Coca Cola

27. Watchmen

28. Galaicofolia

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• 33个flash载入页面设计分享
• 10大2009年最好的基于Flash网站。
• 高效互联网营销的18种技巧
• 页面插入Flash Object完全攻略
• 雅虎发布网站性能监测工具：从用户角度衡量
• 陈光锋[访谈]：地方新站如何做运营推广
• 轻设计，让网站灵敏轻便的6个技巧
• 轻设计，让网站灵敏轻便的6个技巧
• 读写网：即时网络公司100强
• 设计项目开始前必须了解客户的9件事

Feed enhanced by Better Feed from Ozh

第一名Monoface

第二名Get The Glass
Get The Glass是加利福尼亚牛奶加工委员会下属的一个网站，这个网站邀请访客参与一个诙谐有趣的Flash游戏，在游戏中访客的目的就是获得牛奶瓶。委员会通过这种方式来增加他们牛奶的销量。这款流行的游戏出现于2007年

第三名NVIDIA® – Speak Visual™
Speak Visual一个基于Flash的微型网站。网站设计的目的是宣传Nvidia（英伟达）公司的图形处理器的强大功能。该网站由著名的Odopod工作室和Cutwater工作室共同设计完成。网站于2008年12月份发布，目前的功能是展示Nvidia公司赞助的多媒体设计竞赛参赛作品。

第四名 AgencyNet Interactive
AgencyNet Interactive是一家坐落于纽约市纽约城和佛罗里达州劳德代尔堡的设计工作室。其网站AgencyNet Interactive出现于2005年3月.这是一个绝对让你震惊的网站，其深度和功能都远远超过了我们所见过的任何一个Flash网站，当然，也不能把我们的话太当真哦～

第五名 Section Seven Inc.
Section Seven公司是一家网站设计工作室。他们利用Flash的强大功能来创建了真实独特的导航系统，使用户以一种别具一格的方式浏览他们的摄影作品。他们的网站出现于2007年初，至今已经获得了多项大奖，包括颇有声望的“最喜爱网站奖”（FWA）。

第六名Dave Werner’s Portfolio
戴夫维尔纳不仅充分利用Flash技巧展示了自己的摄影作品，他还巧妙运用叙述性视频向访客描述了他追求使用强有力的声音和对比来呈现其作品的个人经历。他的网站出现于2006年

第七名 BK Design | Montreal Based Design Studio
DK Design是一家坐落于蒙特利尔的设计营销工作室，它利用在当地发现的设计样品来展示那些整合到网页中的交互式建筑形象巨大潜力。网站目前的设计于2007年发布，这个网站是Flash三维动作的绝佳范例。

第八名 2Advanced Studios
2Advanced Studios是一家位于加州阿里索维耶荷市的交互性设计公司，其网站出现于2006年八月。2Advanced以其流行的复古主页设计著称，但其最近重新设计了网站，增加了壁画式背景，使这种风格焕然一新，令人兴奋。

第九名 Dallas Advertising Agency | TargetScope
Target Scope是一家坐落于德克萨斯州达拉斯的广告代理商，其Flash网站设计与2005年6月出现。他们使用1950年的飞机驾驶员作为背景，这一选择极富创新色彩，因为他们给做容易过时的主题增添了深度。

第十名Creaktif !
Creaktif是一家完全致力于印刷、摄影和交互式媒体的设计工作室，坐落于法国。他们的网站设计出现于2005年10月。Creaktif团队通过充分利用Flash的强大功能及灵活性将其理念和想法完整地表现在了他们的网站设计中。

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• 33个flash载入页面设计分享
• 28个Flash页面进度效果载入(Loading)欣赏
• 高效互联网营销的18种技巧
• 页面插入Flash Object完全攻略
• 雅虎发布网站性能监测工具：从用户角度衡量
• 陈光锋[访谈]：地方新站如何做运营推广
• 轻设计，让网站灵敏轻便的6个技巧
• 轻设计，让网站灵敏轻便的6个技巧
• 读写网：即时网络公司100强
• 设计项目开始前必须了解客户的9件事

Feed enhanced by Better Feed from Ozh

大量的矢量会增加文件大小和减慢动画的渲染。可以通过选择Modify:Curves:Optimize减少对象中的矢量数量。

2.保持动画中的字体数目最小

很多业余设计者屈服于数千种可用字体的鸣叫，他们的设计往往看起来象勒索字条。Flash动画比静态Web页面宽大一些 - 因为它们是运动的，字 体不必一次出现在一页上。然而，太多的字体增加了文件大小，有时甚至很可怕。要增加文本的多样性，可以用不同的颜色和大小，还有字体的字距和倾斜。

3.避免使用位图图像

位图比矢量图形包含的细节多，但是增加了文件大小。

4.尽量使用符号

Michael Kay的Flash教程演示了符号如何不用占据很多空间却能表现大多数Flash元素的。当你重用图像或动画时使用符号。不增加文件大小，只用一个符号，一个小雨滴可能变成一场暴风雨。

5.通过使动作之间接近，可以增加渲染速度。文件大小只增加在新祯与旧祯有差别时。如果动作和运动物体只出现在屏幕的一小部分，动画会刷新得更快。

6.把每个元素放在自己的层，尤其是象动画背景这样的大的对象。

这可以使动画重绘得更快。下面的例子“爱管闲事的地产经纪人” 就是一个很好的说明。因为它使用了很多一祯祯动画（而不是渐变），动画在文件尺寸和 重画率上的要求较高。为了避免这些，注意背景保持在一个静态序列层上，所有的运动很紧密的组织在一起。如果动画设计者习惯于做动画背景（如，浮云），那么 重画率和文件大小会令人无法忍受。
例子：爱管闲事的地产经纪人
动画制作：Charles Schulz & Smashing Ideas
Animations
网站：Shockrave
URL：www.shockrave.com
媒体：Flash
文件大小293KB

7.在不同浏览器/平台/机器上测试你的动画

不存在标准计算机。面对数以千计的计算机配置，当你想象你的动画是否在所有计算机上的表现都相同时，你会疯掉。测试后，调整你的动画，让它们在不同处理器速度和显示卡刷新率上都可以容忍。同时，检查PC和Mac上颜色和gamma的差别。

8.别让盒子嵌套

因为没有显示器分辨率或尺寸的唯一标准，设计者经常把动画填充在一个小区域内。但这对Flash没有问题。因为它是基于矢量的，它可以在任何分辨率下缩放得很好，所以你可以创建可变的、全屏幕的动画。这样既具有电视的质量又有交互性。

9.别把什么事都交给Flash

虽然是一项很好的技术，但是Flash也有局限性。假设你在出版偏重于文本的文章 - 就没有必要全用 Flash（HTML或者dHTML是更好 的选择，因为它们更小而且可查询）。当你发现你已经严重依赖于Flash的脆弱的特征时，试一试其它的技术（如dHTML、GIF、JPEG或 HTML）。

10.给你的观众一个Flash动画的替代物

很多上网者没有Flash插件，因此要给这些人在出现动画处一些可以看到的内容。你可以用一个图像代替，或者一个欺骗性的动画（带一个下载插件的提示），或者另一个动画。

[酸酸]
闪客学习
要学会分析别人的作品
经常看好多闪客朋友的问题帖子，觉得好多问题可以自己解决，但是为什么要提出来呢？“怎么学习FLASH？”“谁能帮我做……效果？”
“怎么去做……”这样的问题多的数也数不清楚，我的意思并不是不让大家这样问，你们不觉得类似“为什么这样不可以？”“我这样做了
但是没有出现我要的效果是为什么？”这样的问题少的可怜么？
所以我觉得学会分析一个作品是很重要而且很必要的，看别人的作品不是看着好玩，而是要看出些门道，看到别人的作品中有不错的效果
就停下来，去想想怎么样能自己做出来？想想他这样的效果可能是用什么方法做出来的，大家要知道，其实说FLASH简单也简单，无非就是那
几个运动，移动渐变，形状渐变，引导线，遮蔽。要是不加AS编程的话，差不多也就是这样几个基础东西了，你要是学会了，弄懂了这几个运
动，那你就可以去想想什么样的运动结合会产生这样的效果。
分解思维
当你看到一个效果的时候，首先去判断是不是AS编程，用帧动画能不能做出来，要不是编程的问题，就可以试着做做，不要一遇到问题就
想谁能帮到自己，那样永远也学不好FLASH，举个简单的例子，让一个人物图片走动，这样的问题一看就知道不是编程所做的了，再继续想，
要让人走动，哪些是运动的，哪些可以不做运动，就我前几天做的那个教程里看，人走动，脚是必须动的，身子可以不去动，好，这样就把
脚和身子分开，分别转换为图形元件，以便以后使用，再想，两个脚的运动也是不一样的，一个脚下，另一个脚就上，或者说是，一个前，一
个后，好，这样再把两个脚也分开转换为图形元件，好了，都分开了，这时候都拖拽到一个影片剪辑中，想让哪动哪就动，这样一个人走动的
动作就做出来了。
还有一个例子，一朵花从泥土中长出来，这一看也知道不是AS的事，这时候就分开想，茎是怎么长出来的，可以先画好一个长出来的茎再用
遮蔽效果将长出来的过程表现出来，叶子可以用移动渐变做，由小到大，花比较麻烦，先画一个花苞，由小到大，由下向上长（可以加引导线）
画简单的几个有特点的花成长过程（由花苞长为花朵）也就是帧动画，最后一个花朵的由小变大的移动渐变。这样这个效果就出来了。
好多的东西，只要你分开想，就能知道怎么做了。
大胆思维
创意是要有胆量的，做动画也是，其实FLASH就是一种挑战，我不知道别的闪客是怎么想的，是处于什么目的学FLASH的，我个人认为，学
习FLASH就是挑战，挑战每一个没有做过的效果，有的人看到一个效果，也去想了，自己怀疑是用哪个哪个方法做的，但是马上就否定了自己的
想法，认为人家高手怎么可能是用这么简单的方法做的，接着就不去想了，到看到源文件的时候一下子呆了，自己明明会做嘛，其实这样的想
法是很不好的，看到一个效果，自己认为怎么能做出来就怎么做，成功了自己会更有兴趣学习FLASH，失败了也没有人会说你，不要看到问题就
头疼。现在所谓的闪客高手，并不是每个效果都做过，但是，他们看到没做过的效果就敢去尝试着做，不信你问问田菜，问问智天使。
窃取思维
要是真的遇到了解决不了的问题，遇到了做不出来的效果，周围又没有能帮你的。这时候不要放手，学会窃取别人的东西。用导入的方法
或是用swf分解软件，都是很简单能办到的，我这样说并不是要偷机取巧，而是我所谓的下下策。希望大家不到逼不得已不要这样。
库中的秘密
当你去分析一个人的作品的时候，当你打开一个人的源文件时候，最重要的就是要同时打开他的库。说句最实在的，他怎么去做的这个效
果在库中你全能找到答案。库中给出的并不是一些不起眼的资料，其实最重要的就在库中。还有提醒大家的就是，看高手的源文件时候特别注
意一下他们给库中元件起的名字，有写名字你一看就知道里面能给你什么内容了。比如，我经常能看到有些源文件的库中有这样的影片剪辑，
他们起的名字是“as”，大家自己想想吧，里面有什么，我也不多说了。
我相信要是你自己能学会分析别人的作品，这样你的FLASH就有更大的提高，到那时候你也能问出含金量高的问题。你也是高手了。
我还想说的就是基础真的很重要，层的概念，mc的用法，关键帧的含义，遮蔽的含义。要是你能把基础的学会，有好多你们所谓的问题基
础问题就能自己解决了。这样也提高了自己的效率。说实话，我特别喜欢别人问我问题，我喜欢解决问题，解决他们问题的同时就是提高我自
己的技术，我相信好多闪客朋友也是这样认为的。
最后我祝愿你们都能成为一流闪客。成为闪群中的高手。

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• 页面插入Flash Object完全攻略
• 使用框架建立富联网应用
• 使用Adobe Flex 3开发(MMO)大型多人在线游戏
• 从程序员的角度切入Flex
• 乔布斯:关于Flash的几点思考
• WordPress 的 Flash 时钟插件
• RIA特别专题和Flash开发平台工具下载资源发布
• Flash游戏引擎列表
• 33个flash载入页面设计分享
• 28个Flash页面进度效果载入(Loading)欣赏

Feed enhanced by Better Feed from Ozh

• 虚拟座谈会：RIA和Ajax技术的现状与展望
  
• 争论又起，RIA的未来在哪里？
  
• Silverlight、JavaFX、Flex/Flash技术比较
  
• Java程序员学习Flex和BlazeDS的十三个理由
  
• RIA框架大调查
  
• InfoQ案例研究：纳斯达克市场回放
  
• 选择你的Ajax框架
  
• 纽约时报放弃WPF/Silverlight，转向Adobe AIR
  
• RichClient/RIA原则与实践（上）（下）
• 构建Flex应用的10大误区
  

本专题所提供的Flash开发平台部分工具下载资源包括：

• Flash Catalyst：一个无需编码即可快速创建用户界面的新型专业交互设计工具。（高速下载）
• Flash Builder：包含了三个主要主题：开发人员生产率，设计人员-开发人员工作流和以数据为中心的应用开发等。以及Flex 4框架等。（高速下载）
• Flex 4 SDK：支持开发人员创建Flex应用，还支持设计人员使用Adobe Flash Catalyst创建交互式设计。（高速下载）
• Adobe AIR：使您能够始终拥有您喜爱的 Web 应用程序（高速下载）

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• 使用Adobe Flex 3开发(MMO)大型多人在线游戏
• 使用框架建立富联网应用
• 从程序员的角度切入Flex
• 页面插入Flash Object完全攻略
• 乔布斯:关于Flash的几点思考
• 为设计师和开发者准备的16款Adobe AIR程序
• WordPress 的 Flash 时钟插件
• Flex程序员的四重境界
• Flash游戏引擎列表
• 4个轻量级的Adobe阅读器替代软件

Feed enhanced by Better Feed from Ozh

什么是 AJAX? 它是怎么工作的?

什么是Ajax？它是如何运作的？

Ajax是异步JavaScript脚本和 XML（Asynchronous JavaScript and XML）的缩写，用来使浏览器端应用程序和服务器端进行通信。在Ajax出现以前，浏览器端应用程序是无法直接和服务器进行通信的，只能使用刷新和加载页 面的方法来实现。而有了Ajax之后，浏览器和服务器端就可以自由通信了。

以下简述Ajax脚本的运行路径：

• 行为引发事件，如用户单击按钮；
• Ajax响应该事件，并使用XML向服务器发送请求；
• 服务器端程序（PHP、ASP或其他）接收到Ajax发来的数据并进行处理，从数据库中调用数据等；
• 服务器端再使用XML向客户端返回数据；
• 另外一个JavaScript函数，通常称之为回调函数，接收到服务器端发来的数据并据此更新页面。

本文将讨论我们如何通过不同的脚本来实现各种各样的功能。

1、登录表单

按传统的做法，用户登录时会被定向到一个登录页面，随后再返回登录前的页面。使用Ajax后，用户可以直接在原页面输入用户名和密码。Ajax会将 这些信息发送给服务器进行验证。服务器会返回数据告知浏览器是否验证通过，浏览器可相应地更新页面。Digg就有这样的登录表单。

示例：Digg.com （页面顶端）
插件：jQuery Form Plugin

2、自动完成

谷歌是最早开始使用Ajax的公司之一，其搜索建议功能则是最先使用Ajax的地方，并开发了第一个自动完成工具。在搜索框输入数据后，Ajax会 从服务器端接受数据，找出数据库中存储的常用搜索关键字并进行提示。自动完成功能是非常有用的，当表单可以输入多个可能的值时，显示一个下拉列表框供用户 选择，非常人性化。

示例：Google Search
插件：jq autocomplete

3、投票和排行

网页收藏站点如Digg、Reddit等往往会让用户来决定什么内容会放在首页，使用的方法便是投票。他们使用Ajax来实现这个功能，这样用户就能够方便快捷地表达自己的意见了。

示例：Reddit

4、使用用户内容更新

Twitter之所以流行的一大原因是其简单易用的界面。当用户发送了一个消息后，这条消息会立刻添加到用户的页面中，所有的相应内容都会进行更 新。最近，Twitter开始使用Ajax对“热门话题”进行更新。每隔几秒，我们就可以知道大家在忙些什么、关注些什么，非常快速。

示例：Twitter

5、表单的提交和验证

表单永远是最麻烦的东西，但Ajax让它们变得友好起来。Ajax可以派很多用处，从上面提到的自动完成功能，再到现在的表单验证和提交。有些网站使用Ajax检查用户输入的数据是否达到了某些要求，如密码长度或者E-mail地址、URL地址是否合法等

示例：10 Cool jQuery Form Plugins

6、聊天室和即时消息

在线聊天室在IRC之后多年才出现的只用应用。如今，聊天室和即时消息可以完全由浏览器来处理。在聊天室或即时消息应用程序中，Ajax通常要做两 件事情，可以想象一下你的耳朵和嘴巴。你的嘴巴要告诉服务器你发送了一条消息，而耳朵则要保持和服务器的联系，以便接受对伐发送的消息，并显示在页面上

示例：Meebo Chat (使用了Ajax）
插件：GMail/Facebook Style Chat Script

7、灵巧的用户界面

Ajax的一个常规应用就是创建整洁、灵巧的用户界面，使用户能在一个页面中做更多的事情。它的好处体现在两个地方：首先，它能使应用程序的响应更 为快速，操作更为简单；其次，它能减少浏览器向服务器的请求次数，从而减少带宽和加载时间。有一个免费的上传服务，名为Drop.io，使用的就是这项技 术。而谷歌则更是把这项应用发挥到了极致，使用Ajax开发出了类桌面应用程序，如谷歌文档、谷歌地图等。

参考：jQuery UI Library

8、插件

Ajax不仅可以调用本地资源，还能够和其他服务器进行通信。像Wordpress之类的CMS（Content Management System 内容管理系统），它们的插件就是用Ajax实现的。又如Google Adsense，用的也是这样的方法。

示例：Google Adsense
插件：将外部内容加载到div中

9、使用Lightbox代替弹出窗口

弹出窗口拦截程序越来越流行了，原因当然是弹出窗口实在是很烦人。而Lightbox是在浏览器窗口内部显示的，所以拦截程序不能拿它怎么样。而且 Lightbox也不会让用户感到多厌烦，所以有些人就用它来作广告，如Darren Rowe的ProBlogger.com。Lightbox同样可以用来做登录表单或注册表单，比如匿名用户在Digg上投票时会被要求进行注册。

示例：Logo Sauce
插件：Lightbox Plugin

10、Ajax和Flash的结合

很少有人会拿Ajax和Flash和一起使用，但是这样做却能起到非常好的效果。Flash游戏网站Kongregate使用了这项技术，效果很棒。通过使用他们的API，用户可以在游戏中赢取各种“徽章”，并使用Ajax将数据传输给服务器，更新用户的信息。

示例：Kongregate
插件：jQuery Flash Plugin

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• Ajax之XMLHTTP学习理解
• 10个关于Ajax的IT人需要知道的事情
• 简单的Ajax实例
• 几种流行的AJAX框架jQuery,Mootools,Dojo,Ext JS的对比
• 使用框架建立富联网应用
• XmlHttpRequest的串行异步
• jQuery与Extjs的Ajax的跨域访问
• Google AJAX Libraries API
• Ajax跨域访问解决方案
• Ajax之XMLHTTP学习理解

Feed enhanced by Better Feed from Ozh

大型多人在线游戏(MMO)技术已经涉足到各种软件形式中了.当我们还在思考MMO时,多人游戏已经使很多玩家能够实时连接进行合作与竞争。(见图表1). 魔兽世界在通过DVD-ROM 订阅的MMO游戏行业中处在黄金标准的位置，但是，通过Abobe-flash平台，我们可以利用魔兽的一小部分时间和预算来发展一个自由来玩的通过浏览器的类似于WAKFU和 Small world 的MMO游戏。

Figure 1. Some leading MMO games.

在这篇文章中,我旨在比你想象的少的时间内告诉你制作一个完整的(并且简单的)大型在线游戏的经验。同样，我会给你一些示例代码以使你能掌握这种高水平的思想。这些例子仅限于FLEX3的浏览器版，但是其中好多的信息都是与其他技术的应用程序开发者相关的。包括Adobe Flash CS4以及Flex 3 AIR桌面应用程序。

我希望这些能给大型在线游戏的入门者做一个介绍，同时，也让高手们获得一些知识。

什么是MMO?

在超过十年的时间里，大型多人在线技术已经成为了桌面PC游戏发展中的主流。 在最近几年中，我们发现它在浏览器端也很流行。一个MMO应用程序是一种这样的软件，它能实时连接很多人，同时，一个人的操作动作会马上影响到其他的人。就像在聊天窒里，当你打出一则消息时，接受者会马上看到这则消息一样。当你攻击一个敌人的时候，这个敌人会被打，或者挡住攻击并且反攻。在MMO最普通的形式中，一个MMO应用程序是基于团队，同时看重个人体验与人机交互的应用程序。MMO有好多种：角色扮演游戏 (MMORPGs), 实时战略游戏(MMORTS), 第一人称射击游戏 (MMOFPS), 基于浏览器的大型在线游戏 (BBMMOGs)以及其他更多。

MMORPG是非常流行的，或者仿真游戏。一个仿真实世界的游戏是通过互联网接口联接很多人制作出仿真世界的游戏。仿真游戏通常具有六个特点:

• 共享空间:这是个可以允许多人同时参加的世界。
• 图形用户界面:这个世界描绘出真实的空间距离, 从二维的图片转变成三维的环境。
• 实时:相互操作都是实时发生的。
• 相互影响:这个世界允许用户更改、发展、建造、或者提交自定义的内容。
• 一直运行:无论单个用户是否登录，都不会影响到整个程序的运行。
• 社会化的/团体化的:这个世界允许并且鼓励各种社团形式，如团队、行会、俱乐部、集团、同居、邻居等等。

随着计算机硬件性能与技术的快速发展，MMO游戏已从桌面程序发展到网络程序。这篇文章的重点在后者。

MMO游戏是商业性的

MMO游戏非常流行。随着越来越多的游戏玩家通过宽带来上网，越来越来的因特网用户开始尝试MMO游戏，使用人数正快速的增加。吸引人的WEB2。0以及RIA特性使这些游戏在游戏玩家中快速的流行起来。用户在空闲时间中都沉浸在这些游戏中，哪里有用户，哪里就有商机。但是传统的商业游戏沉浸于在购买时加入一系列的费用。MMO游戏则是要交付不断增加的用于发展与维护的费用，并且由于在线玩的原因会带来其他的商业机会。游戏开发者与发行者将通过多种方式从成功的MMO游戏中获利。发行者通常会选择以下几条:

• 订阅:用户每月资付一定钱以能够继续玩，这是桌面发展中的获利方式，并且曾经一度成为最流行的获利方式。
• 广告:在基于浏览器的游戏中，我们可以发现，游戏发行商会在游戏场景上方放置一个banner广 告，这些广告链接到普通网页，有些广告会被融入到游戏场景中。举个例子，你在游戏中的角色会被一个高速公路广告牌指引，而这个广告牌上显示的将会是真实的 广告信息。除了这种方式，也可能是下面的两种方式：用户游戏是不需要预选支付费用的。这使观众面得到最大化。由于因特网与Mmo游戏固有的连通性，新广告可以在游戏体验中轮换（出现），而且韵律可以决定每一个广告可以吸引多少眼球。
• 虚拟物品的销售:虽然玩游戏可能不要钱，但是用户可以通过付现金购买虚拟装备来增加角色的属性或者提高游戏的优势。
• 虚拟货币的销售: While game play may be free, users pay real-world cash to credit their account with virtual currency. The currency is then used to perform game transactions for things like advancing their character growth or purchasing virtual items.
• Sponsorships: Real-world companies who wish to have their brands integrated into the game pay the publishers. An example is a clothing company who wishes to include virtual clothes in the virtual world.

Surely, as the audience for MMO gaming expands, advertisers will become increasingly creative with how they monetize the games in this industry.

策划制作一个MMO游戏

在规划的互动项目时，重要的是要有令人信服的创造性以及使用匹配的适当技术实现您的想法以及满足您的目标受众。在下面的章节中,我将提供整体的MMO制作的意见以及可用技术的讨论。

图 2. RIP 游戏LOGO.

举个例子,让我们假设我们的目标市场是8-10岁大的男孩与女孩，次目标市场是具有童心的成年人。我制作一个叫做RIP的简单的，完整的FLEX游戏以供我们来讨论一下。它根本不是一个完整的工程，但它的用处是为了让我们交流一下MMO游戏策划与开发的思想。

角色与故事

除了挑战与美丽的画面来吸引用户，增加角色的难度是保持MMO游戏长期有人玩的一个关键。人物和故事是留住你的用户群的两个关键因素。

这里有一些提示关于设计MMO游戏时要考虑的:

• 独一无二:你认为伤害你的市场可能会节省您的品牌差异。如果您选择以超人的主题，因为流行的市场调研告诉您，您的用户群喜欢这样的主题，你同时要做好有半打竞争对手也想到了同样的方式的准备。
• 让你的角色成长:想想RPG游戏。里面的角色有许多特性（如强度，健康，速度和情报） ，这些都随着经验的增加以及学习新的能力而增加。
• 让你的游戏情节成长:请记住，如果您希望您的MMO游戏产生持久的寿命。就要把您的内容设计的更像是正在进行的电视节目而不是一个孤独的卖座电影情节。您的开始部分一定要设置很多的铺垫，一定要打下好的基础。

对于RIP协议，我使用一个友好的鬼主题（见图3 ） 。当我创建的，我无法找到一个友好的以鬼为主题的MMO游 戏。所以这是独一无二的。鬼魂可以有许多人的特性以及也可能产生一些超能力。这就使角色的特性可以增长。当我想到一个鬼的世界，我想几件事情：新的鬼会定 时出现，一个梦幻般的世界上任何事都是可能的，天堂与地狱的主题中角色可以死一遍又一遍。这些想法应该促进一个长期，丰富的故事情节。

Figure 3.角色样子.

随着人物和故事情节的确定，您可以让作家和艺术家开始调查所需要的技术。

客户端与服务器端技术

MMO游戏技术，主要有两个方面要考虑：客户端和服务器端。您已完成的项目结合了这两种技术。客户端技术（即Adobe Flash Player，AIR，等等）将做一切工作量大的事情-它负责前台表现以及鼠标和键盘的输入。服务器端的技术负责在每个客户端之间进行通信。

从大处到细节，技术上有许多问题都要考虑。例如，什么类型的计算机不能使用您的产品？ Mac或PC或两者都可以？它是桌面应用程序还是运行在Web浏览器？它将是一个三维的或二维的？它要运行在怎样的软件平台上?

If you are interested in creating casual online multi-player games without the headache of hosting your own servers, consider checking out the Adobe Flash Collaboration Service. 对于这项工作，并与经济的考虑，我们使用的Adobe Flash平台开发并使用2D技术将此游戏部署在网络浏览器。我们使用了Adobe FlexBuilder作为我们的开发环境。我们结合客户端和服务器的技术，在客户端使用Flash Player和在服务器端使用ElectroServer 4。与我们的客户端选择的Flash Player ，我选择使用了一个现成的服务器技术，其中包括一个ActionScript 3特定的辅助性文件，因为这将有助于加快发展的速度。除了ElectroServer 4 ，一些重要的服务器端的选择，支持ActionScript 3还包括Adobe Flash Media Interactive Server 3.5和SmartFoxServer 1.6。如果你有兴趣创造休闲多玩家游戏并不用为托管自己的服务器头痛时，可以考虑Adobe Flash Collaboration Service。

我选择ElectroServer 4 ，主要是因为它是稳定，易于开发，免费（最多20个用户） 。这意味着你可以开始一个新项目或测试而不用付费。此外， ElectroServer 4具有可扩展性，帮助文档丰富，并得到广泛支持。

您可能还问我为什么选择二维而不是三维。虽然最新的Flash Player 10中有一些令人兴奋的3D能力，这是仅限于移动二维物体在三维空间或使用软件提供的解决方案（其中提供比硬件提供的解决方案还慢的动画） ，如Papervision3D 。我很期待Flash Player中3D的未来 ，但是据我的经验， Flash平台目前不是强大的3D需求的最好的选择。

开发

现在，我已决定好了友好鬼主题故事和人物，Flash Player作为客户端，并且ElectroServer 4作为服务器端，我准备开始开Flex Builder中进行开发。对于用户界面，我们将界面分块，以满足特定用户的需求（见图4 ） 。每个地区获取用户输入，并作出对应反应：

• 连接:允许用户登录和登出程序.
• 用户列表:显示目前在线的所有用户。
• 聊天记录:显示游戏的聊天记录.
• 聊天输入口:允许用户向游戏中的当前用户发送一则消息.
• 游戏界面:显示了游戏世界，由背景艺术和用户角色组成。用户通过控件角色的位置来控制角色进行移动。

Figure 4.粗略布局的组成部分。

创建组件

我们将按照图4来创造Flex组件。对于每一个组成部分，我们必须考虑到用户的需要，来决定UI元素，以满足这些需要，并充分利用Flex中的MXML来轻松地创建布局。在Flex开发过程中,这是最基本的，所以让我们来看看一个简单的例子。

如同任何短信应用，聊天输入在应用程序的布局的底部（见图5 ） ，用户可以输入文字信息，并将其提交到聊天记录中以供其他用户看到。在参与者之间这是主要的通信方式。

Figure 5.聊天输入部分

TextInput与Button组件放在一个Panel组件中, ID属性是用来给主程序中相关功能控件进行编号，当用户点击chatSend_button实例，在chat_textinput实例中的任何文字，将传递给其他玩家。在下一节中，我们将看到这个信息是如何传递给服务器。

Figure 6.聊天输入口的MXML.

客户端-服务器端 代码

我们继续建立我们的组成部分放下一些客户端与服务器之间的通讯。开发多人游戏与开发单机游戏的根本差别在，当用户交互而产生的任何东西都不应该在屏幕上进行修改。所有的游戏客户端（游戏运行的某个特定的玩家） ，包括提供了输入口的玩家，应当等待回信当服务器说“玩家1已经发出了一个聊天信息” ，例如,当玩家1的客户端发送请求到服务器，服务器发送响应给每一位客户。只有到那时，屏幕才作出更新。当然，玩家1的客户端必须随时准备处理回应，并且当客户端发送请求时,其可以随时随刻的更新。玩家1使用Client (A)发出一个聊天信息请求和处理响应（见图7 ） 。发出的信息包含足够的信息以供所有客户作出适当的反应。在这种情况作出的反应很简单地放入到聊天记录中以供所有用户可见。

Figure 7.客户端-服务器端-客户端信息流

在这个游戏中，有5个类型的请求/响应配对（见图8 ） 。所有与服务器端的交互是通过一个叫作称为ElectroServer的ActionScript 3对象来实现的。当程序加载连接服务器与加入到房间中时，该组合被显示。所有文字聊天和所有玩家的操作动作（如位置的变化，进攻，防守，等等）用这种方式进行发送。

当PublicMessageRequest仅发送文字，它通常是作为一个聊天信息。但不仅仅是文字是可能的。一个消息也可以发送一个EsObject对象。这是一个通用的ActionScript 3对象。开发包装EsObject的有用特性-例如，玩家在游戏中移动的新的X和Y的位置。更复杂的游戏功能较重使用EsObjects并且封装更多的数据。创造复杂的游戏而不通过EsObjects传送太多的数据是一种艺术。发送较小的信息将有助于游戏反应速度。最后配对显示如何断开客户端从服务器室当用户结束他或她的游戏。

Figure 8. RIP的请求/响应对.

技能, 皮肤以及样式

因为Adobe的Creative Suite 4产品之间的合作，整合写好的控件到Flex项目是很简单。这是使用FLEX一个主要好处。如果仔细规划高效率的工作流程，开发人员和设计人员，可以对项目以最少的冲突。

对于RIP，我开始铺设应用程序的MXML而平面设计师编写CSS来定义颜色和字体。我继续编写角色的移动和交互而艺术设计师用Flash制作背景和角色。我们三人几乎没有中断工作，因为RIP参考可见的元素进行开发。

在Flex Builder中主要有两种类型的视觉效果：造型和外观。在程序中，造型决定基本色泽和文本显示属性。出色的（但还远远没有完成）的CSS兼容性的Flex允许一个CSS文本文件来定义样式属性。艺术团队编辑和保存每个样式的变化。一个例子是panels的背景颜色梯度和各种字体的处理（见图9 ） 。

应用程序中包括皮肤制定与动画的设计。在RIP中，应用程序中嵌入一个包含资源的SWF文件。界面小组利用Adobe Flash CS4专业版重新发布此SWF以更新每个皮肤。每一次的Flex项目是重新编译，发布的游戏以程序上与创造性上作出修改。一个皮肤制作的例子就是RIP LOGO或鬼魂的动画角色设计（见图9 ） 。

Figure 9.完成游戏的风格和完整的皮肤。

现在我们有了一个坚实的，抛光建立的游戏， 我们都愿意尝试一下。虽然尚未针对许多用户优化，游戏应处理几十个屏幕。加入有趣的是容易的。单击连接并且一个独特的彩色鬼魂显示在屏幕上。输入文字信息 进行交流，然后点击游戏中的任何地方，来控件你的游戏角色。更大的游戏可以扩大到包括化身属性，如经验和速度，以完成任务，库存物品收集，和更多的世界来 探索。

下一步

除了发展自己的游戏，有两个重要的辅助因素：在线整合您的应用程序并规划项目的维护工作。

整合

你的开发周期即将走到尽头时，您需要在线整合您的应用程序。在开发过程中，你可以在您的桌面上运行的一个ElectroServer实例，并直接与出版的SWF文件交互。只需打开两个或两个以上的游戏SWF文件在您的桌面上，以测试多个用户。这个工作流程可以快速发展。

一旦你已经准备好您的应用程序的在线测试，请执行下列步骤：

1. 在Web服务器上安装和运行的一个ElectroServer实例。
2. 您的游戏配置要求在线实例，而非您的桌面实例。
3. 浏览网页，其中包含您的SWF文件，并开始播放。打开两个或两个以上的窗口，以该网页来自同一台式电脑或台式机，以测试不同的多个用户。

请记住，对大多数商业应用，你还需要某种玩家匹配系统-通常称为lobby， 这样，用户就可以找到朋友，并开始游戏。您可以建立一个lobby到您的游戏或使用外部的。您可以使用一个精心设计的外部lobby作为入口成多个MMO游戏，所以当你部署多人游戏你不需要重新发明车轮。

维护

除了典型的应用系统维修，包括错误修正和功能要求， MMO游戏需要更多的行动，不断推出服务后。重要的是要考虑推出网络游戏项目作为一个完整的游戏所需要的。许多商业模式的网络游戏应用受益于前面提到的长期用户。

用户全神贯注维持数月或数年，需要坚实的社会管理和定期的内容更新。大部分用户将享受来自与其他玩家互动。新玩家加入后引起的社会动态与戏剧性发展将捕获用户的注意力。这是网络游戏类型的游戏开发商一个最大的优势。然而，有很大的竞争来自其他的MMO游戏，以及用户与用户共享，可享受其他许多游戏。为了使您的游戏令人兴奋并保持新鲜，并确保您的用户继续参与，建立一个维持战略去产生更多的角色，游戏关卡，和情节随着时间的推移。由于开发商往往不充分认识维护要求，因此没有和预算范围内保持均衡，保养不善是导致MMO游戏死亡的最大原因。

结尾

MMO游戏结合最好的Web 2.0和RIA方法为用户提供经验。它们可以成为令人兴奋的项目开发和有利可图的事业的游戏出版商。

建立成功的MMO游戏需要认真规划，包括开发角色和故事应该是独一无二的，并允许发展，建设一个有吸引力的视觉设计，并选择适当的客户端和服务器的技术力量去实现构想。

开发包括用户界面设计，客户端服务器通信，游戏逻辑，艺术和皮肤。我们相信的Flex Builder是一个理想的客户端的技术的选择，因为它灵活的开发环境。再加上Adobe公司的Creative Suite 4 ，Flex Builder将使你从一开始就顺利地构建您的团队协作。

如果您计划真正特别的东西，制定严密，并保持您的项目启动后运行很久，你就会使用Flex 3创造一个成功的MMO游戏。

致谢

我特别感谢作出贡献的艺术家。Warren Lee创造了风格和游戏艺术和Bill Coons的BillCoons.com制作了皮肤与界面图形设计。

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• RIA特别专题和Flash开发平台工具下载资源发布
• 使用框架建立富联网应用
• 从程序员的角度切入Flex
• 页面插入Flash Object完全攻略
• 乔布斯:关于Flash的几点思考
• 为设计师和开发者准备的16款Adobe AIR程序
• WordPress 的 Flash 时钟插件
• Flex程序员的四重境界
• Flash游戏引擎列表
• 4个轻量级的Adobe阅读器替代软件

Feed enhanced by Better Feed from Ozh

1. James Day

用极简的办法，James Day把重点聚焦在他美丽照片上。当鼠标移动到文本菜单上时，幻灯片方式预览该项目将。

当您点击大图的时候，您可以放大和缩小。

底图的导航方便您快速访问菜单，控制缩略图的开关，浏览项目，进入全屏模式。

2. Anders Bergh

Bergh 在首页中会加载所有的图片。

点击任何一个缩图可以触发飞出效果的展示。

当您查看包含大量图片的时候，允许您选择去点击上一个/下一个，放大/缩小，切换幻灯片或回到缩略图模式。

3. Jeremy Cowart

当您登陆Cowart 的网站的时候，不会看到精美的导航菜单或者推介区域。一旦进入网站，您就会知道应该点击哪里。

可爱的装载动画效果！

点击左侧或者右侧的可视区域来浏览照片。注意，目前查看到的，是灰白色彩过度到彩色照片的效果？

标题的下方栏显示的是照片的数量及名称。您可以点击这里的缩略图按钮以进入缩略图模式查看。点击全屏按钮则切换进入全屏模式。

键盘控制是投入的一个额外效果。您可以通过指定的按键来浏览该网站。

4. Ciriljazbec Photography

我看到这个站点的第一印象是: “哇哦! 多么令人印象深刻的视图效果!”。Ciriljazbec肯定知道如何推销他自己的技能，他采取的是用一系列的全尺寸（高分辨率）图片放置在网页中。

当您浏览这些图片的时候，它会隐藏所有的其它元素，把焦点全部都聚集在图片中。上下左右移动鼠标，允许您滚动图片。

在导航的左边栏中，你会看到切换选项：幻灯片显示开/关，装配/输出(Fit in/out)和图片移动开/关。

5. Nil

另一个不错的动画载入。

缩略图是随机输出的。点击缩略图查看放大照片。浏览过的照片的色彩会显示为粉红色。

当您点击“排列照片”按钮，松散的照片将会排列成一行。你可以点击缩略图，或者拖动黑色圆圈来操纵照片。

6. Jesus Vilamajo

Vilamajo的首页看起来非常简单，但是当您点击照片组合，您就会发现它非常地漂亮。

导航栏底部会告诉您当前有多少张照片正在加载。当照片加载完毕，小矩形框就会变为可点击的。

蓝色标识为您已经浏览过的照片，黄色标识为您正在浏览的照片。

点击左下方的图片区域按钮会加载大图。

7. Ad Vlemmix

另一种乏味的首页

当您点击链接组合，它会自动进入全屏模式。这些照片显示为灰阶并相互重叠（使您有种散布在桌面上的感觉）。点击照片将会显示在最前方且进入彩色模式。

8. Project 7-7

主页背景罗列了一系列的视频短片。

一旦缩略图被点击，一个扩大了的形象就会随之弹出。一旦高分辨率的图片被加载完成，就会替换原先被放大的图片。

您可以在网格中上下、左右拖拽操纵浏览的照片。

顶部导航使您可以快速跳转到各个不同层次的预览方式。

9. PMA | mis-arch

要耐心点，请跳转到“Projects”部分，注意飘向您的缩略图和淡出的恶性循环。

当您处于预览大图模式，鼠标移动到标题栏可以查看该项目的详细信息。鼠标移动到图片标题可以查看缩略图。

10. Dvein

点击圆形缩略图或文字菜单可以打开查看项目的详细信息。

这个网站从头至尾的整体的转换效果都很完美。

11. Thomas Spiessens Photography

看看一个简单的幻灯片像素转换是如何工作得如此友好的。

滑动游码可以快速访问高清晰照片。

不要错过”Portfolio”按钮上的小幻灯片计时器。

12. Javier Ferrer Vidal

缩略图照片看起来像是在空气中流动。

鼠标移动到缩略图上将会使之变模糊。假如正在加载大图，该缩略图将逐渐变成负面形象。

13. Jam3media

Jam3media 创造性地使用了缩略图来构造词汇

14. Brook Pifer

15. Hello Design

鼠标悬停在缩略图上，像旋转木马一样显示一些列的项目图片

点击小按钮激活幻灯片。

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• 10个WordPress中的自定义字段技巧
• 转换设计原图 PSD 为 HTML
• 设计完美商标图案的45条原则
• 白色在网页设计中的使用：贴士和趋势
• 深色调社交图标：免费且高质量的社交媒体图标集
• 关于浮动的所有实现
• 9个可用性及Ux陷阱：了解如何避免它们
• 95个漂亮的名片设计【下】
• 95个漂亮的名片设计【上】
• 80个应用大背景图片的网站

Feed enhanced by Better Feed from Ozh

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• 页面插入Flash Object完全攻略
• 简易Wordpress模板代码帮助手册中文版
• 最受欢迎的50个免费wordpress模板
• 排名前7位的 Wordpress 404 插件
• 掌握强大的WordPress的子主题
• 如何给您的Wordpress主题添加幻灯片效果
• 如何给WordPress站点添加文章投递功能
• 如何为您的博客图片添加水印效果？
• 在WordPress2.8中自定义创建分类
• 使用框架建立富联网应用

Feed enhanced by Better Feed from Ozh

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8"

width="320" height="220"

id="theMediaPlayer">

<param name=movie value="mediaplayer.swf">

<param name=quality value="high">

<param name=bgcolor value="#FFFFFF">

<param name=allowFullScreen value="false">

<param name=swLiveConnect value="true">

<param name=allowScriptAccess value="sameDomain">

<param name="FlashVars" value="file=mixmediaplaylist.xml&width=320&height=220
&displaywidth=320&displayheight=200&autostart=true&backcolor=0xFFFFFF">

<embed type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/go/getflashplayer"

width="320" height="220" bgcolor="#FFFFFF"

name="theMediaPlayer"

src="mediaplayer.swf"

flashvars="file=mixmediaplaylist.xml&width=320&height=220&displaywidth=320
&displayheight=200&autostart=true&backcolor=0xFFFFFF">

</embed>

</object>

具体可以参考下面的文档：

1. Flash OBJECT和EMBED标签详解

2. Flash OBJECT and EMBED tag attributes

3. Adobe 的官方文档：Macromedia Flash OBJECT and EMBED tag syntax

参考文档我们就可以通过各种方法向客户段按照正确的格式输出FlashObject的代码了，但字符串的拼接操作枯燥又容易出错，代码可读性还不好，有什么更好的办法吗？

在这里要特别提一下的就是FlashObject的FlashVar参数，很多应用都要靠着这个参数传入大量有复杂数据格式的数据对(pair)，构建这个参数往往是最麻烦的。

关于FlashVar:  Using FlashVars to pass variables to a SWF

使用<swfobject>

SWFObject是一种易用的、符合标准的在网页中嵌入flash对象的方法，你只需要在网页中引用一个小巧的js文件。

使用SWFObject就可以避免因为不熟悉Flash Object复杂的语法和选项带来的浏览器不兼容的问题。

使用<swfobject>的大体代码示范如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

  <head>

    <title>SWFObject v2.0 - step 3</title>

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <script type="text/javascript" src="swfobject.js"></script>

    <script type="text/javascript">

    swfobject.registerObject("myId", "9.0.0", "expressInstall.swf");

    </script>

  </head>

  <body>

    <div>

      <object id="myId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="780" height="420">

        <param name="movie" value="myContent.swf" />

        <!--[if !IE]>–>

        <object type="application/x-shockwave-flash" data="myContent.swf" width="780" height="420">

        <!–<![endif]–>

          <p>Alternative content</p>

        <!–[if !IE]>–>

        </object>

        <!–<![endif]–>

      </object>

    </div>

  </body>

</html>

SWFObject 首页: http://code.google.com/p/swfobject/

对于FlashVar参数的传入，SWFObject提供了专门的函数，用起来非常方便，代码可读性也强了。

Opensource 的 swfobject .net control

下载地址：http://www.arjones.net/opensource/swfobject.net/

这还有一个：http://www.junasoftware.com/servercontrols/swfobject.net.aspx

商业Flash object control

实际上，对于ASP.NET的开发者，使用<swfobject>也还是有很多不方便的地方，没有强数据类型，参数传入都要转为字符串，还有做一些拼接的工作，代码还是不优雅。有没有更好的办法呢？

ASPNetFlash WebControl

ASPNetFlash WebControl 可以让你轻松的把一个Adobe Flash文件插入到你的ASP.NET web forms里面。

ASPNetFlash的网址：http://www.aspnetflash.com/aspnetflash_Download_Free_Trial.aspx

下载安装后的效果：

真的不错，基本的属性设置，还有对FlashVar的数据绑定支持。

如果你还在为插入Flash Object 苦恼，快来试试这个！

参考文档：

List Apart上的一篇文章：http://www.alistapart.com/articles/flashembedcagematch/

© 我想网 Akon 所有 , 2009. | 永久链接 | 没有评论 | 提交到 Google Reader 鲜果 抓虾

您可能会感兴趣的其他文章

• 使用框架建立富联网应用
• 使用Adobe Flex 3开发(MMO)大型多人在线游戏
• 从程序员的角度切入Flex
• 乔布斯:关于Flash的几点思考
• WordPress 的 Flash 时钟插件
• RIA特别专题和Flash开发平台工具下载资源发布
• Flash游戏引擎列表
• 33个flash载入页面设计分享
• 28个Flash页面进度效果载入(Loading)欣赏
• 20款最佳Flash游戏

Feed enhanced by Better Feed from Ozh