Epps的博客

在之前的学习中，我们知道了怎么样使用一些简单的WebGL相关函数。现在更进一步来绘制最简单的图形：一个点。绘制一个点远不是调用一个”draw point”在之前的学习中，比如填充颜色可以用到ctx.fillStyle = "rgba(0, 255, 255, 1.0)";但是，是否绘制一个点也这么简单呢?比如调用一个drawPoint方法就行了。答案是否定的！！！WebGL依赖于一种称为着色器(s

在WebGL中，默认的使用的是右手坐标系。x轴正方向向右，y轴正方向向上，z轴正方向朝向屏幕外。与<canvas>对应: 中心点是:(0.0, 0.0, 0.0) 上边缘是:(0.0, 1.0, 0.0) 下边缘是:(0.0, -1.0, 0.0) 左边缘是:(-1.0, 0.0, 0.0) 右边缘是:(1.0, 0.0, 0.0)

在第一次学习中，我知道了WebGL程序要同时使用HTML和将GLSL ES代码放在JavaScript中来创建和显示三维图形。 下面的内容将作为WebGL的基础入门，来了解WebGL的基本知识。 ========================================== 分割线 ==========================================Canvas是什么？在H

本系列学习主要参考《WebGL编程指南》一书，希望通过这一系列的学习能够了解WebGL。并且在了解WebGL之后能够更好的学习OpenGL其他的知识。 ========================================== 分割线 ==========================================概述什么是WebGLWebGL — 是一项用来在网页上绘制和渲染三维图