日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
Silverlight2.5DRPG游戲技巧與特效處里：紙娃娃系統(tǒng)

        紙娃娃系統(tǒng)，或許大家聽(tīng)起來(lái)并不陌生。隨著2D/3D圖形技術(shù)高速崛起，通過(guò)在基礎(chǔ)模型上由客戶隨意挑選、任意更換各種造型(素材)，即可打造出真正屬于“自我”獨(dú)特風(fēng)格的網(wǎng)絡(luò)虛擬形象，QQ秀便是我們耳熟能詳?shù)拇恚N近真實(shí)的如(RPG)游戲及虛擬現(xiàn)實(shí)中的換裝/換膚系統(tǒng)同樣亦得益于紙娃娃機(jī)制。本文將向大家講解如何最好的實(shí)現(xiàn)Silverlight 2.5D網(wǎng)絡(luò)游戲中的紙娃娃系統(tǒng)，以最大程度控制性能損失為前提，將游戲資源占用最小化，綜合效果及用戶體驗(yàn)最優(yōu)化。

       素材來(lái)源于網(wǎng)絡(luò)，取《封神榜3》中的角色系統(tǒng)(紙娃娃系統(tǒng))做示例，每個(gè)角色大致都包含3個(gè)部件：鎧甲(身體)、武器、騎乘(乘具)等，而其中的騎乘道具又由2個(gè)部份組成，比如異人(弓手)的翅膀分為左右兩支；甲士(戰(zhàn)士)的坐騎分為前后兩半；而方士(法師)的飛劍則僅為單獨(dú)對(duì)象：

        2D/2.5D游戲中角色帶翅膀飛行要考慮左右翼與身體的層次關(guān)系，騎馬則需要考慮馬頭/馬尾與身體間的層次問(wèn)題。而且武器長(zhǎng)短，角色朝向，行為姿勢(shì)等也都可能影響到各部件的層次關(guān)系。因此，一些游戲?yàn)榱撕?jiǎn)化設(shè)計(jì)，同時(shí)又不失華麗，于是乎誕生了比如“踏云”，“御劍”，“乘鶴”，“踩蝶”等諸多天馬行空的駕馭模式，這些乘具的共同點(diǎn)就是均被踩在腳上，自然而然處理起來(lái)更簡(jiǎn)單明了。當(dāng)然，如果角色是3D模型的話則無(wú)需考慮這么多層疊關(guān)系。

#p#

用Silverlight編寫(xiě)代碼

鑒于以上的參考分析，在Silverlight中構(gòu)造裝備紙娃娃系統(tǒng)框架便會(huì)輕松很多。暫時(shí)以帶翅膀的弓手為例子，依葫蘆畫(huà)瓢，我們首先新建如下幾個(gè)類：

       如圖，EquipBase乃裝備(紙娃娃)系統(tǒng)中的核心，所有的裝備部件類比如鎧甲(身體)Armor/武器Weapon/翅膀Wing/坐騎Ride均繼承自該類：

 
 
 
 
    
  
  
  
  
  1. ///   
    2. 
  
  
  2. /// 裝備部件基類  
    3. 
  
  
  3. /// 
    4.  
  
   
  
  
  
  
  4. public abstract class EquipBase : ObjectBase {  
    5. 
  
  
  
  
  5.  
    6. 
  
  
  
  
  6.    ///   
    7. 
  
  
  7.    /// 加載完畢  
    8. 
  
  
  8.    /// 
    9.  
  
   
  
  
  
  
  9.    public event EventHandler Ready;  
    10. 
  
  
  
  
  10.  
    11. 
  
  
  
  
  11.    ///   
    12. 
  
  
  12.    /// 獲取或設(shè)置部件名  
    13. 
  
  
  13.    /// 
    14.  
  
   
  
  
  
  
  14.    protected string partName { get; set; }  
    15. 
  
  
  
  
  15.  
    16. 
  
  
  
  
  16.    long index = 0; //異步加載與換裝同步協(xié)調(diào)  
    17. 
  
  
  
  
  17.         public override int Code {  
    18. 
  
  
  
  
  18.             get { return base.Code; }  
    19. 
  
  
  
  
  19.             set {  
    20. 
  
  
  
  
  20.                 index++;  
    21. 
  
  
  
  
  21.                 if (value == -1) { base.Code = value; return; }  
    22. 
  
  
  
  
  22.                 string key = string.Format("{0}{1}", partName, value);  
    23. 
  
  
  
  
  23.                 if (Res.ContainsKey(key)) {  
    24. 
  
  
  
  
  24.                     base.Code = value;  
    25. 
  
  
  
  
  25.                     loadConfig(key);  
    26. 
  
  
  
  
  26.                 } else {  
    27. 
  
  
  
  
  27.                     Downloader downloader = new Downloader();  
    28. 
  
  
  
  
  28.                     downloader.OpenReadCompleted += new OpenReadCompletedEventHandler(webClient_OpenReadCompleted);  
    29. 
  
  
  
  
  29.                     downloader.OpenReadAsync(string.Format("{0}{1}.xap", partName, value), string.Format("{0},{1}", index, value), 2000);  
    30. 
  
  
  
  
  30.                 }  
    31. 
  
  
  
  
  31.             }  
    32. 
  
  
  
  
  32.         }  
    33. 
  
  
  
  
  33.  
    34. 
  
  
  
  
  34.         void webClient_OpenReadCompleted(object sender, OpenReadCompletedEventArgs e) {  
    35. 
  
  
  
  
  35.             Downloader downloader = sender as Downloader;  
    36. 
  
  
  
  
  36.             downloader.OpenReadCompleted -= webClient_OpenReadCompleted;  
    37. 
  
  
  
  
  37.             string[] str = e.UserState.ToString().Split(',');  
    38. 
  
  
  
  
  38.             if (Convert.ToInt64(str[0]) == index) {  
    39. 
  
  
  
  
  39.                 int code = Convert.ToInt32(str[1]);  
    40. 
  
  
  
  
  40.                 string key = string.Format("{0}{1}", partName, str[1]);  
    41. 
  
  
  
  
  41.                 if (!Res.ContainsKey(key)) { Res.Add(key, new StreamResourceInfo(e.Result as Stream, "application/binary")); }  
    42. 
  
  
  
  
  42.                 base.Code = code;  
    43. 
  
  
  
  
  43.                 loadConfig(key);  
    44. 
  
  
  
  
  44.             }  
    45. 
  
  
  
  
  45.         }  
    46. 
  
  
  
  
  46.  
    47. 
  
  
  
  
  47.         Dictionary frameOffset = new Dictionary(); //各幀偏移  
    48. 
  
  
  
  
  48.         ///   
    49. 
  
  
  49.         /// 加載配置  
    50. 
  
  
  50.         /// 
    51.  
  
   
  
  
  
  
  51.         void loadConfig(string key) {  
    52. 
  
  
  
  
  52.             XElement info = XElement.Load(Application.GetResourceStream(Res[key], new Uri("Info.xml", UriKind.Relative)).Stream).DescendantsAndSelf(partName).Single();  
    53. 
  
  
  
  
  53.             FullName = info.Attribute("FullName").Value;  
    54. 
  
  
  
  
  54.             //解析各幀偏移  
    55. 
  
  
  
  
  55.             IEnumerable  iFrame = info.Element( "Frames").Elements();   
    56. 
  
  
  
  
  56.             frameOffset.Clear();  
    57. 
  
  
  
  
  57.             foreach (XElement element in iFrame) {  
    58. 
  
  
  
  
  58.                 frameOffset.Add(element.Attribute("ID").Value, new Point() {  
    59. 
  
  
  
  
  59.                     X = (double)element.Attribute("OffsetX"),  
    60. 
  
  
  
  
  60.                     Y = (double)element.Attribute("OffsetY"),  
    61. 
  
  
  
  
  61.                 });  
    62. 
  
  
  
  
  62.             }  
    63. 
  
  
  
  
  63.             if (Ready != null) { Ready(this, null); }  
    64. 
  
  
  
  
  64.         }  
    65. 
  
  
  
  
  65.  
    66. 
  
  
  
  
  66.         bool _IsTurn;  
    67. 
  
  
  
  
  67.         ///   
    68. 
  
  
  68.         /// 獲取或設(shè)置是否水平翻轉(zhuǎn)  
    69. 
  
  
  69.         /// 
    70.  
  
   
  
  
  
  
  70.         public bool IsTurn {  
    71. 
  
  
  
  
  71.             get { return _IsTurn; }  
    72. 
  
  
  
  
  72.             set {  
    73. 
  
  
  
  
  73.                 if (_IsTurn != value) {  
    74. 
  
  
  
  
  74.                     Transform = (_IsTurn = value) ? scaleTransform : null;  
    75. 
  
  
  
  
  75.                 }  
    76. 
  
  
  
  
  76.             }  
    77. 
  
  
  
  
  77.         }  
    78. 
  
  
  
  
  78.  
    79. 
  
  
  
  
  79.         bool _Flash;  
    80. 
  
  
  
  
  80.         ///   
    81. 
  
  
  81.         /// 獲取或設(shè)置是否閃光  
    82. 
  
  
  82.         /// 
    83.  
  
   
  
  
  
  
  83.         public bool Flash {  
    84. 
  
  
  
  
  84.             get { return _Flash; }  
    85. 
  
  
  
  
  85.             set {  
    86. 
  
  
  
  
  86.                 if (_Flash != value) {  
    87. 
  
  
  
  
  87.                     //if (_Flash = value) {  
    88. 
  
  
  
  
  88.                     //    dispatcherTimer.Start();  
    89. 
  
  
  
  
  89.                     //} else {  
    90. 
  
  
  
  
  90.                     //    this.Opacity = 1;  
    91. 
  
  
  
  
  91.                     //    dispatcherTimer.Stop();  
    92. 
  
  
  
  
  92.                     //}  
    93. 
  
  
  
  
  93.                     this.Opacity = (_Flash = value) ? 0.4 : 1;  
    94. 
  
  
  
  
  94.                 }  
    95. 
  
  
  
  
  95.             }  
    96. 
  
  
  
  
  96.         }  
    97. 
  
  
  
  
  97.  
    98. 
  
  
  
  
  98.         bool order = false;  
    99. 
  
  
  
  
  99.         DispatcherTimer dispatcherTimer = new DispatcherTimer() { Interval = TimeSpan.FromMilliseconds(100) }; //換裝時(shí)的閃光特效計(jì)時(shí)器  
    100. 
  
  
  
  
  100.         public EquipBase() {  
    101. 
  
  
  
  
  101.             dispatcherTimer.Tick += new EventHandler(dispatcherTimer_Tick);  
    102. 
  
  
  
  
  102.         }  
    103. 
  
  
  
  
  103.  
    104. 
  
  
  
  
  104.         void dispatcherTimer_Tick(object sender, EventArgs e) {  
    105. 
  
  
  
  
  105.             if (order) {  
    106. 
  
  
  
  
  106.                 this.Opacity = this.Opacity + 0.1;  
    107. 
  
  
  
  
  107.                 if (this.Opacity >= 1) { order = false; }  
    108. 
  
  
  
  
  108.             } else {  
    109. 
  
  
  
  
  109.                 this.Opacity = this.Opacity - 0.1;  
    110. 
  
  
  
  
  110.                 if (this.Opacity <= 0.3) { order = true; }  
    111. 
  
  
  
  
  111.             }  
    112. 
  
  
  
  
  112.         }  
    113. 
  
  
  
  
  113.  
    114. 
  
  
  
  
  114.         static Dictionary equipRes = new Dictionary();  
    115. 
  
  
  
  
  115.  
    116. 
  
  
  
  
  116.         ScaleTransform scaleTransform = new ScaleTransform() { ScaleX = -1 };  
    117. 
  
  
  
  
  117.         ///   
    118. 
  
  
  118.         /// 呈現(xiàn)幀圖  
    119. 
  
  
  119.         /// 
    120.  
  
   
  
  
  
  
  120.         public void Display(string key) {  
    121. 
  
  
  
  
  121.             string resKey = string.Format("{0}{1}{2}", partName, Code, key);  
    122. 
  
  
  
  
  122.             if (!equipRes.ContainsKey(resKey)) {  
    123. 
  
  
  
  
  123.                 equipRes.Add(resKey, Application.GetResourceStream(Res[string.Format("{0}{1}", partName, Code)], new Uri(string.Format("{0}.png", key), UriKind.Relative)).Stream);  
    124. 
  
  
  
  
  124.             }  
    125. 
  
  
  
  
  125.             this.StreamSource = equipRes[resKey];  
    126. 
  
  
  
  
  126.             this.InternalOffset = frameOffset[key];  
    127. 
  
  
  
  
  127.             if (IsTurn) { scaleTransform.CenterX = Center.X - frameOffset[key].X; }  
    128. 
  
  
  
  
  128.         }  
    129. 
  
  
  
  
  129.  
    130. 
  
  
  
  
  130.         public override void Dispose(object sender, EventArgs e) {  
    131. 
  
  
  
  
  131.             dispatcherTimer.Stop();  
    132. 
  
  
  
  
  132.             dispatcherTimer.Tick -= dispatcherTimer_Tick;  
    133. 
  
  
  
  
  133.             base.Dispose(sender, e);  
    134. 
  
  
  
  
  134.         }  
    135. 
  
  
  
  
  135.     } 
    136.

#p#

使用的方法和效果      

       內(nèi)容比較簡(jiǎn)明：當(dāng)角色需要換裝時(shí)，通過(guò)異步下載的方式獲取該裝備部件的XAP包，一旦下載完畢便將其緩存起來(lái)使用。當(dāng)然，由于是異步，在整個(gè)Loading的過(guò)程中為了提高用戶體驗(yàn)，我們可以在角色(Role)身上做些修飾以讓玩家一看就明白該角色正處于換裝Loading，比較有新意的做法是在角色中心添加一些描述性的文字，或使用一些旋轉(zhuǎn)類的動(dòng)畫(huà)(Animation)：

       另外，我在其中還增加了一個(gè)名為Flash的方法，即當(dāng)某個(gè)裝備部件正處于Loading過(guò)程中時(shí)，該部件將執(zhí)行時(shí)隱時(shí)現(xiàn)的Opacity動(dòng)畫(huà)，這種效果最完美了。不過(guò)，就目前的Silverlight 4 來(lái)說(shuō)還無(wú)法對(duì)UIElement的Opacity進(jìn)行GPU硬件加速，暫時(shí)該方案的拓展與取舍/取代問(wèn)題只能交由大家一同探討。

       然后是關(guān)于換裝系統(tǒng)中的素材資源的組織。對(duì)于像Silverlight這樣基于動(dòng)態(tài)加載的游戲開(kāi)發(fā)技術(shù)來(lái)說(shuō)，最大程度減少質(zhì)量損失前提下的資源容量高度濃縮有利于網(wǎng)頁(yè)游戲的動(dòng)態(tài)加載，以及像Windows Phone這樣磁盤(pán)空間相對(duì)較小的移動(dòng)設(shè)備平臺(tái)。以精致的2.5D網(wǎng)游中的角色為例，大都以8方向居多，當(dāng)然我們也還是能夠僅僅使用5個(gè)方向素材即達(dá)到減少資源開(kāi)支的效果(比如對(duì)其中的東北、東、東南進(jìn)行水平翻轉(zhuǎn))：

       此方法通過(guò)犧牲少量的性能進(jìn)行水平翻轉(zhuǎn)達(dá)到讓資源總量減少近一半，且畫(huà)質(zhì)不打折扣之效果。唯一缺陷就是武器永遠(yuǎn)處于同一只手中，無(wú)論面朝左或是右；不過(guò)就整體而言，這不失為大多數(shù)網(wǎng)頁(yè)游戲之首選。另外，對(duì)于Silverlight開(kāi)發(fā)2.5D網(wǎng)頁(yè)游戲來(lái)說(shuō)，將圖像資源PNG8化確實(shí)必要而關(guān)鍵。由于本節(jié)源碼中的素材均來(lái)源于網(wǎng)絡(luò)，所以效果很一般，如果是由3D美術(shù)原創(chuàng)的話，將逐幀圖像導(dǎo)出并處理成顏色過(guò)渡均勻，邊線條紋清晰流暢且無(wú)鏤空的PNG8精美素材并非難事，最終將再次大幅度降低游戲整體資源及內(nèi)存占用：

       此時(shí)，大家應(yīng)該有注意到本節(jié)中資源的命名規(guī)范與以往有了些變化，形如a-b-c-d.png的形式，對(duì)于鎧甲(身體)和武器來(lái)說(shuō)，a代表狀態(tài)(打坐/步行/騎乘)；b代表行為動(dòng)作(停止/移動(dòng)/攻擊/受傷)；c代表朝向；d代表幀號(hào)。而對(duì)于騎乘道具，比如翅膀和坐騎來(lái)說(shuō)，a代表行為動(dòng)作；b代表對(duì)象代號(hào)(比如翅膀1/翅膀2，坐騎前半部分/坐騎后半部分)；c和d則與前面一致。當(dāng)然，這或許僅能符合我個(gè)人的思維習(xí)慣，自認(rèn)為如此配置更便于理解和使用，還是那句老話，只要能給程序的編寫(xiě)帶來(lái)便利，結(jié)果依舊是仁者見(jiàn)仁，智者見(jiàn)智，并無(wú)定論。

       當(dāng)裝備類及相關(guān)資源設(shè)置完畢后，我們便可通過(guò)一個(gè)Role控件作為容器進(jìn)行統(tǒng)一包裝管理，此時(shí)我們創(chuàng)建一個(gè)名為RoleBase的角色基類，游戲中一切主體生命對(duì)象均由此衍生而來(lái)，比如英雄(Hero)/怪物(Monster)/非控對(duì)象(NPC)等等：

       大伙是否注意到，與以前編寫(xiě)的結(jié)構(gòu)有所不同，此時(shí)的Sprite的意義得到了更廣泛的延伸，是一次新的詮釋，它指代所有基于場(chǎng)景坐標(biāo)系布局中的對(duì)象(映射到現(xiàn)實(shí)世界中即指一切活動(dòng)著得對(duì)象)，比方說(shuō)角色(如英雄，怪物，寵物，動(dòng)物，NPC，動(dòng)畫(huà)，魔法等)，道具(如火焰，植物，飛箭等)，特效(如云霧繚繞，打雷閃電，刮風(fēng)下雨，花葉紛飛)等等，我們均可將其納入“游戲精靈”的行列。外加上對(duì)角色的Coordinate(場(chǎng)景中的Point坐標(biāo)屬性)和Position(游戲畫(huà)布中的Point坐標(biāo)屬性)進(jìn)行了更完美的協(xié)調(diào)，于是整個(gè)游戲控件項(xiàng)目(Controls)被大規(guī)模重構(gòu)，層次關(guān)系更趨合理，耦合度降低，重用性更高，更利于后期功能的拓展。

       最后還得特別強(qiáng)調(diào)下，Silverlight游戲中盡量使用小尺寸圖片，因?yàn)閳D像的尺寸越大越消耗UI線程。就會(huì)可能出現(xiàn)讓CPU和FPS不堪重負(fù)的情況。


分享文章：Silverlight2.5DRPG游戲技巧與特效處里：紙娃娃系統(tǒng)
轉(zhuǎn)載來(lái)源：http://m.5511xx.com/article/dpchopj.html