從 Hell March 談起 - 紅色警戒系列

之前看到「終極動員令：紅色警戒3」出品的消息(其實出了好一段時間啦)，回想起最古早的紅色警戒系列遊戲，回味好久以前的電腦娛樂，真是非常有趣啊。

紅色警戒全名是 Westwood Studios 公司出品的終極動員令：紅色警戒(Command & Conquer:Red Alert)，故事設定是終極動員令系列的前傳，終極動員令中的Kane有跑進來軋一角。後來紅色警戒系列好像比C&C系列還紅啊@@? 我聽說這款遊戲的時間還在上小學，玩到的時候應該已經是國中了，當時也在一位遊戲迷同學家中摸過一次沙丘魔堡兩千(Dune 2000)，剛考上大學時似乎還有把蘇聯軍任務再全破一次。這款遊戲延用了Westwood公司在沙丘魔堡中開發出來的遊戲引擎，對當時的電腦遊戲而言，效果真是超級啊!!雖然對(當時的)電腦資源過於吃重，bug頗多，幾年後就被Starcraft打敗了。不過它還是有很高的娛樂性，包括天馬行空的劇情，以及一直到第三集都能拿來當作賣點的真人飾演過場影片。

這是紅色警戒第一代的開場影片，黑白模糊的畫面，歪斜的鏡頭，很沒有一般戰爭遊戲男子漢風格的開場影片架式，也因此格外有趣味。


故事劇情是，愛因斯坦教授開發出時空傳送器(維基百科記載遊戲設定中他的合作夥伴是知名的瘋狂科學家特斯拉，這我不太清楚)。愛因斯坦運用傳送器把自己傳送到過去把少年希特勒殺了(偉哉愛因斯坦)，回到現實時空之後，二戰局勢大變，納粹德國已經被愛因斯坦從時空中抹消，因此俄德制衡被打破，蘇維埃展開赤化世界的大業。(...還真能扯)

自此遊戲即告開始，蘇維埃與盟軍兩陣營，一紅一藍的大對抗展開，接著有虛構人物Tanya以及史達林的出現。開場動畫的後半，背景響起後來貫穿整個紅色警戒系列，電腦遊戲界的經典名曲 "Hell March".



這首曲子背後的掌故在永遠的真田幸村有更詳盡的介紹，有興趣可以看看。以下還有搜到作曲者在電玩音樂會中的現場演出版，非常High(不過已經是2008新作Red Alert 3的版本)：

這裡有幾張當時的遊戲畫面，現在看到都快哭出來了，這麼爛的東西，當時還是覺得好好玩。蘇聯的磁爆塔，過強可是龜速的猛瑪坦克，盟軍中會一直鬼叫鬼叫的譚雅，出兩台就可以從岸邊往陸上亂炸的大砲巡洋艦。好像沒有想像中那麼強的核彈，超爛的時空傳送器(一次傳一台坦克車是可以幹麻?)，其他的戰略遊戲反而很難讓人對這些奇奇怪怪的小東西如此印象深刻。
之後再來介紹紅色警戒二和三好了...(這也有辦法待續)。

延伸閱讀：Hell March: 地獄進行曲!!!
維基百科：終極動員令：紅色警戒

[已失效] CSS blockquote 和特殊的底線樣式

寫文章的時候偶爾會用到的裝飾技巧，雖然現在這裡還是沒有什麼有趣的內容......不過還是為這一連串Blogspot的妝點工作做個備份。

關於不一樣的底線還有 Styling blockquotes 引用自以上二處。

底線樣式的作法是include一個別人提供的css檔：

<link rel="stylesheet" href="http://mmhsxa.bay.livefilestore.com/y1ppM0rIlG7NkJFB7EQPwccmF4eExRrzCQ0p4lU2qAEOiKodXNH-bIgtTNHBaOgR-5UVObFMwBUksH4mtTyM9PTNg/under-line.css"> </link>放在html範本中的head標籤裡，style區段外面。我不知道為什麼blogger一定要有</link>才行，應該不需要end tag的呀？
然後在需要使用不同底線的地方標上不同的tag，一共有十二種可以用，以下舉出六種，所有的樣式請參考原始css檔的內容。
標示的文字

<span class="o1">標示的文字</span>
標示的文字

<span class="gre">標示的文字</span>
標示的文字

<span class="blue">標示的文字</span>
標示的文字

<span class="yel3">標示的文字</span>
標示的文字

<span class="gre2">標示的文字</span>
標示的文字

<span class="pink">標示的文字</span>

至於blockquote的樣式，我目前是用最常見的虛線框，一時也沒有改成華麗大引號的打算，不過這裡提供了使用大引號圖片來裝飾引用區域的作法。
關於這個部落格的調整大概就用到這麼多，應該沒必要再用更多了(接下來考慮加上sitetag，不過也是一段時間之後的事了)，本系列暫時就到此結束。

[已失效] 展開/摺疊部落格側邊欄

側邊欄的東西改來改去真的很麻煩，一時起貪念就會想把一大堆gadget放進去。但是放多了又覺得資訊太多，而且左右版面不對稱。有時候本文只有短短一篇，右邊卻拉出好長一條側邊欄，如果可以用javascript將一些比較不常用的gadget收合起來，想看的時候再展開，便可以解決這個問題。

此方法引用自 Abin's Tech Note

實作的時候可能是因為blogger編輯器的關係，試了幾次才成功。
首先要把這段script放在<head></head>標籤裡面但是不能跟CSS樣式表區段混在一起，我是把它放在<head>標籤的正下方：

<script type='text/javascript'>
<!-- Function used for Sidebar Element Toggling: ElementToggle()-->
function ElementToggle(id) {
var element = document.getElementById(id).getElementsByTagName(&#39;div&#39;);
for(i = 0; i &lt; element.length; i++) {
attribute = element[i].getAttribute(&#39;id&#39;);
if(attribute == &#39;toggle&#39;)
{
if (element[i].style.display == &#39;none&#39;)
element[i].style.display = &#39;inline&#39;;
else
element[i].style.display = &#39;none&#39;;
}
}
}
</script>
存檔之後，把小工具範本也展開，找到每個要修改的widget(真容易找到眼花)，把啟動script的按鈕放在<h2>前面(不知道為什麼我照著Abin的作法貼在<h2>裡面會出錯@@)。注意裡頭有一個變數要修改對應到該 widget 的名稱，接著在工具內容的 div 標籤中加上 id='toggle'，如果要使其一開始就折疊起來，加上style='display:none'就可以了。修改之後變成這樣：

<b:widget id='Label1' locked='false' title='Tag' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<span style='float:right;margin:3px;'><a href='javascript:void(0);' onclick='javascript:ElementToggle("Label1");' style='text-decoration:none; color:#cccccc;'>[+/-]</a></span>
<h2><data:title/></h2>
</b:if>
<div class='widget-content' id='toggle' style='display:none;'>
...........
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
如果要改[+/-]按鈕的樣式，或者是換成圖片，只要修改<a>裡面的內容就可以了。

把 Anobii 網路書櫃貼紙改成橫排

Anobii網路書櫃中有個建立部落格小貼紙的功能(需要先註冊一個Anobii書櫃的帳號並且建立好自己的書庫，已經有Anobii帳號的只要點上面的聯結就能進去囉)。可以在部落格上放一個小書櫃。

原本的Anobii貼紙是直排的，在一些部落格版型中，也許會想擺個橫排的網路書櫃貼紙，這時只要改一點點程式碼就可以了。以下是我現在用的貼紙 CSS style 部份(標色的地方是重點，其他應該只有做一些微調吧...)

/* ------[ For the whole badge ]------ */
#badge a:hover {}
#badge a:link {}
#badge a:active {}
#badge a:visited {}
#badge {margin-top:10px; padding: 10px 5px 10px 5px; width: 450px; border: 1px solid #cccccc;}

/* ------[ For each item in the badge ]------ */
#badge .item_cell {list-style: none;float:left ; text-align: center; padding: 5px; margin: 0px; width:140px}
#badge .cover {}
#badge .cover img {border: 1px solid #cccccc; padding: 3px; background-color: #f7f7f7;}
#badge .title {text-indent: 0;padding: 0; margin: 0;}
#badge .subtitle {}
#badge .author {}


每本書都下 float:left 的標籤，並且限制寬度(在這裡用140px)。再把整個貼紙的寬度改寬(預設是200px，改成450px了)，讓貼紙寬度容納得下要擺的書就可以了，多試幾次便能得到最美觀的 layout.

如果對於貼紙的其他部分進行更多更改，可以參考aNobii原網站提供的貼紙大解析。

在Blog內文中貼上程式碼

只是一個小技巧，到處google就可以找到的東西...
在這裡只是做個備份，並且為了接下來的一連串備份做個預備。
(到底是要備份什麼呢？就是在blogspot上花了很多時間改的東西啦)
雖然很blogspot很難用，但是摸熟了便能體會到它的自由度比其他幾家BSP強很多啊。

首先要在css樣式中加入以下程式：
CODE { display: block;
/* fixes a strange ie margin bug */
font-family: Courier New; font-size: 8pt; overflow:auto; background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
border: 1px solid #ccc; padding: 10px 10px 10px 21px; max-height:200px; line-height: 1.2em; }

然後在撰寫部落格內容的時候把程式碼用以下的標籤框起來。

<code class="ref">此處貼上要顯示的程式碼</code>

這樣就弄完了。
比如說

<marquee bgcolor="#000000" height="40" width="100%" loop="infinite">跑馬燈效果</marquee>
跑馬燈效果

引用自這裡
http://blog.udn.com/lifemirror/1262689

舊文重貼提醒自己〈Randy Paush 的時間管理〉

幾個月前，從阿宅萬事通事務所看來的時間管理演講。關於講者 Randy Pausch 教授的事蹟以下不贅述。這段演講全長近兩小時，效率狂 Randy 對於時間有一套聰明的辦法，後面附上我自己的重點整理。

正體中文演講內容下載(含字幕、演講投影片)

整理：

• 為自己的生活設定目標。(找到最重要的事)
• 常常問自己：
  我幹麻做這個？我的目標是什麼？如果我選擇不做會怎麼樣？
  (盡量別做"不做也沒差"的事來浪費時間)
• 要有計畫：
  每個月、每週、每天，可以有彈性，可以變動，但是一定要先有計劃。
• Todo List：
  按照重要性排列 Todo List。把一件大工程分成幾個步驟列在 todo list上，最麻煩的事情先做。(Ugliest things first.)
• 在這裡 Randy 引用 Stephen Covey 的與成功有約一書中，關於時間管理的章節，這也是整個演講中最核心的部份。
  

以下屬於一些小技巧，有些人可能會覺得不以為然。重要的是他運用這些技巧解決生活中浪費時間的各種可能。只要能夠解決這些問題的方法就是好辦法，因此這部份就比較看個人偏好了。

• 避免淹沒在文件、雜物、電腦檔案的大海當中：把收件夾清空(收信的同時決定回覆、移到工作表、刪除垃圾信、存檔)，建立良好的工作環境(雜物和文件有自己的分類系統，不要常常為了找東西花五分鐘的時間！)
• 用三個電腦螢幕來管理工作......這真的要看個人習慣，不過螢幕空間大一點真的比較方便我們這種電腦阿宅。
• 避免電話、別人的干擾：用免持聽筒的電話、規定自己站著講電話(會為了想坐下而趕快把電話講完)、如果要打電話給別人，集中在用餐時間之前打出去(別人會因為稍後要吃飯而長話短說)、有人到辦公室來找你談話時，先說好要談多久，辦公室自己坐得很舒服就好，不需要讓別人也坐得很舒服！
• 找到一天當中自己工作效率最高的時間，不惜一切捍衛它，用來做自己認為最重要的事，必要時關手機斷網。
• 找到一天當中自己最恍神的時間，安排不重要的meeting，打電話，繳水電費......
• 如何避免 Parkinson's Law (工作填滿時間定律，事情一定剛好會在due day之前做完)：設定一個Fake due day，減輕壓力。
• 初期可以試著建立時間日誌，以15分鐘為單位，紀錄自己的時間都用在哪裡。每半小時就要記錄一次，並且定期反省。

時間管理在團隊合作上也非常重要：

• 關於會議：
  沒有議程的會議不是好會議、超過一個小時的會議不是好會議、會議中要確實記錄每個決定，誰要負責在什麼時候做完哪件事。會議開始時把每個人的手機關機，網路拔掉(好嚴格啊)。
• 關於授權：
  把一件事情授權給別人做可以節省自己的時間，但是要確實交付責任、資源、完成時間、這件事到底多重要、沒完成的話會如何悽慘。然而一件大計畫中最難的工作要留給自己做。
• 關於老闆／指導教授：
  老闆交代的事情要寫下來，每次meeting要記得約下次meeting，討論清楚老闆希望我做到的目標，如果我有問題的話可以找哪些幫助。
• 給別人回饋，寫感謝卡。（這個真的超受用）

2008.Oct 香港五日

Oct.19

1810 起飛
1950 抵香港機場
2045 機場大迷航-終於走出來了
2100 A11城巴
2220 北角華都行便宜旅舍
2245 王記糖水：豬骨粥 腐竹意米蛋 (出乎意料好吃，不過不是名店)
2330 返華都行
0100 寢

Oct.20

0800 起床
0830 地鐵前往中文大學
0925 抵中文大學
1010 Coffe break的時候混進去
1220 崇基學院Staff club午餐
1530 Poster session
1800 離開中文大學
1900 抵中環
1925 沾仔記：三拼麵 (還不錯！)
2015 九記牛腩：上湯肥牛伊麵 上湯牛爽腩 凍檸樂 (油吱吱，務必配汽水解膩)
2100 上環地鐵站
2140 華都行
0020 寢

Oct.21

0915 睡到爽
1030 離開往中環
1100 抵中環
1115 蘭芳園：雞扒撈丁 豬扒包 絲襪奶茶 咖央西多士
1145 泰昌餅家買蛋塔
1200 往金鐘站
1215 629巴士往海洋公園
1250 抵海洋公園 超冗海洋公園之旅
1820 629巴士往金鐘
1855 金鐘往銅鑼灣
1920 池記：金衣蟹皇粥 游水海蝦淨雲吞
2000 義順牛奶：雙皮燉奶 冰花燉蛋
     發記甜品：榴槤飄香
2055 SOGO超市
2155 離開往北角
2146 華都行
0050 寢

Oct.22

0815 起床
0900 離開往中文大學
0950 中文大學 研討會研討會研討會
1210 午餐
1700 研討會研討會研討會結束
1720 巴士往尖沙咀
1800 渡船往珍寶海鮮舫
1850 珍寶海鮮舫 Welcome banquet
2130 吃飽離開
2200 巴士往中環
2300 鉅記餅家關門了哭哭明天請早
     發記甜品：楊枝甘露 焗酥皮香蕉卷 (發記真的好好吃喔)
2340 華都行
0100 寢

Oct.23

0800 起床
0845 離開往上環
0920 上環 找不到蓮香樓迷航之旅
1000 生記粥品：及第粥 煎魚餅
1100 鉅記餅家
1145 香港站預辦登機 機場快線往機場
1210 抵機場買紀念品
     黃枝記：擔擔醬炒飯 蝦雲吞麵
1320 登機門前滑壘
1545 抵桃園機場
1615 客運往桃園高鐵站
1658 高鐵往北車
1718 台北車站大迷航

end