原创 webgl 的一些值得收藏
水面、淹沒效果https://www.cnblogs.com/mumu122GIS/p/11233063.html 裁剪原理 ：https://blog.csdn.net/Yel_Liu/article/details/86303
2020-06-17 10:55:34
1
原创 體繪製（Volume Rendering）概述之2：體數據詳解！！！
http://blog.csdn.net/liu_lin_xm/archive/2009/11/22/4850593.aspx 摘抄“GPU Programming And Cg Language Primer 1rd Editi
2020-06-17 09:55:26
8
原创 體繪製（Volume Rendering）概述之4：光線投射算法（Ray Casting）實現流程和代碼（基於CPU的實現
摘抄“GPU Programming And Cg Language Primer 1rd Edition” 中文 名“GPU編程與CG語言之陽春白雪下里巴人” 算法流程 圖 47 展示了使用光線投射算法進行體繪製的實現流程。
2020-06-17 09:55:26
4
原创 webgl 常用的座標系相互轉換
紋理貼到canvas上,然後通過點擊canvas上的點找紋理對應的位置然後反算世界座標系 注意:cesium相機實時渲染紋理 默認會進行y軸翻轉 1.拿到的fbo 經過readPixels後,會有一堆Uint8Array 數據
2020-06-17 09:55:26
17
原创 gl_FragCoord
gl_FragCoord 表示當前片元着色器處理的候選片元窗口相對座標信息，是一個 vec4 類型的變量 (x, y, z, 1/w)， 其中 x, y 是當前片元的窗口座標，OpenGL 默認以窗口左下角爲原點， 在 着色器中通
2020-06-17 09:55:26
2
原创 推導投影矩陣
參考:添加鏈接描述 在任何3D圖形程序員工具包中的基本矩陣變換中，投影矩陣都更爲複雜。一眼就能理解平移和縮放，任何對三角學有基本瞭解的人都可以想到旋轉矩陣，但是投影有點棘手。如果您曾經查詢過此類矩陣的公式，就會知道常識不足以告訴您
2020-06-17 08:56:23
原创 console.log() 和console.dir()區別
console.log()可以取代alert()或document.write()，在網頁腳本中使用console.log()時，會在瀏覽器控制檯打印出信息。 console.dir()可以顯示一個對象所有的屬性和方法。
2020-06-03 15:12:21
原创 threejs 的texture2DArray渲染流程
此時並沒有真的去執行gl.createtexture(); 會有一個setValue => DataTexture2DArray 此時創建材質的時候 每個uniform 的存入值 都會有想對應的setValue 和構造函數
2020-05-23 06:18:27
1
原创 繪製模型的normal 問題
1.normal 的數據應該跟頂點對應起來.跟索引多少無關. 例如:一個正方體正常的做法是繪製24個頂點 然後36個索引,因此需要繪製24個法線 var pos =[ 2,3,4,7, //下 2,3,0,1,//前 4,7,6,
2020-04-03 13:46:03
原创 webgl uint16Array數據溢出
最近在做體素相關的但是由於數據太大 unsigned_short 溢出 5050508個頂點 50505036 個索引值 查了半天 發現是數據溢出 ~~~~~~~~~ 下邊寫上常用的範圍 UInt8, UInt16, UInt3
2020-03-26 16:36:44
原创 投影紋理映射(Projective Texture Mapping)
將紋理座標用投影空間的頂點座標代替 將頂點座標經過WORLDVIEWPROJ矩陣變換之後，再除以w分量，然後取xy分量作爲紋理座標，紋理尋址模式設爲WRAP 二、紋理投影映射優點 1、將紋理與空間頂點實時對應，不需要預先在建模軟
2020-02-25 19:48:12
原创 cesium 的渲染流程
之前有點迷惑 shader 跟fbo 的關係,整理了fbo 和shader 的關係. 點贊 收藏 分享 文章舉報 ranran125 發佈了14 篇原創文章 · 獲
2020-02-22 10:06:41
原创 OpenGL紋理上下顛倒翻轉的三種解決辦法
綜述 在使用OpenGL函數加載紋理到圖形時，經常遇到紋理上下顛倒的問題。原因是因爲OpenGL要求紋理座標原點在圖片最下面，如圖： 而圖片信息中的原點一般都在最上方，一行行記錄下來的，就會導致整個圖片上下顛倒了。 如圖： 從這
2020-02-22 10:06:41
原创 三角剖分
https://www.cnblogs.com/tiancaiwrk/p/11052699.html 點贊 收藏 分享 文章舉報 ranran125 發佈了14 篇原創
2020-02-22 10:06:41
原创 萬向節死鎖
什麼是歐拉角（Eular Angles）？ 歐拉角是瑞士數學家萊昂哈德·歐拉（Leonhard Euler）用來描述剛體在三維空間中取向的方法。簡單來說，就是任何一個物體的取向，都可以用3個有次序的旋轉角度來表示。 歐拉在三維空間
2020-02-22 10:06:41