前些天和一個(gè)朋友談起開發(fā)web上的飛車類游戲的方案。我突然意識(shí)到，

1 RIA技術(shù)有多么的重要： apple公司的歷史足以證明： 用戶界面是一種核心競(jìng)爭(zhēng)力。

2 具體的ajax, flash, Silverlight, java的這些RIA技術(shù)爭(zhēng)論是多么的無(wú)聊，很多開發(fā)者需要的

是case by case的案例說(shuō)明。

我把我知道的RIA的案例列舉出來(lái)，大家可以看一下。從這些案例中大家可以從中選擇自己需要的技術(shù)。不同的開發(fā)員從事不同的領(lǐng)域。我分為下面8個(gè)方向，

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

web

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

個(gè)人門戶：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

流量統(tǒng)計(jì)：Google Analytics Flash

Web2.0需要的技術(shù)能力，能夠在web上提供對(duì)image, audio, video的操作能力,對(duì)經(jīng)典的web應(yīng)用提供離線操作的能力。

案例：

slide: http://www.viddler.com

技術(shù)：flash

成果：因?yàn)閯?chuàng)始人的paypal背景。獲得了4輪累計(jì)超過7000萬(wàn)美金的投資。號(hào)稱全球注冊(cè)人數(shù)1億多。

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

StoryBlender：http://www.storyblender.com

技術(shù)：flash

內(nèi)容：類似“視頻維基百科”模式的視頻網(wǎng)站。站點(diǎn)擁有易用和簡(jiǎn)單的用戶界面。用戶不必具有專業(yè)的知識(shí)要求，就可以輕松添加音樂、視頻、文字和動(dòng)畫等東西。

Picnik: http://www.picnik.com

技術(shù)：flash

內(nèi)容：支持本地上傳圖片進(jìn)行編輯，可實(shí)現(xiàn)自動(dòng)修復(fù)、圖片旋轉(zhuǎn)、裁減、光亮色深的調(diào)節(jié)、銳化以及去紅眼等常見功能，一般的應(yīng)用足夠了。

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

Enterprise1.0需要的技術(shù)能力，局域網(wǎng)內(nèi)部實(shí)現(xiàn)基于數(shù)據(jù)驅(qū)動(dòng)的UI控件，報(bào)表，圖形系統(tǒng)[工作流程，組織結(jié)構(gòu)圖，甘特圖等]

案例：

用友 NC系統(tǒng)

技術(shù)：java

內(nèi)容：采用java swing來(lái)構(gòu)建復(fù)雜的界面系統(tǒng)。

SAP

技術(shù)：flex

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

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

Enterprise2.0需要的技術(shù)能力，web的word,excel,ppt和基于數(shù)據(jù)驅(qū)動(dòng)的UI控件，報(bào)表，圖形系統(tǒng)[工作流程，組織結(jié)構(gòu)圖，甘特圖等]

協(xié)同系統(tǒng)案例：

協(xié)同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系統(tǒng)案例：

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

類型：SAAS,MDA platform

技術(shù)：flex

項(xiàng)目開始運(yùn)行時(shí)間：2005年

成果:第一輪 Dorado Ventures出資 320 萬(wàn),2007年初第二輪American Capital 和 SAP Ventures，總額達(dá) 800 萬(wàn)美元，2007年度Web2.0展會(huì)最佳5個(gè)web2.0應(yīng)用之一。

內(nèi)容：是一個(gè)集 CRM、客戶跟蹤、團(tuán)隊(duì)管理和協(xié)調(diào)的團(tuán)隊(duì)?wèi)?yīng)用在線工具，coghead2.0版本提供了強(qiáng)大的圖形和自定義程序功能，在線可視化應(yīng)用程序設(shè)計(jì)服務(wù)。

備注： 原來(lái)coghead是用ajax開發(fā)，后在采用flex，按照他們的話說(shuō)：

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只能開發(fā)策略類，模擬養(yǎng)成類的游戲。

對(duì)于2D 的rpg或者動(dòng)作類或者休閑游戲應(yīng)該選用Flash

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

或者采用shockwave。

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

案例：

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

類型：歐式2D mmoprg游戲

技術(shù)：flash

開始運(yùn)行時(shí)間：2002年

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

內(nèi)容：這是一款誕生于2002年的美國(guó)Web Game，游戲的前端界面采用Flash制作，畫面效果不俗。游戲是采用回合制戰(zhàn)斗的正統(tǒng)RPG，雖然現(xiàn)在看來(lái)有些平庸保守，但從其發(fā)布時(shí)間來(lái)說(shuō)是Web Game中的優(yōu)秀先驅(qū)作品。

Docus: http://www.docus.com

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

技術(shù)：flash

項(xiàng)目開始運(yùn)行時(shí)間： 2004年，2005年免費(fèi)。

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

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

點(diǎn)評(píng)：2005年，當(dāng)我看到這款游戲的時(shí)候，我就意識(shí)到，開發(fā)純web的 大話西游2和傳奇已經(jīng)不是問題了。 當(dāng)時(shí)我們團(tuán)隊(duì)做了嘗試。最終只開發(fā)了一個(gè)沒有打怪升級(jí)的社區(qū)。

Ikariam: http://www.ikariam.org

類型：策略游戲

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

項(xiàng)目開始時(shí)間： 2007年

點(diǎn)評(píng)： 這是國(guó)外的非常游戲的策略游戲，用 ajax開發(fā)。畫質(zhì)非常精密。但是也暴露了

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

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

類型：策略游戲。

技術(shù)：flash

項(xiàng)目開始時(shí)間：2007年

成果：《Seafight》以上線當(dāng)月超過百萬(wàn)注冊(cè)用戶的數(shù)字,締造了網(wǎng)頁(yè)游戲的神話。其運(yùn)營(yíng)公司：Bigpoint公司2007年更以其超過4,500%的增長(zhǎng)率,名列德勤科技EMEA企業(yè)最快進(jìn)步500強(qiáng)的第19名。

內(nèi)容：seafight是一款免費(fèi)的海戰(zhàn)游戲，實(shí)時(shí)與真正的對(duì)手海盜作戰(zhàn)，可以贏取獎(jiǎng)金，畫面非常優(yōu)秀，有智能的等級(jí)系統(tǒng)，獨(dú)特的3D海圖，即時(shí)的時(shí)間演算，真實(shí)的日夜交替，使得游戲格外引人入勝。

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

類型： mmorpg

技術(shù)： Java 3D

項(xiàng)目開始時(shí)間：2003年

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

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

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

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

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

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

圖形社區(qū)案例：

Gaia、Club Penguin則使用二維平面的小精靈以鳥瞰視圖在一個(gè)固定的靜態(tài)場(chǎng)景中運(yùn)動(dòng)，營(yíng)造一種童話氛圍和童真體驗(yàn)；而諸如Cyworld和Neopets則很簡(jiǎn)單地使用圖片和Flash動(dòng)畫來(lái)營(yíng)造一個(gè)某種虛擬世界的“人性化氛圍”；Barbie Girls則更強(qiáng)調(diào)女性視角，環(huán)境設(shè)計(jì)、Avatar形象塑造完全以女性化方式出發(fā)，營(yíng)造一個(gè)以女性為主角的虛擬世界。

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

類型： 2D pet game

開始時(shí)間 1999年

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

內(nèi)容：全球注冊(cè)用戶最大的虛擬寵物網(wǎng)站。提供了各種虛擬寵物的游戲。現(xiàn)在變成了一個(gè)寵物社區(qū)。

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

類型： 2D community

技術(shù)：java

服務(wù)開始時(shí)間：2005年

成果：迪斯尼3.4億美元收購(gòu)，如果兩年后網(wǎng)站能夠達(dá)到運(yùn)營(yíng)目標(biāo)，還會(huì)再追加3.5億投資

內(nèi)容：以可愛卡通的企鵝為形象,創(chuàng)造的一個(gè)虛擬世界,分為 8歲以下, 9-12歲, 13-17歲, 18歲以上四個(gè)年齡段區(qū)間. 主要內(nèi)容是卡通化的簡(jiǎn)單的場(chǎng)景區(qū)域, 簡(jiǎn)單的游戲配合虛擬道具的形式. 已有1200萬(wàn)活躍用戶，主要來(lái)自于加拿大和美國(guó)

運(yùn)營(yíng)參考：http://www.dol007.com/show_featuredworks.aspx?id=294

Meez: http://www.meez.com

類型： 3D avatar

技術(shù)：java

項(xiàng)目開始時(shí)間： 2007年

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

Flowplay: http://www.flowplay.com

類型：2D社區(qū)

技術(shù)：flash

項(xiàng)目開始時(shí)間：2007年

成果：Techcrunch40獎(jiǎng)，獲得370萬(wàn)美元首輪投資 此輪主要投資方為Intel Capital 和 Ambient Sound Investments.

內(nèi)容： 這個(gè)世界是一個(gè)有avatar的無(wú)縫環(huán)境, 主要是給青少年提供休閑游戲。

DIY game案例：

Metaplace http://www.metaplace.com/

類型：2D游戲制作工具

項(xiàng)目開始時(shí)間：2007年

成果：Techcrunch40獎(jiǎng)

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

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

備注：很早就有RPG Director可以在網(wǎng)頁(yè)中制作了。 看不出Metaplace 這個(gè)東西好在那里

Shockwave:

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

Shockwave3D，開始提供lingo命令很多3d design工具都支持導(dǎo)出w3d這種shockwave支持的3d格式。而且包括一個(gè)物理引擎 Havok 。。后來(lái)改成 actionscript版本的scene API.。主要是因?yàn)樵谥袊?guó)安裝率不高，而且未來(lái)adobe對(duì)其投入不大，所以我沒有把它詳談。應(yīng)該隨著flash player 10,11,12的發(fā)布,shockwave有的功能都會(huì)加入到flash player中的。

Shockwave也有一些成熟的應(yīng)用，

Habbo Hotel http://www.habbo.com

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

在線的second life:

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

是由http://www.maidmarian.com/ 這個(gè)優(yōu)秀團(tuán)隊(duì)推出的。這個(gè)團(tuán)隊(duì)還提供了3d rpg, tank大戰(zhàn)等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時(shí)代主要的工具就是j2me，為了跨越symbian,pocket PC,palm平臺(tái),唯一的選擇就是j2me,j2me不僅僅有成熟的UI,對(duì)移動(dòng)多媒體的操作能力，高端手機(jī)還提供了opengl

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

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

通過上面的案例，最終得出結(jié)論：

	<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%	美國(guó)87％中國(guó)不足8％	不到2％
語(yǔ)言功能	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
最終得分

最終結(jié)論： Ajax可以開發(fā)和文本(text,html)緊密聯(lián)系的應(yīng)用。

Flash擅長(zhǎng)開發(fā) 2d graphic和多媒體相關(guān)的.

Java擅長(zhǎng)開發(fā) 企業(yè)內(nèi)部 mis或者 3D graphic

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

這只是一個(gè)2個(gè)多小時(shí)完成的草案，我會(huì)把案例補(bǔ)充到50個(gè)。繼續(xù)補(bǔ)充 IDE支持，開發(fā)速度，項(xiàng)目成本等多方面細(xì)節(jié)的。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。