前些天和一個朋友談起開發web上的飛車類游戲的方案。我突然意識到，

1 RIA技術有多么的重要： apple公司的歷史足以證明： 用戶界面是一種核心競爭力。

2 具體的ajax, flash, Silverlight, java的這些RIA技術爭論是多么的無聊，很多開發者需要的

是case by case的案例說明。

我把我知道的RIA的案例列舉出來，大家可以看一下。從這些案例中大家可以從中選擇自己需要的技術。不同的開發員從事不同的領域。我分為下面8個方向，

8個方向	我需要強調一下，上面的劃分的標準大體是 用2005年為界，用2005年前的流行的設計思維開發的 叫做1.0，用2005年后流行的設計思維的 叫做2.0。雙方沒有優劣，不是相互競爭而是相互補充。可能1.0的盈利 是2.0的100倍，但是2.0代表未來的發展趨勢。
Web1.0	成熟的應用，比如個人拖拽式門戶，email,地圖等。
Web2.0	比如在線的圖片,video,漫畫的編輯或者其他的消費類產品
Enterprise1.0	用于企業內部的MIS系統，如CRM,scm,erp,OA等等
Enterprise2.0	主要分為2類，一類是web上的office工具或者協同系統, 二類是基于web上的SAAS方式類提供的可定制的專業系統
Game1.0	傳統的rpg，策略，休閑，動作游戲。
Game2.0	主要分為2類，一類是加入很多DIY, 可以自定義道具，情節, 的游戲，保留打怪升級。 2類是圖形化社區。以生活交友為主題的。
Mobile1.0	采用手機專有技術如j2me開發出來的傳統上的手機應用，game,map等.
Mobile2.0	智能手機上的應用,可以采用pc桌面的開發方式.

web

Web1.0需要的技術能力：需要在web中包含各種UI控件，實現類似于桌面的拖拽效果．

個人門戶：google ig, <city w:st="on"><place w:st="on">Ajax</place></city>

Email: yahoo email ,163 email, <city w:st="on"><place w:st="on">Ajax</place></city>

Map: google map, baidu map <city w:st="on"><place w:st="on">Ajax</place></city>

Yahoo map, mapabc Flex

流量統計：Google Analytics Flash

Web2.0需要的技術能力，能夠在web上提供對image, audio, video的操作能力,對經典的web應用提供離線操作的能力。

案例：

slide: http://www.viddler.com

技術：flash

成果：因為創始人的paypal背景。獲得了4輪累計超過7000萬美金的投資。號稱全球注冊人數1億多。

內容：通過flash編輯image,video為動畫。Slide 可以獲取 flickr、MySpace、Photobucket（需要登錄）三個圖片分享服務的相片,把你的相片變成閃秀相冊Widget 分享在facebook，myspace中。可選擇多個widget 樣式，從不同的風格、主題、尺寸大小中自行組合設計，并且還可以設定特定用戶可訪問該相冊。

StoryBlender：http://www.storyblender.com

技術：flash

內容：類似“視頻維基百科”模式的視頻網站。站點擁有易用和簡單的用戶界面。用戶不必具有專業的知識要求，就可以輕松添加音樂、視頻、文字和動畫等東西。

Picnik: http://www.picnik.com

技術：flash

內容：支持本地上傳圖片進行編輯，可實現自動修復、圖片旋轉、裁減、光亮色深的調節、銳化以及去紅眼等常見功能，一般的應用足夠了。

<place w:st="on"><city w:st="on"><span lang="EN-US">Enterprise</span></city></place>

Enterprise1.0需要的技術能力，局域網內部實現基于數據驅動的UI控件，報表，圖形系統[工作流程，組織結構圖，甘特圖等]

案例：

用友 NC系統

技術：java

內容：采用java swing來構建復雜的界面系統。

SAP

技術：flex

內容： 采用flex作為新一代平臺的界面工具：比如 SAP NetWeaver Visual Composer，Briefing Book，Spend Analytics

內容界面：http://www.flexcoders.cn/showtopic.aspx?forumid=7&topicid=233&go=prev

Enterprise2.0需要的技術能力，web的word,excel,ppt和基于數據驅動的UI控件，報表，圖形系統[工作流程，組織結構圖，甘特圖等]

協同系統案例：

協同office:

<city w:st="on"><place w:st="on"><span lang="EN-US">Ajax</span></place></city>: google docs , http://docs.google.com

zoho suite http://www.zoho.com

Flash/Flex: best<chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="4" unitname="C">4c</chmetcnv> http://www.best<chmetcnv w:st="on" tcsc="0" numbertype="1" negative="False" hasspace="False" sourcevalue="4" unitname="C">4c</chmetcnv>.com,

Buzzword http://www.buzzword.com

Java: thinkfree http://www.thinkfree.com

MIS系統案例：

Coghead: http://www.coghead.com/

類型：SAAS,MDA platform

技術：flex

項目開始運行時間：2005年

成果:第一輪 Dorado Ventures出資 320 萬,2007年初第二輪American Capital 和 SAP Ventures，總額達 800 萬美元，2007年度Web2.0展會最佳5個web2.0應用之一。

內容：是一個集 CRM、客戶跟蹤、團隊管理和協調的團隊應用在線工具，coghead2.0版本提供了強大的圖形和自定義程序功能，在線可視化應用程序設計服務。

備注： 原來coghead是用ajax開發，后在采用flex，按照他們的話說：

A lot of people are talking about <city w:st="on">Ajax</city>, but we see a world that goes beyond <city w:st="on"><place w:st="on">Ajax</place></city>

Brings Game-Changing Performance and Scalability to Web Application Platform

Game:

Ajax只能開發策略類，模擬養成類的游戲。

對于2D 的rpg或者動作類或者休閑游戲應該選用Flash

對于3D可以采用java 。[java 3d的渲染消耗的資源是c++寫的程序的1.2－2倍。Jogl可以獲得和c++一樣的效率]

或者采用shockwave。

Game1.0需要的技術能力，web上2d/3d的圖形引擎，物理引擎

案例：

Adventure Quest: http://www.battleon.com

類型：歐式2D mmoprg游戲

技術：flash

開始運行時間：2002年

成果：alexa排名穩定在1000名左右。平均每天有50多萬ip訪問。

內容：這是一款誕生于2002年的美國Web Game，游戲的前端界面采用Flash制作，畫面效果不俗。游戲是采用回合制戰斗的正統RPG，雖然現在看來有些平庸保守，但從其發布時間來說是Web Game中的優秀先驅作品。

Docus: http://www.docus.com

類型：歐式Q版2D mmoprg游戲

技術：flash

項目開始運行時間： 2004年，2005年免費。

內容：是一部將英雄奇幻和色彩鮮明的2D設計結合起來的MMORPG，由Ankama Studio出品。它不僅是角色扮演游戲，同時也是互動卡通，意在引游戲高手和休閑玩家。游戲中充滿創意的畫面使探險旅程充滿幽默，游戲中將角色扮演、多彩的圖象和緊張的智謀戰斗有機結合在一起。玩家可以結成聯盟或是獨力去對抗其他的探險者和怪物。，角色創造、練功升級、avatar系統、回合制戰斗系統、物品交換、地圖系統，Dofus一個都沒少，操作上也十分容易上手。美術的部份水平也很高，場景看不太出來是一格一格拼出來的。

界面地址：http://weblogs.macromedia.com/xd/archives/2005/09/dofus_flash-bas.cfm

點評：2005年，當我看到這款游戲的時候，我就意識到，開發純web的 大話西游2和傳奇已經不是問題了。 當時我們團隊做了嘗試。最終只開發了一個沒有打怪升級的社區。

Ikariam: http://www.ikariam.org

類型：策略游戲

技術：<city w:st="on"><place w:st="on"><span lang="EN-US">Ajax</span></place></city>

項目開始時間： 2007年

點評： 這是國外的非常游戲的策略游戲，用 ajax開發。畫質非常精密。但是也暴露了

Ajax最大的確點，就是往往都沒有寫代碼去控制圖片的載入速度，因此在網速不好的情況非常影響用戶體驗。

SeaFight (http://www.seafight.com)

類型：策略游戲。

技術：flash

項目開始時間：2007年

成果：《Seafight》以上線當月超過百萬注冊用戶的數字,締造了網頁游戲的神話。其運營公司：Bigpoint公司2007年更以其超過4,500%的增長率,名列德勤科技EMEA企業最快進步500強的第19名。

內容：seafight是一款免費的海戰游戲，實時與真正的對手海盜作戰，可以贏取獎金，畫面非常優秀，有智能的等級系統，獨特的3D海圖，即時的時間演算，真實的日夜交替，使得游戲格外引人入勝。

RuneScape (http://www.runescape.com)

類型： mmorpg

技術： Java 3D

項目開始時間：2003年

成果：該游戲名字“RuneScape”在雅虎本年度的十大關鍵詞中位列第7，平均同時在線人數10萬以上。Alexa排名在200到300之間。日IP超過100萬。

具體內容：在這中世紀的rpg游戲中，你可以選做武士、弓箭手、魔法師；也可以選做廚師、木匠、冶煉師。 在游戲里你會見到矮人、巨人、巫師、僧侶、野人、海盜、疆尸、蜥蜴人、怪獸、惡魔和不同的動物(小到老鼠大到飛龍都有)等。有51種攻擊魔法，15種保護魔法，50個過關問題，5個城市，1個荒蕪大陸和無數個地下城堡，構成了整個江湖。

界面地址： http://www.wangtam.com/50226711/runescape_ceaec_91194.php

另外一個Wurm Online http://www.wurmonline.com采用jogl有更好的界面效果

視頻地址：http://www.youtube.com/watch?v=tiTVTcNQj74&feature=related

Game2.0需要的技術能力，web上2d/3d的圖形引擎，物理引擎

圖形社區案例：

Gaia、Club Penguin則使用二維平面的小精靈以鳥瞰視圖在一個固定的靜態場景中運動，營造一種童話氛圍和童真體驗；而諸如Cyworld和Neopets則很簡單地使用圖片和Flash動畫來營造一個某種虛擬世界的“人性化氛圍”；Barbie Girls則更強調女性視角，環境設計、Avatar形象塑造完全以女性化方式出發，營造一個以女性為主角的虛擬世界。

尼奧寵物 http://www.neopets.com

類型： 2D pet game

開始時間 1999年

成果：它在2005年被維亞康姆以1.6億美元巨資收購，注冊用戶超過1億。

內容：全球注冊用戶最大的虛擬寵物網站。提供了各種虛擬寵物的游戲。現在變成了一個寵物社區。

企鵝俱樂部(Club Penguin) http://play.clubpenguin.com/

類型： 2D community

技術：java

服務開始時間：2005年

成果：迪斯尼3.4億美元收購，如果兩年后網站能夠達到運營目標，還會再追加3.5億投資

內容：以可愛卡通的企鵝為形象,創造的一個虛擬世界,分為 8歲以下, 9-12歲, 13-17歲, 18歲以上四個年齡段區間. 主要內容是卡通化的簡單的場景區域, 簡單的游戲配合虛擬道具的形式. 已有1200萬活躍用戶，主要來自于加拿大和美國

運營參考：http://www.dol007.com/show_featuredworks.aspx?id=294

Meez: http://www.meez.com

類型： 3D avatar

技術：java

項目開始時間： 2007年

內容：免費建立用戶虛擬形象的在線服務，類似QQ 的 3D 形象秀，在自定義方面固然無可挑替，支持的網絡服務也相當廣泛，已知的有：MySpace、Facebook、hi5、Xanga、Blogger、Tagworld、Xuqa、YFly、Windows Live Spaces、Yahoo Messenger 以及電子郵件等等。

Flowplay: http://www.flowplay.com

類型：2D社區

技術：flash

項目開始時間：2007年

成果：Techcrunch40獎，獲得370萬美元首輪投資 此輪主要投資方為Intel Capital 和 Ambient Sound Investments.

內容： 這個世界是一個有avatar的無縫環境, 主要是給青少年提供休閑游戲。

DIY game案例：

Metaplace http://www.metaplace.com/

類型：2D游戲制作工具

項目開始時間：2007年

成果：Techcrunch40獎

內容：通過web界面直接創造虛擬世界,而不是巨型客戶端下載, 游戲內所有物體都是web元素，有唯一的url和feed地址，可以建立好游戲放在自己的網站或者blog上

查看制作過程：http://www.youtube.com/watch?v=tZiB_JcRH_s

備注：很早就有RPG Director可以在網頁中制作了。 看不出Metaplace 這個東西好在那里

Shockwave:

注，mm公司以前還有一個軟件，就是桌面多媒體的霸主 Macromedia Director ,可惜隨著flash的流行而逐漸衰落。在歐美的安裝率還挺高，超過1/3。2000年，intel和 mm聯合推出

Shockwave3D，開始提供lingo命令很多3d design工具都支持導出w3d這種shockwave支持的3d格式。而且包括一個物理引擎 Havok 。。后來改成 actionscript版本的scene API.。主要是因為在中國安裝率不高，而且未來adobe對其投入不大，所以我沒有把它詳談。應該隨著flash player 10,11,12的發布,shockwave有的功能都會加入到flash player中的。

Shockwave也有一些成熟的應用，

Habbo Hotel http://www.habbo.com

哈寶已有近8000萬青少年用戶，其中63%每天登錄，用戶在社區的平均停留時間是32分鐘。Habbo以五星級豪華酒店為基地，具有大廳、酒吧、餐廳、泳池、游戲機室等設施，同時，每個前來注冊的用戶都可免費擁有一個自己房間，然后通過各種各樣的活動建立社交圈。哈寶最主要的收入來源是用戶為裝飾房間、舉行活動用的虛擬道具的支出。還包括游戲內置廣告、無線收入、品牌授權(如授權哈寶人物形象)費等。

在線的second life:

http://www.maidmarian.com/MariansWorldOne.htm

是由http://www.maidmarian.com/ 這個優秀團隊推出的。這個團隊還提供了3d rpg, tank大戰等3d game.

在線的Quake 3

http://necromanthus.com/Games/ShockWave/quake3.html

在線的 CS，Phosphor

http://www2.rasterwerks.com/game/phosphor/beta1.asp

<place w:st="on"><city w:st="on"><span lang="EN-US">Mobile</span></city></place>

Mobile1.0時代主要的工具就是j2me，為了跨越symbian,pocket PC,palm平臺,唯一的選擇就是j2me,j2me不僅僅有成熟的UI,對移動多媒體的操作能力，高端手機還提供了opengl

ES和m3d(scene api)的功能．flash lite安裝率不高。

mobile是以iphone中的AJAX,,javaFX這些為代表，讓用戶可以用pc上相同的語言，相同的API，只是更改一下界面布局，可以把pc上的應用直接轉化為為移動上的應用。

通過上面的案例，最終得出結論：

	<place w:st="on"><city w:st="on"><span lang="EN-US">ajax</span></city></place>	Flash/Flex	java	sliverlight
pc安裝率	10	10	2	1
	100%	99%	美國87％中國不足8％	不到2％
語言功能	5	7	10	9
離線能力	2	7	8	10
文本操作	10	6	4	2
UI Component	7	9	8	8
多媒體	1	10	3	6
2D graphic	6	10	8	8
3D graphic	2	5	9	5
最終得分

最終結論： Ajax可以開發和文本(text,html)緊密聯系的應用。

Flash擅長開發 2d graphic和多媒體相關的.

Java擅長開發 企業內部 mis或者 3D graphic

Silverlight在正式支持 C#之前都是一個玩具。沒有任何特色。

這只是一個2個多小時完成的草案，我會把案例補充到50個。繼續補充 IDE支持，開發速度，項目成本等多方面細節的。

總結

以上是生活随笔為你收集整理的RIA案例不完全参考[0.01 草案]的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。