随笔分类 -  WebGL&Three.js

摘要：一、前言 最近重感冒发烧，妈蛋好难受，请假了3天，驾校也没去，简直僵硬！今天继续WebGL的学习。 二、正文 A. GLSL支持两种数据值类型： B. [] 运算符 []运算符通过数组下标来访问矢量或矩阵的元素，例： float m23 = m4[1][2]; m4的第2列中的第3个元素 C. 变量 阅读全文

摘要：一、前言 终于到了第五章了，貌似开始越来越复杂了。 二、正文 Example1：使用一个缓冲区去赋值多个顶点数据（包含坐标及点大小） Example2：使用varying变量从顶点着色器传输颜色信息给片元着色器 Example3：纹理（将图片的纹理赋给webgl对象） 三、结尾 以上代码均来自《We 阅读全文

摘要：一、前言 今天继续第四章的学习内容，开始学习复合变换的知识。 二、正文 Example1: 复合变换 在书中，作者为我们封装了一套用于变换的矩阵对象：Matrix4对象。它包含以下几种方法： Example2: 动画 requestAnimationFrame(func): 请求浏览器在将来某时刻回 阅读全文

摘要：一、前言 根据前面一章的内容，继续第三章的学习。 二、正文 一起绘制三个点，这里要使用到缓存了 gl.drawArrays(mode,first,count)中mode分为以下几种： 平移矩阵： 旋转矩阵： 缩放矩阵： 三、结尾 以上代码除部分注释外均来自于《WEBGL编程指南》，周日希望能更新个第 阅读全文

摘要：一、前言 最近看了《WebGL编程指南》这本书，发现还是很有意思的，故每章阅读后做个笔记。 二、正文 Example1：在canvas中绘制2D矩形 Example2：清空canvas Example3：在canvas中绘制一个红点 Example4：使用attribute变量在canvas中绘制一 阅读全文