iT邦幫忙

鐵人檔案

2014 iT 邦幫忙鐵人賽
回列表

30 天實戰跨平台行動APP 系列

過去一年利用上班之餘的時間開發了一款iOS app上架,但發現現在的行動app若要有影響力,
至少也要有iOS跟android兩種版本才行。利用這30天研究對獨立開發者而言,
如何要有效率的實現自己的想法,分享推廣給最多的人們。

參賽天數 24 天 | 共 26 篇文章 | 17 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11 WebGL 顏色

回到Day 9的例子 我們想辦法來加些變化,首先是幫三角形上色 因為WebGL中的幾何圖形都是由vertex組成的, 所以就是要幫每個頂點增加顏色的屬性,又從...

2014-10-10 ‧ 由 cwchang886 分享
DAY 12

Day 12 WebGL 移動

有了顏色之後,我們想要讓圖形開始移動! 怎麼移動非常簡單,只要改變vertex的坐標,然後在更新畫面就好了。 JavaScript中,要定時呼叫一個函式,可以用...

2014-10-11 ‧ 由 cwchang886 分享
DAY 13

Day 13 WebGL 3D

到目前為止我們都只處理2D的成像,今天進入3D的世界。其實呢,如果我們把電腦螢幕, 當成觀測我們虛擬世界的一個窗口(跟xy平面平行,xy值都落在正負一之間),之...

2014-10-12 ‧ 由 cwchang886 分享
DAY 14

Day 14 WebGL 星空與地球

經過了第13天,我們也了解WebGL的大致繪圖機制,也了解怎麼3D繪圖了,今天我們就要來畫一個3D地球(總算) 我們現在已經了解了,在電腦圖學的世界裡,不管什麼...

2014-10-13 ‧ 由 cwchang886 分享
DAY 15

Day 15 WebGL 球球

昨天已經將球上一點參數化了,就是 x = R * sin(theta) * cos(alpha) y = R * sin (-pi/2 + theta) z =...

2014-10-14 ‧ 由 cwchang886 分享
DAY 16

Day 16 WebGL 球球2

測試昨天做好的球。調整繪圖位置及大小後,得到以下結果。 看起來不錯,但是沒有旋轉的效果,因為我們沒有做什麼貼圖,光源。 因此撰寫畫網格的indice arra...

2014-10-15 ‧ 由 cwchang886 分享
DAY 17

Day 17 Star Field

今天來做星空。 我們要怎麼做星星的效果呢?首先想到的就是使用星空的貼圖,貼一整片在背景對吧! 但是這樣子做有個缺點,那就是星空永遠是固定的。我希望做到的星空是亂...

2014-10-16 ‧ 由 cwchang886 分享
DAY 18

Day 18 WebGL 材質貼圖

今天來介紹如何在WebGL中實行材質貼圖,材質貼圖的概念如下, 假設我們將一張128 * 128 pixel 的圖片,存進材質記憶體中,並賦予他材質坐標(0~1...

2014-10-17 ‧ 由 cwchang886 分享
DAY 19

Day 19 材質貼圖 - 2

昨天我們加入材質貼圖後,原本只是很多個平行螢幕的正方形,變成以下樣子: 是不是很不錯呢? 只是這裡面的星星只有一種!有點單調,所以我另外找了幾種星星的圖片...

2014-10-18 ‧ 由 cwchang886 分享
DAY 20

Day 20 地球圖資

昨天使用多重貼圖,貼出來的星空效果如下: 真的是有比較繽紛囉! 接下來就要來貼地球的貼圖。 所以我們就必須要得到世界的GIS資料! 維基百科上面有列出GI...

2014-10-19 ‧ 由 cwchang886 分享