webgl

1、创建纹理对象 纹理对象主要用于存储纹理图像数据 可以通过gldeleteTexture(textrue)来删除纹理对象 2、进行Y轴翻转 3、开启(激活)纹理单元 Webgl是通过纹理单元来管理纹

1.什么是矩阵 矩阵就是纵横排列的数据表格(m行n列) 作用是把一个点转换到另一个点 1、矩阵赋值 gl.uniformMatrix4fv(location, transpose,transpose,

什么是缓冲区对象 缓冲区对象是WebGL系统中的一块内存区域，可以一次性地向缓冲区对象中填充大量的顶点数据，然后将这些数据保存在其中，供顶点着色器使用 类型化数组 在 webgl中，需要处理大量的相同

关于uniform变量的使用原理： uniform变量在WebGL中是用来传递那些对于一次绘制调用中所有顶点和片元都保持一致的数据。它们是全局的GLSL变量，可以在顶点着色器和片元着色器中访问，但不能

1、坐标转换 因为webgl的坐标系x轴和y轴只有1,0,-1，原点为0，通过点击函数获取位置信息得到的是px并且是canvas坐标系，所以要将获取的点击位置信息转换成webgl坐标 webgl x轴

attribute 变量只能用来传递顶点数据,只能在顶点着色器中使用，不能在片元着色器中使用 1、定义 aPosition 变量 ： attribute vec4 aPosition ; 格式：att

1.什么是着色器？ 着色器就是让开发者自己去编写一段程序，用来代替固定渲染管线，来处理图像的渲染。 2、着色器是什么? 顶点着色器：用来描述顶点的特性——>通过计算获取位置信息 顶点是指二维三维空间中

gl.clearColor(r,g,b,a) 指定清空 的颜色，接收四个参数取值区间为 0.0~1.0); gl.clear(buffer) 清空 canvas参数分为三项  gl.COLOR_BUF

1、Threejs : JavaScript 3D WebGL库 2、Babylon;js:Web3D图形引擎 3、KickJs:Web的开源图形和游戏引擎 4、ClayGL:构建可扩展的Web3D应

1、<canvas>画布 <canvas></canvas> 是HTML5新增的一个DOM元素。 用途:显示二维和三维的图像 绘制方法:二维图形可以使用 ( Canvas API 或 WebGL AP