![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WebGL学习
努力的V崽兽
这个作者很懒,什么都没留下…
展开
-
【笔记】《WebGL编程指南》学习-第2章WebGL入门(3-画一个点-版本1))
目标:绘制一个最简单的图形-点(位于原点(0.0,0.0,0.0)处,大小10像素)!原创 2017-09-19 23:10:23 · 711 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第8章光照(1-光照原理)
对静态物体进行光照处理,使之更真实原创 2017-10-17 16:08:23 · 883 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第6章着色器语言(1-基础)
GLSL ES 的一些基础原创 2017-10-10 16:24:18 · 281 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第8章光照(2-运动物体光照效果)
进行变换后的立方体的光照情况原创 2017-10-19 03:31:14 · 505 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第8章光照(3-点光源光)
点光源光原创 2017-10-19 17:58:48 · 705 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第6章着色器语言(2-矢量和矩阵)
矢量和矩阵原创 2017-10-10 19:26:24 · 315 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第9章层次模型(1-单关节模型)
模拟前臂和上臂的单关节模型原创 2017-10-20 14:42:49 · 896 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第6章着色器语言(3-其他)
构造体、数组、取样器、运算符优先级、程序流程控制、函数、内置函数、全局变量和局部变量、存储限定字、精度限定字、预处理指令原创 2017-10-12 03:15:36 · 491 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第9章层次模型(2-多节点模型)
多节点模型原创 2017-10-20 23:52:49 · 1227 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第7章进入三维世界(1-视点和视线)
以用户视角进入三维世界原创 2017-10-13 13:32:24 · 604 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第9章层次模型(3-initShader()函数)
辅助函数 initShaders()的细节原创 2017-10-22 20:19:58 · 817 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第7章进入三维世界(2-可视范围)
可视范围(正射类型)原创 2017-10-14 12:02:29 · 905 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第7章进入三维世界(3-可视空间)
可视空间(正视投影)原创 2017-10-14 19:04:28 · 551 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第7章进入三维世界(4-前后关系)
正确处理对象的前后关系原创 2017-10-15 22:53:36 · 389 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第5章颜色与纹理(3-使用多幅纹理))
目标: 重叠粘贴两张不同的纹理图像原创 2017-10-09 15:31:44 · 428 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第5章颜色与纹理(2-在矩形表面贴上图像))
目标:将一张图片贴在矩形上原创 2017-09-29 16:26:21 · 1294 阅读 · 1 评论 -
【笔记】《WebGL编程指南》学习-第2章WebGL入门(4-画一个点-版本2))
这一节,我们要将顶点的位置坐标从JS传到着色器程序中,然后再对应位置上将点绘制出来。虽然结果一样,但用到的方法是可扩展的。原创 2017-09-22 21:07:37 · 421 阅读 · 1 评论 -
【笔记】《WebGL编程指南》学习-第2章WebGL入门(5-通过鼠标点击画点)
这一节的目标:在鼠标点击的位置上绘制出点来运行结果:原创 2017-09-22 23:58:24 · 398 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第2章WebGL入门(6-改变点的颜色))
这一节的目标是,在上一节用鼠标点击画点的基础上增加改变颜色的功能,点的颜色取决于其位置。原创 2017-09-23 23:22:00 · 345 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第3章绘制和变换三角形(1-绘制多个点)
目标:绘制多个点组成的图形。本节的例子将会在屏幕上绘制三个红色小点。原创 2017-09-24 17:50:35 · 763 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第3章绘制和变换三角形(2-你好三角形))
目标:绘制一个简单的二维图形:三角形利用三角形画一个矩形原创 2017-09-26 00:47:28 · 358 阅读 · 1 评论 -
【笔记】《WebGL编程指南》学习-第2章WebGL入门(1-用canvas画一个蓝色矩形)
这一章开始,就要按照书上教的来敲一敲代码了,要准备的很简单:编辑器(我用的是WebStorm)要下载一下这本书中的程序用到的库(书上的网址好像已经崩了,但网上还有,我当时就在csdn上下的,搜书名就搜的到)今天的目标:用canvas画一个蓝色矩形!原创 2017-09-18 14:49:55 · 1686 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第1章WebGL概述
WebGL概述WebGL,是一项用来在网页上绘制和渲染复杂三维图形,并允许用户与之进行交互的技术。从传统意义上来说,为了显示三维图形,开发者需要使用C或C++语言,辅以专门的计算机图形库,如OpenGL或Direct3D,来开发一个独立的应用程序。现在有了WebGL,我们只需要向已经熟悉的HTML和JS中添加一些额外的三围图形学的代码,就可以在网页上显示三维图形了。 WebGL是内嵌在浏原创 2017-09-17 21:16:37 · 672 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第3章绘制和变换三角形(3-移动旋转缩放))
目标:对三角形进行平移、旋转、缩放原创 2017-09-26 02:03:46 · 857 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第2章WebGL入门(2-WebGL的HelloWorld)
今日目标:编写世界上最短的WebGL程序,HelloCanvas。原创 2017-09-19 15:31:47 · 943 阅读 · 1 评论 -
【笔记】《WebGL编程指南》学习-第4章高级变换与动画基础(1-平移然后旋转))
目标:实现三角形的 先旋转再平移原创 2017-09-27 16:10:03 · 651 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第3章绘制和变换三角形(4-动画))
目标:按照恒定速度旋转的三角形。原创 2017-09-27 23:56:38 · 489 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第5章颜色与纹理(1-将非坐标传入顶点着色器))
目标: 三个不一样大小的点;三个颜色不一样的点;原创 2017-09-28 18:12:05 · 704 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第5章颜色与纹理(2-彩色三角形)
我们将为三角形的每个顶点指定一个颜色,然后WebGL会自动在三角形表面产生颜色平滑过渡的效果。原创 2017-09-29 13:32:30 · 603 阅读 · 0 评论 -
【笔记】《WebGL编程指南》学习-第7章进入三维世界(5-立方体)
彩色立方体原创 2017-10-17 02:13:26 · 919 阅读 · 0 评论