Singleton 模式

「確認類別只有一個物件,並提供一個全域的方法來取得這個物件」

物件在整個系統裡是唯一的

more

開發遊戲實例 - Facade 外觀模式

最近開發一款網頁遊戲 - 百家樂
遊戲畫面的動態效果
對一般的網頁程式人員來說
不是一件難事
但是要做到易維護、易修改、重用性高
就沒有那麼容易
必須事先規畫架構
而外觀模式(Facade)就發揮作用了

more

Facade 外觀模式

「替子系統定義一組統一的介面,這個高階的介面會讓子系統更容易被使用」

將系統內部的互動細節隱藏起來,並提供一個簡單方便的介面。
客戶端只需要透過這個介面,就可以操作一個複雜系統並讓它們可以運作。

more

State 狀態模式

「讓一個物件的行為隨著內部狀態的改變而變化,而該物件也像是換了類別一樣」

當某個物件狀態改變時,它的「表現行為」有所變化,但它與外界的「對應方式」不會有任何改變。
而物件的內部狀態確實會轉換,外界是不需要了解狀態轉換的過程。

more

開發遊戲實例 - 不規則感應區

網頁上要感應滑鼠點擊是否在區塊內
一般會用 div 綁定 click 事件
如果遇到不規則多邊形或是沒有 div 可以綁定
可以用 HTML 的 map 來畫
這二種方式用在靜態網頁上還可以
在遊戲裡畫面常常會換來換去
或者感應區沒辦法綁在元件上
那就不好控制了

more

圖片框框的 CSS 特效

在網頁上搞一些小特效
其實滿炫的又可以讓網頁加分
最近看到 Creating a Border Animation Effect with SVG and CSS
抓下來研究研究
發現框線是用 SVG 畫的
搭配 CSS 的 transform
簡單的技術卻做出很炫的效果
玩特效的人真是不簡單啊

more

將 NWJS 打包成 EXE 檔

最近用 nw.js 做了一個應用程式
要壓成 exe 檔的步驟還滿麻煩的
順手記錄一下筆記

more

操作陣列的設明圖片

這張陣列操作的說明圖片
應該每個語法大部分都有支援
寫程式那麼久
有些語法還真的沒用過
像 some、every、reduce

more

PHP 偷偷更換 URL 的網域

現在租空間來放網站
是很普遍的事
可省下不少功夫
及一次管理多個網站
另外網域也能申請多個
都指向同一個網站

more

利用位元運算子在 Integer 中快速轉換 1 跟 0

在資料庫裡常有"是"、"否"的欄位
有些 DB 有支援 boolean 或 bit
不過怕會有相容性的問題
一般是習慣用數字型態表示,例如 int、smallint 等
最近發現用位元轉換的方式
可以快速轉換 1 跟 0

more

數位電路實習 – 三人競賽

這次的電路比較容易
經過前二次的練習
整體的速度變快很多
希望把剩下的作業做一做
快一點進入微晶片 8051 的實作
微晶片課程才是重點

more

數位電路實習 - 密碼鎖

第二個作業 - 密碼鎖
這次光看到電路圖頭就大了
不只零件多邏輯閘更多
還沒動工前就聽到傳來一片哀嚎聲
這可是第一次要用到 Top Layer 的跳線
跳線的規則是能少則少
這完全是考驗著 Layout 走線的功力啊~~

more