[html5] 用canvas作動畫

為了即將要弄的iphone遊戲,實在是不得不要來理解一下html5…
雖然開頭總是一頭霧水,總之還是先把它一部分一部分的拆開來慢慢了解,為了遊戲的需求,canvas理所當然就是我的第一個目標囉~

canvas如他字面意思就是一張畫布,所以想要讓他變成像是flash一樣的動畫就得先為他加上時間軸,我是把它想像成小時候我們有時會畫在書角的小人一樣,當快速翻動時,人,就可以動起來了!
以下是實現時間軸的code:

function init(){
	canvas = document.getElementById("canvas");
	canvas.width  = WIDTH;
	canvas.height = HEIGHT;
	canvas.addEventListener("click",ctxOnClick,false);
	ctx = canvas.getContext('2d');
	//時間軸
	setInterval(drawCanvas, 1000/FPS);
}

function drawCanvas(){
	//sceneTime --;
	// console.log(sceneTime);
	for(i=0;i

也就是說,每執行一次drawCanvas,就要把canvas清空一次,然後再從「更新過」的objarr陣列中,一一把東西再畫出來。
閱讀全文

[Titanium+Facebook] 在Titanium中始用Graph API來po文,回應,按讚

想要在APP中加入與Facebook互動的功能,最方便的應該就是用Graph API 了!
而Titanium則把這件事情幫我們都準備好了,所以一旦用Titanium.Facebook.loggedIn做完登入的動作後,就可以用Titanium.Facebook.requestWithGraphPath來使用facebook的Graph API。

像是要取得使用者資料:

	Titanium.Facebook.requestWithGraphPath('me', {}, 'GET', function(e) {
		if (e.success) {
			//something...
		else if (e.error) {
			//something....
		}
	});

閱讀全文

[Titanium] 依內容改變高度的TableViewRow排列


在應用程式類app中,最常被用來顯示資料的就是TableView了。但是,往往我們會有需要依照留言的長度來排列TableViewRow的狀況。

這在titanium中並不是自動可以做到了,原因是因為,當存放留言的label指定完text後,它還需要一點時間去計算他自己的高度,也就是說label.height不是當下就可以反映出正確的高度。

因此,我們就必須用setTimeout再過一陣子後再去問他的高度來判斷其他東西要如何排列…

(還是說有更聰明的做法?)
閱讀全文