原创 glsl效果1——反相

glsl效果1——反相 原始圖及代碼 1.1. 原始圖 1.2. 原始代碼 反相效果圖及glsl代碼 2.1. 反相效果圖 2.2. 反相glsl代碼 背景爲白色的反相 3.1. 效果圖 3.2

原创 Linux下安裝顯卡驅動及CUDA程序

Linux下安裝顯卡驅動及CUDA程序 系統參數 安裝顯卡驅動 通過ubuntu菜單下的軟件與更新安裝驅動程序(沒試過,可行性未知) 通過PPA倉庫自動化安裝 apt_get安裝 查看可以安裝的顯卡驅動版本 通過apt-

原创 3D數學基礎(二)——座標系的選擇

3D數學基礎(二)——座標系的選擇 主要使用的一些座標系 世界座標系 世界座標系是描述一個“絕對”位置的座標系,爲啥加個引號,是因爲在相對於其他座標系來說,世界座標系所描述的尺度和空間都是最大的,所以對於其他的座標系來說,在世界座

原创 OptiX資料學習筆記1——簡介

OptiX資料學習筆記1——簡介 OptiX引擎的現狀 對於NVIDIA的光線追蹤功能,目前有三種開源的API支持,分別爲: DirectX Raytracing (DXR) DX的光線追蹤API Vulkan (VK_NV_r

原创 optix資料(基於optix7.0)——錯誤

optix資料(基於optix7.0)——錯誤 context上下文的錯誤 optixDeviceContextCreate錯誤 OPTIX_ERROR_CUDA_NOT_INITIALIZED CUcontext爲0,並且CUD

原创 glTF全解析——materials

glTF全解析——materials glTF的材質部分,使用的是一組參數來定義材質。這些參數爲PBR的各種參數,包括金屬性和粗糙性等參數。 結構圖 結構圖中展示了meshs到materials再到textures之間的過程。 例

原创 gltf深入淺出——asset、scenes&nodes

gltf深入淺出——asset、scenes&nodes asset asset屬性是每一個gltf資源的必要屬性,也是區分json和gltf的關鍵屬性。 案例 { "asset": { "version"

原创 gltf深入淺出——cameras

gltf深入淺出——cameras 導言 gltf中的攝像機也是分爲兩種,一種是正交攝像機,一種是透視攝像機。 案例 { "cameras": [ { "name": "Finite

原创 深入淺出glTF——textures

深入淺出glTF——textures 結構圖 上述結構圖展示了texture層和images層、sampleres層之間的關係。下面將分別解釋各個層之間的具體屬性。 texture 例子 { "textures": [

原创 3D數學基礎(一)——左手座標系和右手座標系

3D數學基礎(一)——左手座標系和右手座標系 1、左手座標系 左手座標系的定義 伸出左手,讓拇指和是指成L型,大拇指向右,食指向前,中指指向前方,這樣便定義好了一個左手座標系,其中拇指爲x軸,食指爲Y軸,中指爲Z軸。 圖示 2

原创 three.js源碼翻譯及案例(五)-GLTFLoader.js

寫在前面 Three中的加載腳本很多,但是核心思想是差不多的,就是文件用文件解析器加載,圖片用圖片解析器加載,然後json轉換爲對象,但是由於gltf格式可以自己編輯所以有的源碼參考意義不大,glb及拓展材質都沒用上就還沒有翻譯,以後

原创 base64編碼相關-btoa和atob

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

原创 three.js源碼翻譯及案例(四)-src/Util.js

寫在前面 該文件夾下主要爲一些全局性的文件,如: - constants.js文件爲全局靜態變量腳本 - polypills.js爲兼容瀏覽器方法腳本 - Three.Legacy.js爲日誌腳本 - Three.js爲導出腳本 參考

原创 three.js源碼翻譯及案例(三)-src/scenes/Scene.js

源碼位置 該源碼位置在three.js源碼src/scenes文件夾下 源碼翻譯 /* * 本文檔爲Three.js翻譯文檔,如有任何疑問請聯繫: * [email protected] */ function

原创 Three.js源碼翻譯及案例(一)-src/scenes/Fog.js

寫在前面 本系列文章主要爲Three.js引擎的源碼翻譯及相關案例的展示。因爲工作需要所以讀Three的源碼,也算是對自己學習的一個記錄,下面正式開始翻譯及相關案例。 源碼位置 該源碼位置在three.js源碼src/scene