|
|
紙娃娃系統，或許大家聽起來并不陌生。早在十幾年前，當時不論是文字游戲“泥巴(Mud)”或是交友、社交網站，我們只能通過屏幕上的文字來傳達與交互信息；隨著技術不斷進步，2D/3D圖形技術高速崛起，通過在基礎模型上由客戶隨意挑選、任意更換各種造型(素材)，即可打造出真正屬于“自我”獨特風格的網絡虛擬形象，QQ秀便是我們耳熟能詳的代表，更貼近真實的如(RPG)游戲及虛擬現實中的換裝/換膚系統同樣亦得益于紙娃娃機制。
本節，我將向大家講解如何最好的實現Silverlight 2.5D網絡游戲中的紙娃娃系統，以最大程度控制性能損失為前提，將游戲資源占用最小化，綜合效果及用戶體驗最優化。
以《Silverlight MMORPG網頁游戲開發課程(Game Lesson)一期》的源碼為基礎，我將其再一次的進行了大規模重構。
素材來源于網絡，取《封神榜3》中的角色系統(紙娃娃系統)做示例，每個角色大致都包含3個部件：鎧甲(身體)、武器、騎乘(乘具)等，而其中的騎乘道具又由2個部份組成，比如異人(弓手)的翅膀分為左右兩支；甲士(戰士)的坐騎分為前后兩半；而方士(法師)的飛劍則僅為單獨對象：
2D/2.5D游戲中角色帶翅膀飛行要考慮左右翼與身體的層次關系，騎馬則需要考慮馬頭/馬尾與身體間的層次問題。而且武器長短，角色朝向，行為姿勢等也都可能影響到各部件的層次關系。因此，一些游戲為了簡化設計，同時又不失華麗，便誕生了比如“踏云”，“御劍”，“乘鶴”，“踩蝶”等諸多天馬行空的駕馭模式，這些乘具的共同點就是均被踩在腳上，自然而然處理起來更簡單明了。當然，如果角色是3D模型的話則無需考慮這么多層疊關系。
鑒于以上的參考分析，在Silverlight中構造裝備紙娃娃系統框架便會輕松很多。暫時以帶翅膀的弓手為例子，依葫蘆畫瓢，我們首先新建如下幾個類：
如圖，EquipBase乃裝備(紙娃娃)系統中的核心，所有的裝備部件類比如鎧甲(身體)Armor/武器Weapon/翅膀Wing/坐騎Ride均繼承自該類：
/// <summary>
/// 裝備部件基類
/// </summary>
public abstract class EquipBase : ObjectBase {
/// <summary>
/// 加載完畢
/// </summary>
public event EventHandler Ready;
/// <summary>
/// 獲取或設置部件名
/// </summary>
protected string partName { get; set; }
long index = 0; // 異步加載與換裝同步協調
public override int Code {
get { return base.Code; }
set {
index++;
if (value == -1) { base.Code = value; return; }
string key = string.Format("{0}{1}", partName, value);
if (Res.ContainsKey(key)) {
base.Code = value;
loadConfig(key);
} else {
Downloader downloader = new Downloader();
downloader.OpenReadCompleted += new OpenReadCompletedEventHandler(webClient_OpenReadCompleted);
downloader.OpenReadAsync(string.Format("{0}{1}.xap", partName, value), string.Format("{0},{1}", index, value), 2000);
}
}
}
void webClient_OpenReadCompleted(object sender, OpenReadCompletedEventArgs e) {
Downloader downloader = sender as Downloader;
downloader.OpenReadCompleted -= webClient_OpenReadCompleted;
string[] str = e.UserState.ToString().Split(',');
if (Convert.ToInt64(str[0]) == index) {
int code = Convert.ToInt32(str[1]);
string key = string.Format("{0}{1}", partName, str[1]);
if (!Res.ContainsKey(key)) { Res.Add(key, new StreamResourceInfo(e.Result as Stream, "application/binary")); }
base.Code = code;
loadConfig(key);
}
}
Dictionary<string, Point> frameOffset = new Dictionary& lt;string, Point>(); //各幀偏移
/// <summary>
/// 加載配置
/// </summary>
void loadConfig(string key) {
XElement info = XElement.Load(Application.GetResourceStream(Res[key], new Uri("Info.xml", UriKind.Relative)).Stream).DescendantsAndSelf(partName).Single();
FullName = info.Attribute("FullName").Value;
// 解析各幀偏移
IEnumerable<XElement> iFrame = info.Element("Frames").Elements();
frameOffset.Clear();
foreach (XElement element in iFrame) {
frameOffset.Add(element.Attribute("ID").Value, new Point() {
X = (double)element.Attribute("OffsetX"),
Y = (double)element.Attribute("OffsetY"),
});
}
if (Ready != null) { Ready(this, null); }
}
bool _IsTurn;
/// <summary>
/// 獲取或設置是否水平翻轉
/// </summary>
public bool IsTurn {
get { return _IsTurn; }
set {
if (_IsTurn != value) {
Transform = (_IsTurn = value) ? scaleTransform : null;
}
}
}
bool _Flash;
/// <summary>
/// 獲取或設置是否閃光
/// </summary>
public bool Flash {
get { return _Flash; }
set {
if (_Flash != value) {
//if (_Flash = value) {
// dispatcherTimer.Start();
//} else {
// this.Opacity = 1;
// dispatcherTimer.Stop();
//}
this.Opacity = (_Flash = value) ? 0.4 : 1;
}
}
}
bool order = false;
DispatcherTimer dispatcherTimer = new DispatcherTimer() { Interval = TimeSpan.FromMilliseconds(100) }; // 換裝時的閃光特效計時器
public EquipBase() {
dispatcherTimer.Tick += new EventHandler(dispatcherTimer_Tick);
}
void dispatcherTimer_Tick(object sender, EventArgs e) {
if (order) {
this.Opacity = this.Opacity + 0.1;
if (this.Opacity >= 1) { order = false; }
} else {
this.Opacity = this.Opacity - 0.1;
if (this.Opacity <= 0.3) { order = true; }
}
}
static Dictionary<string, Stream> equipRes = new Dictionary<string, Stream>();
ScaleTransform scaleTransform = new ScaleTransform() { ScaleX = -1 };
/// <summary>
/// 呈現幀圖
/// </summary>
public void Display(string key) {
string resKey = string.Format("{0}{1}{2}", partName, Code, key);
if (!equipRes.ContainsKey(resKey)) {
equipRes.Add(resKey, Application.GetResourceStream(Res[string.Format("{0}{1}", partName, Code)], new Uri(string.Format("{0}.png", key), UriKind.Relative)).Stream);
}
this.StreamSource = equipRes[resKey];
this.InternalOffset = frameOffset[key];
if (IsTurn) { scaleTransform.CenterX = Center.X - frameOffset[key].X; }
}
public override void Dispose(object sender, EventArgs e) {
dispatcherTimer.Stop();
dispatcherTimer.Tick -= dispatcherTimer_Tick;
base.Dispose(sender, e);
}
}
NET技術：Silverlight 2.5D RPG游戲技巧與特效處理：（二）紙娃娃系統，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
