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

網頁上要感應滑鼠點擊是否在區塊內
一般會用 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

數位電路實習 - 行人紅綠燈

經過了二個月無聊的課終於開始要做電路板
第一個作業是模擬紅綠燈
看到電路圖感覺很複雜
想到以前有用過麵包板
結果插一插實際上還滿簡單的
最麻煩的是要畫 Layout 圖跟焊電路板

more

從一個 php 網頁去觸發另一個 php 網頁

最近被同事問到一個問題
"PHP 在網頁上能做到從一支程式去觸發另一支程式嗎?
最後這二支程式都是同時獨立運行"
因為之前有寫過 PHP 的多緒行緒
感覺上是沒問題
不過深入了解後發現
其實同事的目的不需要用到多執行緒
只要用 curl 再搭配其他的 trick 就行了
用到多執行緒有點大材小用又不好寫
加上他說在 windows 上的 PHP 沒有支援多執行緒(真是殘念)

more

PhantomJS 做多張網頁擷圖(二)

這次也是多張擷圖的功能
只是程式碼寫法不一樣
不過做法觀念是一樣的
可以看看那種寫法比較順眼

more

PhantomJS 做多張網頁擷圖(一)

單張網頁擷圖很簡單
不過需求很少只抓一個網頁
改成要抓多張網頁的話
就必須考慮到如何依序讀取網頁
及網頁載入的時間
不能單純用迴圈的方式
好險 PhantomJS 網站上有範例
針對這個範例畫了流程圖

more