29篇文章 · 11081字 · 2人關(guān)注
-
正方體全景圖
正方體全景圖是把一個全景圖切成 6 張圖片分別貼到一個正方體的 6 個面上黄娘。相機(jī)放在正方體中間萧朝，旋轉(zhuǎn)時改變相機(jī)的指向即可披摄。
-
球體全景圖
演示 http://csworld.cc:3005/Panorama_Sphere.html 全景圖片一般有兩種實(shí)現(xiàn)方式呼畸，一是把圖片貼到一個球...
-
Three.js 3D地球
地球紋理下載地址: https://pan.baidu.com/s/1hrQErCo
-
webgl 26.針對每個 fragment 計(jì)算光照接上一節(jié)這節(jié)我們來針對每個 fragment 計(jì)算光照鸳兽，只需要改變 shader 把光照的邏輯從 vertex shader 中轉(zhuǎn)移到 fra...
-
webgl 25.用點(diǎn)光源為正方體添加光照前面兩節(jié)我們用平行光為正方體添加了光照，這節(jié)我們用一個點(diǎn)光源來為正方體添加光照品擎。 平行光只需要一個光線方向和光線顏色就可以描述埋合。而點(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é)中我們每個頂點(diǎn)給了一個顏色，顏色在各個頂點(diǎn)之間進(jìn)行了插值『楣妫現(xiàn)在我們要每一個面都有一個不同的顏色怎么辦呢印屁？ 每個面一個顏色要求每個面上的 4...
