May201014
xdfighter: 自製雙人對打遊戲
上個星期的 Hacking Friday，clkao 與 c9s 來訪，與我們一同完成了一個對打遊戲: xdfighter。不消說，靈感源頭當然是來自這則 xkcd 漫畫：
影片裡看不太清楚的遊戲畫面截圖:
算了算，目前整份程式含 Perl、HTML、Javascript、CSS 總共才 430 行不到，另外有 18 個圖檔。
所以我們怎麼完成這個遊戲的呢？一開始當然是先決定架構，由於有個「想要把 iPhone 當成搖桿」的執念，因此自然就是安排成如下示意圖的方式:
遊戲主畫面要畫上人物場景、而手機上則要畫出搖桿。
而畫面之間的訊息傳遞則需要有十分即時的方式，在 xdfighter 裡使用的是 clkao 的 Web::Hippie。兩支搖桿則是用 touchevent 來得知使用者目前按了哪個鍵，然後各自送出給主伺服器，再由伺服器去解譯為動作，並把動作的訊息送出到主畫面去。示意圖如下：
伺服器自然就是跑在本地端才能讓延遲最小。另外，如果用 google chrome ，就會以 WebSocket 來連結，效果最佳。但搖桿是 iPhone / MobileSafari，就只能使用 HTTP POST 的方式送出訊息。
遊戲畫面部份，則是找到了 gameQuery 這個工具，基本上只要提供如下的動畫分格圖檔就行了：
除了人物動畫之外，另外還要三層場景、用 CSS3 畫出 2P 的對稱人物、並且加上血量計、氣功(蕃茄)等等。underfire 提供的火柴人動畫實在是太優了。
這實在是個很歡樂的 Hacking Friday Project，也許有機會還會再來幾輪，請有興趣的大家務必繼續追蹤我們 xdfighter 專案 的後續進展。
當然也請繼續支持我們的 MoreText.js 喔 ☺
Apr201015
MoreText.js: 一用就愛上的中文假文產生器
或許也可稱為「有用的連篇廢話產生器」。我們提供一個很輕量的服務，讓前端工程師在編排畫面時，可以不必費心思去找內容物來填充。比起無任何意義隨機假文，這個產生器能產生出可以唸、有時還有點好笑的內容。讓設計師心情愉快， 工作輕鬆。
這個服務透過 javascript api 的方式實做，設計師可以不必將假內容寫在原始檔中，套版時也不必再把假內容移除。省下許多拆版時間，較為便利。希望大家會喜歡、愛用。
要了解更多細節，請前往 MoreText.js 專案網站 。
Mar201010
和多繽紛樂的發展史中倒底經過哪些變化呢 ? 想想還真是不少，Rails 2 都出了好幾版了。我用 gource，將 http://bingo.handlino.com/ 的原始碼發展或成做成影片，讓大家可以在不到一分鐘的時間內，就看完過去近兩年內，和多繽紛樂的演進。影片有 720p HD 版，請不要客氣。
