Amesteur的博客

示例在讲述本文内容之前，我希望读者先具备以下知识点：了解WebGL的基本知识，懂得调用自定义的Shader程序； 基本的数学基础和空间几何知识； 明白GPU的渲染管线流程；因为，本文内容主要讲述绘制的核心思路和注意事项，所以对于基本知识只能简单描述，请谅解；前言首先，先附上一篇至今我看到思路十分正确，图文并茂（图片真的很好看）的讲述WebGL绘制有宽度的线和箭头贴图的文章：...

目录WebGL基本介绍概述WebGL的特性图形硬件的介绍WebGL开发入门WebGL绘制图形抽象过程基于WebGL封装的框架WebGL坐标系基础视变换投影变换视口变换实例演示（使用ThreeJS)光照光照类型光照的原理（漫反射）光照的原理（环境反射）光照效果的对比纹理映射图片纹理凹凸纹理环境贴图开发调试与...

Webgl性能瓶颈，图形绘制是异步的流水线绘制以及浏览器的本身的缺陷。尝试优化的方法如下：找到性能瓶颈，尝试降低CPU或者GPU的时钟频率去测试哪个效率低 纹理受限，可以采取 减少canvas的长宽或者使用低分辨率的纹理测试；webgl 纹理绑定伸展和收缩效果时，gl.NEAREST 是最快的但会产生块状效果，gl.LINER因为是取平均值，会产生模糊 将Mip映射应用于纹理贴图 处理w...