verlet-js是一套開放原始碼的JavaScript物理引擎，擁有粒子系統以及碰撞、關連、拖拉、模擬等特性。
透過Verlet也可以做出 box2d 效果的遊戲唷！在官方網站上，提供了幾個範例程式可以更瞭解物理引擎的用法。
分類: 程式設計
[Delphi]Splash-Screen的寫法
Delphi的資源似乎變得很少了！不過自從看到XE3似乎有些長進後，或許大家可以嘗試回鍋來做開發也不錯，畢竟Delphi在開發商用軟體的速度真的蠻快速的 :)。後續除了一些行動裝置開發、網頁開發的分享，也來做一下Delphi開發的分享好了！
Splash Screen是什麼？就是打開程式時，會先顯示個幾秒的圖片，大多是產品名稱、公司Logo這類的東西。在Delphi做法也很簡單：
1. File → New → VCL Form – Delphi 新增一個 Form
2. 開啟 Project → View Source 就可以看到 Project Source。
[delphi]
program Project1;
uses
Vcl.Forms,
Unit1 in ‘Unit1.pas’ {Form1},
Unit2 in ‘Unit2.pas’ {Form2};
{$R *.res}
begin
Application.Initialize;
Application.MainFormOnTaskbar := True;
Application.CreateForm(TForm1, Form1);
Application.CreateForm(TForm2, Form2);
Application.Run;
end.
[/delphi]
3. 改成如下就可以！
[delphi]
program Project1;
uses
Vcl.Forms,
Unit1 in ‘Unit1.pas’ {Form1},
Unit2 in ‘Unit2.pas’ {Form2};
{$R *.res}
begin
Application.Initialize;
Application.MainFormOnTaskbar := True;
try
Form2:=TForm2.create(application);
Form2.show;
Form2.Update;
Application.CreateForm(TForm1, Form1);
finally
Form2.Free;
end;
Application.Run;
end.
[/delphi]
4. 如此一來，如果專案變大後，一方面在程式初始化時，可以Show出產品畫面外，避免看起來好像是程式當掉的冏境。也可以讓程式看起來更專業些XD
【POS系統開發】淺談ESC/POS
ESC/POS是由EPSON所制定給POS印表機專用的控制碼，因為清楚的制定各機型間的專有功能，且具有高度彈性的特性。後來被廣泛的支援並應用！目前大部份的熱感應印表機(出單機、發票機)，都支援ESC/POS這套控制碼。所以POS在開發時，印表機可以在不用安裝驅動程式的狀況下，直接以ESC/POS指令列印。
而從下圖可以看到ESC/POS則是由ESC/P (Epson Standard Code for Printers)所衍生下來的。
如果對於指令有興趣的朋友，可以參考以下的文件。
【認識POS硬體】客戶顯示器 Customer Display
客戶顯示器主要用途是在收銀時，將交易的售價、數量、總金額、找零及統一編號顯示在螢幕上供客人確認用的裝置。而大部份的客戶顯示器都支援ESC/POS指令。
【認識POS硬體】可程式電子錢櫃Cash drawer
對一套POS系統來說，收銀結帳是很重要的環節，在早期POS未普遍時，大多由老闆/老闆娘或是可信賴的人來經手金錢，而POS系統普及後，由於可控管結算收銀金額及程式化錢櫃，才讓重要工作可以轉交給收銀員。
錢櫃主要分二種介面接頭(Interface connector)，一種是印表機介面(RJ11/RJ12 connector);另一種是RS-232介面。在選購時就要注意，印表機介面的錢櫃是需要連結出單機、發票機或其他印表裝置，因為RJ11/RJ12的接頭接受24V電源輸入，而不用外接電源；而RS-232介面的錢櫃則是直接連結電腦，但RS-232不提供電源，所以需要12V的電源（也有5V的電源）。
控制的部份也分為二種：
1.RS-232介面錢櫃
RS-232介面的錢櫃控制很簡單，只要隨便向RS-232丟訊號即可。
或是在DOS模式（開始→執行 cmd)，輸入 copy con com1此類的指令就可以打開了！
2.RJ11/RJ12介面錢櫃
而RJ11/RJ12介面的錢櫃，因為需要先送指令到印表機後，再由印表機發出開錢櫃的指令，相對之下安全性就較高，也可以從印表機的設定中，設定列印前（後）開啟錢櫃。較高階的錢櫃也可以偵測是開啟或關閉的。
ComPort控制元件SPComm for Delphi XE3
SPComm是年代蠻久遠的ComPort控制元件，之所以一直歷久不衰是因為簡單易用。
因為最近使用XE3在開發POS系統的原因，所以也找了新版本的SPComm，而原作者是copyleft的方式，再加上不易找到，所以筆者也將它開放到GitHub讓有需要的朋友一起使用。
常用ASCII CHR碼對照
因為開發需求，把對照表留下來一下。
| Chr(0) | Null | Chr(29) | 分组符 | Chr(38) | & | Chr(48) | 0 |
| Chr(8) | 退格 | Chr(30) | 記錄分離符號 | Chr(39) | ‘ | Chr(49) | 1 |
| Chr(9) | Tab | Chr(31) | 單元分隔符號 | Chr(40) | ( | Chr(50) | 2 |
| Chr(10) | 换行 | Chr(32) | 空格SPACE | Chr(41) | ) | Chr(51) | 3 |
| Chr(12) | 换页 | Chr(33) | ! | Chr(42) | * | Chr(52) | 4 |
| Chr(13) | Enter | Chr(33) | ! | Chr(43) | + | Chr(53) | 5 |
| Chr(22) | 粘贴 | Chr(34) | “ | Chr(44) | , | Chr(54) | 6 |
| Chr(26) | 撤销 | Chr(35) | # | Chr(45) | – | Chr(55) | 7 |
| Chr(27) | Esc | Chr(36) | $ | Chr(46) | . | Chr(56) | 8 |
| Chr(28) | 文件分隔符 | Chr(37) | % | Chr(47) | / | Chr(57) | 9 |
| Chr(58) | : | Chr(68) | D | Chr(78) | N | Chr(88) | X |
| Chr(59) | ; | Chr(69) | E | Chr(79) | O | Chr(89) | Y |
| Chr(60) | < | Chr(70) | F | Chr(80) | P | Chr(90) | Z |
| Chr(61) | = | Chr(71) | G | Chr(81) | Q | Chr(91) | [ |
| Chr(62) | > | Chr(72) | H | Chr(82) | R | Chr(92) | \ |
| Chr(63) | ? | Chr(73) | I | Chr(83) | S | Chr(93) | ] |
| Chr(64) | @ | Chr(74) | J | Chr(84) | T | Chr(94) | ^ |
| Chr(65) | A | Chr(75) | K | Chr(85) | U | Chr(95) | _ |
| Chr(66) | B | Chr(76) | L | Chr(86) | V | Chr(96) | ` |
| Chr(67) | C | Chr(77) | M | Chr(87) | W | Chr(97) | a |
| Chr(98) | b | Chr(108) | l | Chr(118) | v | Chr(128) | € |
| Chr(99) | c | Chr(109) | m | Chr(119) | w | ||
| Chr(100) | d | Chr(110) | n | Chr(120) | x | ||
| Chr(101) | e | Chr(111) | o | Chr(121) | y | ||
| Chr(102) | f | Chr(112) | p | Chr(122) | z | ||
| Chr(103) | g | Chr(113) | q | Chr(123) | { | ||
| Chr(104) | h | Chr(114) | r | Chr(124) | | | ||
| Chr(105) | i | Chr(115) | s | Chr(125) | } | ||
| Chr(106) | j | Chr(116) | t | Chr(126) | ~ | ||
| Chr(107) | k | Chr(117) | u | Chr(127) | 删除 |
營利事業統一編號邏輯檢查方法(112/3/31記得調整檢查邏輯修正)
最近在設計新的商業程式，怕忘記了！記錄一下營利事業統一編號的驗證公式。
(一) 長度：共八位，，全部為數字型態。
(二) 計算公式
1、各數字分別乘以 1,2,1,2,1,2,4,1。
2、當第 7 位數為 7 者，可取相加之倒數第二位取 0 及 1 來計算其和。
3、假如其和能被 10 整除，則表示營利事業統一編號正確
Android建立Phonegap程式（一）
這幾天接觸phonegap這個框架，趁機會記錄一下，以免以後老人痴呆忘了！
Android使用phonegap有二種方式：
一種是使用命令列建立。
一種是直接copy&paste及手動設定。
命令列建立方式：
Windows
1.設定JDK路徑(假設路徑是 C:\Program Files\Java\jdk1.6.0_25)
相關下載：JDK下載網址
set JAVA_HOME=C:\Program Files\Java\jdk1.6.0_25
set PATH=%JAVA_HOME%\bin;%PATH%
2.設定APACHE ANT路徑(假設路徑是C:\apache-ant-1.8.4)
相關連結：Apache Ant (下載後解壓縮）
set ANT_HOME=C:\apache-ant-1.8.4
set PATH=%ANT_HOME%\bin;%PATH%
3. 下載PhoneGap
相關連結： PhoneGap (下載後解壓縮)
切換PhoneGap解壓縮後的\lib\android\bin 下
cd c:\phonegap-2.3.0\lib\android\bin
接下來，就可以建立專案，語法是 /create <project_folder_path> <package_name> <project_name>
三個參數依序為：
1.專案資料路徑：例如：c:\projects\test1
2.package名稱：例如：com.superlevin.test1
3.專案名稱(不能有空白唷）：例如：test1
create c:\projects\test1 com.superlevin.test1 test1
如果都沒有問題的話，就可以在c:\projects裡看到test1的目錄，導入到Eclipse就可以了。
MacOS
1. 配置 bash_profile檔案
打開終端機，輸入 touch ~/.bash_profile; open ~/.bash_profile
會出現一個文字編輯的檔案
加入android sdk的路徑(例如:/Users/superlevin/Documents/androidsdk/adt-bundle-mac-x86_64/sdk)
在文字編輯裡加上下列文字
export PATH=${PATH}:/Users/superlevin/Documents/androidsdk/adt-bundle-mac-x86_64/sdk/platform-tools:/Users/superlevin/Documents/androidsdk/adt-bundle-mac-x86_64/sdk/tools
接著存檔。
回到終端機畫面，執行配置檔
輸入 source ~/.bash_profile
這樣一來，就配罝了含Android SDK的路徑。
接著下載phonegap解壓縮後，進入終端機切換到lib/android/bin目錄(例如:/Users/superlevin/Documents/phonegap-2.3.0/lib/android/bin)，輸入
./create /Users/superlevin/Documents/helloworld com.levin.helloworld helloworld
最後打開Eclipse匯入就可以了
製作HTML5標準網站的最佳輔助工具-Initializr
最近W3C宣佈2014年要推出HTML5正式版，也表示HTML5發展也已經相當成熟了！而隨著各家瀏覽器以及行動裝置紛紛支援HTML5標準，開發者使用HTML5來設計網頁也是必然的趨勢。
工欲善其事，必先利其器，這邊就介紹一個號稱15秒就可以生出一個HTML5 Project的服務－Initializr。
Initializr是基於全球知名的HTML5預設模板HTML5 Boilerplate設計的，再經過加工後，可以產生支援HTML5 Boilerplate(H5BP)、Responsive(響應式布局)或Twitter Bootstrap的HTML5檔案。
目前支援的版本為H5BP v4.0.1、Modernizr 2.6.2、jQuery 1.8.3(2013/01/09)。
使用的方式很簡單，點選您所需要的HTML/CSS Template：
-
No template – Classic H5BP
-
Mobile-first Responsive - Responsive 行動裝置優先
-
Responsive Bootstrap 2.2.1 – 使用Twitter Bootstrap
接著選擇HTML5 Polyfills、jQuery版本，最後再選擇是不是要包含H5BP預設常見的設定檔….最後按Download!就可以了！
下載後就開始修改page name、meta description、favicons等資料，就可以產生HTML5網頁了！