本文主要講述vue與webgl結合並實現逐片元光照。文中部分**源自《webgl程式設計指南》
**如下
第51-55行 計算漫反射光，
漫反射光顏色 = 入射光顏色 x 表面基底色 x cosθ，
如果光線向量與法向量均為單位向量，那麼
cosθ = 光線向量 · 法向量
因此可以得出：
漫反射光顏色 = 入射光顏色 x 表面基底色 x（光線向量 · 法向量）
第59行 計算表面的反射光顏色：
表面反射光顏色 = 漫反射光顏色 + 環境反射光顏色
執行程式，效果如下
WebGL與Vue結合連續繪製點
本文主要介紹 webgl程式設計指南 中連續繪製點功能的學習，並將 改造在vue框架中執行。部分 源自以及 webgl程式設計指南 1 在src components中新建canvas.vue檔案。2 如下 8行引入tools進行webgl的基本設定，內容參見前期的文章。13 20行設定頂點著色器和...
WebGL 顏色與紋理
1.紋理座標 紋理座標是紋理影象上的座標，通過紋理座標可以在紋理影象上獲取紋理顏色。webgl系統中的紋理座標系統是二維的，如圖所示。為了將紋理座標和廣泛使用的x y座標區分開來，webgl使用s和t命名紋理座標 st座標系統 紋理影象的四個角座標為左下角 0.0，0.0 右下角 1.0,0.0 右...
Echart在vue中與Tabs結合不能顯示的問題
最近在學習vue的途中，需要用到乙個使用element元件的tabs結合echart來使用的地方，但是出現了一點問題，切換時一直沒辦法顯示，但無意中按出開發者工具就突然顯示了，很是不解。找了很久，在一篇部落格中發現乙個很好用的例子。直接在el tab pane標籤內使用lazy true 即可顯示 ...