原创 three.js源碼翻譯-SpotLight.js

three.js源碼翻譯-SpotLight.js 說明 SpotLight聚光燈光源,從光源點沿圓錐體發射光,也就是離光源越遠光照的尺寸也就越大,光源會隨着距離的增大而衰減,類似於手電筒照射出的光的效果。 源碼位置及翻譯 源碼位

原创 three.js源碼翻譯-SpotLightShadow.js

three.js源碼翻譯-SpotLightShadow.js 說明 SpotLightShadow類是聚光燈光的陰影,SpotLightShadow的創建可以在SpotLightShadow的源碼翻譯部分看到,總體來說就是創建了

原创 three.js源碼翻譯-PointLight.js

three.js源碼翻譯-PointLight.js 說明 PointLight這個名稱的翻譯就直接用網上的了,爲點光源。他和spot(聚光燈光源)最大的不同就是,點光源是向四周發射光,而spot則是類似一個椎體的光從一個點向各個

原创 three.js源碼翻譯-RectAreaLight.js

three.js源碼翻譯-RectAreaLight.js 說明 PointLight平面光光源從一個矩形平面上均勻地發射光線。這種光源可以用來模擬像明亮的窗戶或者條狀燈光光源。 接受四個參數分別爲光的顏色,強度,光的寬和高。這是

原创 three.js源碼翻譯-LightShadow.js

three.js源碼翻譯-LightShadow.js 說明 該類爲three.js中的陰影基類,three.js中的陰影是通過一個攝像機投影出陰影在加到場景中的,在四種光源中有兩種是有陰影的分別是方向光和point/spot光源

原创 three.js源碼翻譯-DirectionalLightShadow.js

three.js源碼翻譯-DirectionalLightShadow.js 說明 DirectionalLightShadow類是方向光的陰影,DirectionalLightShadow的創建可以在DirectionalLig

原创 three.js源碼翻譯-DirectionalLight.js

three.js源碼翻譯-DirectionalLight.js 說明 DirectionalLight爲方向光,方向光的就是類似於很遠的太陽照射出的平行光源,並且光源的強度不會隨着具體的遠近而變化,換句話說被照射的地方的光強是一

原创 three.js源碼翻譯-HemisphereLight.js

three.js源碼翻譯-HemisphereLight.js 說明 HemisphereLight類爲半球光,啥叫半球光呢,就是用來模擬戶外太陽照射的一種光源,那HemisphereLight和DirectionLight都是模

原创 three.js源碼翻譯-Light.js

three.js源碼翻譯-Light.js 說明 Light.js是three中所有光源的基類,即所有光源繼承自該方法類,同時Light方法同樣的繼承自Object3D。在three中基礎光源有四類:環境光、方向光、pointLi

原创 three.js源碼翻譯-AmbientLight.js

three.js源碼翻譯-AmbientLight.js 說明 AmbientLight類的中文意思爲環境光/全局光,顧名思義環境光/全局光便是一個場景中會均勻的照亮場景中的所有物體的光。並且因爲環境光/全局光沒有方向,所以這個光

原创 three.js源碼翻譯-Layers.js

three.js源碼翻譯-Layers.js 說明 layer(層級)的概念不論是在哪個引擎或者3d庫中都是很重要的,因爲在實際的開發中,是有多個層級的實際要求的。 比如在關卡遊戲中,往往一關中不只有boss關,之前也會有精英怪

原创 base64編碼相關-btoa和atob及中文亂碼報錯問題

base64編碼相關-btoa和atob及中文亂碼報錯問題 最近在做二進制編碼相關的東西,關於Base64的編碼解碼問題。遇到了一些問題。 btoa(); btoa函數全稱就是Binary-to-ASCII,在js中用於Ba

原创 pbrt學習筆記1——光線追蹤

pbrt學習筆記1——光線追蹤 相機 射線與物體的相交 光源 可見性 表面散射 間接光 光線的傳播 後記 幾乎所有的真實渲染系統都是基於光線追蹤算法。光線

原创 JavaScript——&、|、^、~位運算

JavaScript——&、|、^、~位運算 JavaScript——&、|、^、~位運算 &(與)位運算符 |(或)位運算符 ^(異或)爲運算符 ~(非)位運算符 位運算顧名思義就是二進制的計算,需要將十進制換算成

原创 glsl效果2——灰度圖

glsl效果2——灰度圖 原始圖及代碼 1.1. 原始圖 1.2. 原始代碼 灰度圖效果圖及glsl代碼 2.1. 效果圖 2.2. glsl代碼 加權的灰度圖的效果圖和glsl代碼 3.1.