歡迎光臨紅蛋植物的作品集

推薦使用Firefox, Google Chrome, Safari, Opera…等支援CSS 2.0良好的瀏覽器

2012-05-01

【姜維傳攻略】

新姜維傳是一款國人自行改造的 三國志MOD, 編製者為 ratchet
個人參考其專頁[大陸法寶網-新姜維傳](http://ifabao.com/forum-123-1.html)中 harry3305 所提供的基本資訊, 重新整理了一份攻略文件。

因姜維傳製作時程緣故, 舊版與新版時間差約一年,也剛好以這段時間重新設計了資料攻略的呈現效果。 但主要的中心思想仍然維持不變: 單一網頁檔, 雖然瞭解 css 外部化能加速頁面的載入, 以及適當的 js 可以操控頁面呈現的效果, 但最後還是不考慮使用任何的外部檔案, 這是考慮到攻略檔經常會被玩家下載至個人電腦中,與遊戲置於同一資料夾中, 而非經常性地透過網路來瀏覽, 以此為點進行推延後,連流量統計的 js 也不置入了

單一檔也使得此頁無任何的圖片檔, 雖然可以用data:image,但考量到舊IE支援度後,便全部捨棄圖片的使用。 部份效果"示意圖"則是使用 css content 來置入(是說舊IE也看不到便是...)

css 內部化以及無圖都較不成問題, 比較麻煩的是人物基本資料中需用到較大量的狀態切換, 為此而封裝了較多層的元素是較不喜歡的 hack 方式, 以目前的想法大概會換成 input + label + :after/:target 來取代其用法, 但這也都是舊IE不支援的... 這時就很懷念 jQuery....

在這一網站中,至關重要的是資料較龐大, 若依照以往用手刻的話,大概會有打錯數字的可怕手誤... 所以新版資料便改用 試算表 來幫忙自動生成表格以及 html 原始檔 試算表也分為 googleDoc 上的源資料 以及本地功能較多 & 使用較複雜判斷取值函數的 excel 檔。 也幸虧當初的這一判斷, 於其後,作者多次的改版時,痛苦指數下降許多許多XD 但以今日來看, 大概會將 excel 裡的判斷改成 js, 表格也改用 js object來填入會更為便利也說不定



【姜維傳攻略】- 新版【姜維傳攻略】- 新版 【姜維傳攻略】- 舊版【姜維傳攻略】- 舊版

Tag

works (5) InkScape (1) archery (1) cge (1) chair (1) fs (1) graphic (1) tbc (1) webdesign (1) 姜維傳 (1)

Google Analytics