WebGL
个人WebGL学习总结分享
__易安
这个作者很懒,什么都没留下…
展开
-
WebGL 图形变换理论篇
齐次坐标简介说到图形的几何变换,就离不开“齐次坐标”这个神奇的东西,所谓“齐次坐标”,就是将一个原本n维的向量用一个n+1维的向量来表示。比如向量:(x1,x2,...,xn)(x_1, x_2, ..., x_n)(x1,x2,...,xn) 的齐次坐标可表示为: (hx1,hx2,...,hxn,h)(hx_1, hx_2, ..., hx_n, h)(hx1,hx2,...,hxn,h)。其中h是一个实数。显然一个向量的齐次坐标的表示是不唯一的,齐次坐标中的h取不同的值都表示的是同一原创 2020-08-30 13:32:59 · 224 阅读 · 0 评论 -
WebGL 变量的内插过程
上一篇文章中讲了在WebGL中使用齐次坐标对三角形进行变换,目前也可以通过gl.drawArrays方法绘制更加复杂的图形,这次让我们更进一步,给你的“女神”挑选一件漂亮的衣服吧????挑选衣服之前,先让我们回归到最初的那三个点。????又回到最初的起点还记不记得这熟悉的三个点?在绘制三个点的例子中,我们在顶点着色器中使用了gl_PointSize=10.0这种方式将每个点的大小设置为10像素。但是如果我们想要3个大小不同的点呢?我们需要在顶点着色器中分别定义3个attribute变量接收不同的点的s原创 2020-08-27 20:00:35 · 458 阅读 · 0 评论 -
WebGL 这个三角形,像极了我的前半生!
前言上篇文章把你和 WebGL拉近了一个点的距离,或许你对 WebGL更有兴趣了????亦或许你既然都和“女神”搭上话了,为什么不再进一步发展却知难而退呢(像不像追求爱情时的你????)?迎难而上才能获取“女神”的芳心????当技术的“舔狗”,舔到最后应有尽有。有人说WebGL门槛高,望而却步????使用ThreeJS或D3难道门槛不高吗?不是不高,而是还没遇到棘手的问题,遇到问题最终还是要回到其本质来解决。话说回来,现在就只离“女神”近了一点,切勿高兴太早,这次让我们通过基本图形三角形了解一下原创 2020-08-09 12:32:50 · 303 阅读 · 0 评论 -
WebGL 你距离WebGL只差一点!
你距离了解 WebGL 只差一点:这次,我会通过绘制一个点,带领大家走进WebGL的世界!并且不会涉及 D3 / ThreeJS 等 WebGL 库,就用原生的WebGL API绘制一个点!????前言首先,WebGL并不是一门语言,它是一个标准,它是在OpenGL ES的基础上所建立的一套适用于浏览器的图形学标准;而OpenGL ES则是OpenGL的一个特殊版本(套娃警告????),ES版本被广泛的应用于手机、家用游戏机等设备。想了解更多关于WebGL标准内容的小伙伴可以进入Khronos Gr原创 2020-07-30 21:36:29 · 341 阅读 · 0 评论