WebGL自學課程(14):WebGL使用Mipmap紋理
未使用Mipmap紋理前鋸齒馬賽克明顯:
使用Mipmap紋理後鋸齒馬賽克不明顯,變模糊了:
使用Mipmap程式碼如下:
gl.bindTexture(gl.TEXTURE_2D, texture);
gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, texture.image);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER,gl.LINEAR_MIPMAP_NEAREST);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER,gl.LINEAR_MIPMAP_NEAREST);//gl.LINEAR_MIPMAP_LINEAR
gl.generateMipmap(gl.TEXTURE_2D);
gl.bindTexture(gl.TEXTURE_2D, null);
相關文章
- Webgl 紋理Web
- WebGL自學課程(15):WebGL在WebGIS上的應用——WebGlobeWeb
- WebGL自學課程(8):WebGL+ArcGIS JS API實現TerrainMapWebJSAPIAI
- WebGL自學課程(9):WebGL框架World.js(0.3.5版本)Web框架JS
- WebGL自學課程(12):光照模型與渲染方式Web模型
- WebGL 紋理顏色原理Web
- WebGL自學課程(13):獲得三維拾取向量Web
- WebGL自學課程(7):WebGL載入跨域紋理出錯Cross-origin image load denied by Cross-Origin Resource Sharing policy.Web跨域ROS
- WebGL自學課程(16):WebGlobe實現的基本演算法原理Web演算法
- 圖形學之紋理後續/WebGL多紋理處理Web
- WebGL自學課程(10):通過OpenStreetMap獲取資料繪製地球Web
- WebGL程式設計指南(4)顏色與紋理Web程式設計
- javascript js WebGL WebGL2 後期處理特效之點選水波紋漣漪例子JavaScriptJSWeb特效
- WebGL自學課程(11):ELSL著色器程式設計中內建的運算子與函式Web程式設計函式
- webgl 系列 —— 初識 WebGLWeb
- JavaScript WebGL 使用圖片JavaScriptWeb
- JavaScript WebGL 圖片透明處理JavaScriptWeb
- webgl 影像處理 加速計算Web
- webgl入門(1)-什麼是webglWeb
- webgl入門(2)-初識webgl和著色器Web
- WEBGL橢圓Web
- WebGL-DemoWeb
- 認識WebGLWeb
- JavaScript WebGL 使用圖片疑惑點JavaScriptWeb
- 在WebGL中使用drawElements繪圖Web繪圖
- webgl 影像處理2---影像畫素處理Web
- webgl內建函式--向量函式與紋理查詢函式Web函式
- test 2D渲染器 WebGL WebGL2Web
- WebGL three.js學習筆記 6種型別的紋理介紹及應用WebJS筆記型別
- OpenGL Android課程六:介紹紋理過濾Android
- OpenGL Android課程四:介紹紋理基礎Android
- webgl未使用獨立顯示卡報告Web
- WebGL 的 Hello WorldWeb
- 《WebGL程式設計指南》學習筆記——1.WebGL概述Web程式設計筆記
- webgl未使用獨立顯示卡報告2Web
- 使用WebGL 2.0更快地渲染 3DWeb3D
- WebGL:使用著色器進行幾何造型Web
- [WebGL入門]二,開始WebGL之前,先了解一下canvasWebCanvas