webgl自學筆記——深度監測與混合
這一章中關於webgl中顏色的使用我們將深入研究。我們將從研究顏色在webgl和essl中如何被組裝和獲取開始。然后我們討論在物體、光照和場景中顏色的使用。這之后我們將看到當一個物體在另一個物體前面是webgl如何來實現物體碰撞，這是通過深度檢測來實現的。相反透明度混合允許我們結合所有物體的顏色 ...
原文：WebGL學習筆記（十一）：混合和透明
到目前為止我們繪制了不少模型，用到了不少顏色，顏色中有四個分量 RGBA ，其中的A分量表示透明度，這個分量目前為止我們還沒有真正的用到 A分量，表示的是當前的透明度，如果設定為 . 就會半透明，可以看到半透明的模型，也可以看見模型后面的東西 開啟混合 要實現透明，需要開啟混合，會使用到下面的兩個方法： 源因子和目標因子是可以通過gl.blendFunc函數來進行設置的 gl.blendFunc有 ...
2019-09-06 12:09 0 505 推薦指數：
相關推薦
WebGL學習筆記（一）
目錄 繪制二維圖形（2D圖形） 經過一下三個步驟 簡單js程序代碼 簡單html文件代碼 繪制實例（一個點） 着色器 ...
WebGL學習筆記（四）：繪圖
圖元 WebGL可以繪制非常復雜的3D模型，這些模型都是由下面3種基本幾何圖元構成的，下面我們來詳細的看看。 三角形 WebGL中任何復雜的模型，都是由三角形組合而成的，可以說三角形是任意形狀的最小構成單位。 WebGL可以繪制下面幾種三角形： 獨立的三角形（gl.TRIANGLES ...
WebGL學習筆記一
學習用來做web3D的，從第一頁開始學起先做2D的，接下來的程序是一個入門級的程序，可以通過在畫板上的不同位置點擊而獲取不同顏色的點，以畫板中心為坐標原點四個象限有不同的顏色，訪問地址 http://123.206.70.64:8080/WebGL2/ColoredPoints.html ...
WEBGL學習筆記（二）：矩陣變換
游戲已經做好，但是博客園不能支持哈，我在我的獨立博客里面加入了這個游戲。 加載時候會黑屏，等待數秒即可，點擊這里體驗試玩：FlappyBird3d游戲試玩 Three.js 使用 ...
WebGL學習筆記（六）：紋理貼圖
只可以繪制純色的模型是不夠的，為了呈現出更真實的模型，我們還需要通過紋理貼圖給模型進行上色。 丟失上下文 GPU作為一種公用資源，是會被多個進程同時使用的，在資源不足的情況下（比如PC或手機系統進 ...
WEBGL學習筆記（一）：創建場景
游戲已經做好，但是博客園不能支持哈，我在我的獨立博客里面加入了這個游戲。 加載時候會黑屏，等待數秒即可，點擊這里體驗試玩：FlappyBird3d游戲試玩 初衷：最近在學習webgl，翻譯一下用戶幫助文檔，希望對大家有所幫助！（進了一個什么webgl中文網的qq群，問了一個 ...
WebGL學習筆記（十六）：遮罩
這里總結下幾種WebGL中實現遮罩的方法。 模板緩沖 模板緩沖可以實現渲染剔除，但是我們之前的學習里，剔除范圍是基於上一次渲染的結果，且上一次的渲染也會進行顯示，這樣的話並不適合用來實現遮罩。 我們想實現遮罩的話，是希望只繪制模板緩沖而不繪制顏色緩沖。 想要實現這樣的效果，可以借助 ...