29篇文章 · 11081字 · 2人關(guān)注
-
正方體全景圖
正方體全景圖是把一個(gè)全景圖切成 6 張圖片分別貼到一個(gè)正方體的 6 個(gè)面上。相機(jī)放在正方體中間，旋轉(zhuǎn)時(shí)改變相機(jī)的指向即可。
-
球體全景圖
演示 http://csworld.cc:3005/Panorama_Sphere.html 全景圖片一般有兩種實(shí)現(xiàn)方式，一是把圖片貼到一個(gè)球...
-
Three.js 3D地球
地球紋理下載地址: https://pan.baidu.com/s/1hrQErCo
-
webgl 26.針對每個(gè) fragment 計(jì)算光照接上一節(jié)這節(jié)我們來針對每個(gè) fragment 計(jì)算光照，只需要改變 shader 把光照的邏輯從 vertex shader 中轉(zhuǎn)移到 fra...
-
webgl 25.用點(diǎn)光源為正方體添加光照前面兩節(jié)我們用平行光為正方體添加了光照，這節(jié)我們用一個(gè)點(diǎn)光源來為正方體添加光照。 平行光只需要一個(gè)光線方向和光線顏色就可以描述。而點(diǎn)光源的光線方...
-
webgl 24.為旋轉(zhuǎn)平移后的正方體添加光照接上節(jié)的例子，我們對正方體做一些模型變換（旋轉(zhuǎn)、平移、縮放）后再添加光照。 物體旋轉(zhuǎn)、平移或縮放后法向量會發(fā)生變化，這里關(guān)鍵是要計(jì)算出變換后的法...
-
webgl 23.為正方體添加環(huán)境光上一節(jié)我們給正方體添加了漫反射，但物體背光的部分幾乎完全是黑色的，我們可以再添加環(huán)境光讓物體顯示的更真實(shí)。 非常簡單了，直接把環(huán)境光加上就行了 ...
-
webgl 22.為正方體添加光照下面來看一下光照先來看一下光源的類型 光源大體可分為 Directional light (平行光)，Point light (點(diǎn)光源)，Amb...
-
webgl 21.畫帶顏色的正方體上一節(jié)中我們每個(gè)頂點(diǎn)給了一個(gè)顏色，顏色在各個(gè)頂點(diǎn)之間進(jìn)行了插值?，F(xiàn)在我們要每一個(gè)面都有一個(gè)不同的顏色怎么辦呢？ 每個(gè)面一個(gè)顏色要求每個(gè)面上的 4...
