過去一年利用上班之餘的時間開發了一款iOS app上架,但發現現在的行動app若要有影響力,
至少也要有iOS跟android兩種版本才行。利用這30天研究對獨立開發者而言,
如何要有效率的實現自己的想法,分享推廣給最多的人們。
回到Day 9的例子 我們想辦法來加些變化,首先是幫三角形上色 因為WebGL中的幾何圖形都是由vertex組成的, 所以就是要幫每個頂點增加顏色的屬性,又從...
有了顏色之後,我們想要讓圖形開始移動! 怎麼移動非常簡單,只要改變vertex的坐標,然後在更新畫面就好了。 JavaScript中,要定時呼叫一個函式,可以用...
到目前為止我們都只處理2D的成像,今天進入3D的世界。其實呢,如果我們把電腦螢幕, 當成觀測我們虛擬世界的一個窗口(跟xy平面平行,xy值都落在正負一之間),之...
經過了第13天,我們也了解WebGL的大致繪圖機制,也了解怎麼3D繪圖了,今天我們就要來畫一個3D地球(總算) 我們現在已經了解了,在電腦圖學的世界裡,不管什麼...
昨天已經將球上一點參數化了,就是 x = R * sin(theta) * cos(alpha) y = R * sin (-pi/2 + theta) z =...
測試昨天做好的球。調整繪圖位置及大小後,得到以下結果。 看起來不錯,但是沒有旋轉的效果,因為我們沒有做什麼貼圖,光源。 因此撰寫畫網格的indice arra...
今天來做星空。 我們要怎麼做星星的效果呢?首先想到的就是使用星空的貼圖,貼一整片在背景對吧! 但是這樣子做有個缺點,那就是星空永遠是固定的。我希望做到的星空是亂...
今天來介紹如何在WebGL中實行材質貼圖,材質貼圖的概念如下, 假設我們將一張128 * 128 pixel 的圖片,存進材質記憶體中,並賦予他材質坐標(0~1...
昨天我們加入材質貼圖後,原本只是很多個平行螢幕的正方形,變成以下樣子: 是不是很不錯呢? 只是這裡面的星星只有一種!有點單調,所以我另外找了幾種星星的圖片...
昨天使用多重貼圖,貼出來的星空效果如下: 真的是有比較繽紛囉! 接下來就要來貼地球的貼圖。 所以我們就必須要得到世界的GIS資料! 維基百科上面有列出GI...