webgl 实现网格
2025-03-21 16:24:35
114
shader之涟漪
2024-11-05 15:10:43
195
【代码】babylonjs shader学习之shadertoy案例三
2024-10-28 16:12:42
284
shader学习
2024-10-25 16:40:26
285
shadertoy案例二
2024-10-24 15:37:25
324
shadertoy案例
2024-10-18 15:31:51
507
babylonjs shader学习
2024-10-11 09:36:55
274
1
babylonjs有内置的，修改相应参数即可，但是为了学习shader，这里用shader实现了一个简单版的菲尼尔效果。
2024-09-20 10:43:16
1047
坐标系被分成了4个单元格，每个单元格都有唯一的索引，后续就可以根据索引去渲染。
2024-09-13 17:29:38
381
【代码】shader 案例学习笔记之偏移。
2024-09-12 22:34:50
351
【代码】shader 案例学习笔记之常用函数封装。
2024-09-12 10:22:14
309
【代码】shader 案例学习笔记之fract函数。
2024-09-12 09:41:13
704
glsl mix函数笔记
2024-09-11 14:24:41
741
glsl shader smoothstep函数学习
2024-09-10 17:22:27
919
glslstep函数理解
2024-09-10 14:47:49
524
glsl shader之绘制圆
2024-09-10 14:26:47
995
平移矩阵
2024-09-04 19:21:50
404
0,0,1]三维向量表示X,Y,Z三个分量，这里表示按照Z轴旋转。是一样的，都是变化矩阵，只是将缩放矩阵替换成旋转矩阵。是将给定的矩阵，按照给定的轴旋转后返回。
2024-09-04 19:15:37
490
不出意外的话，没啥变化，因为设置的矩阵是[1,1,1]，将[1,1,1]改成[2,1,1]，会发现图像X轴方向放大了2倍。对二维图形进行缩放，需要用到顶点着色器，顶点着色器经过矩阵变换，会将模型空间最终转换成裁剪空间。定义了一个统一变量4x4矩阵，用来接收应用程序传递过来的矩阵数据。获取变量在着色器程序中的位置。
2024-09-04 19:04:48
391
再改变一下postions三个顶点的值，因为绘制二维图形，所以只需要3组共6个顶点。运行Study.html，不出意外，每次刷新页面，都会出现不同的颜色。，使用的是裁剪空间进行绘制，这篇文章使用屏幕像素空间的坐标进行绘制。运行Study.html。得到如图所示，如果改变颜色下面讲解。设置颜色值，这里才用随机值产生颜色R/G/B/A四个分量。从着色器程序中获取u_resolution的位置。找到u_color在着色器程序中的位置。上一篇的顶点着色器大概是这样子的。改变颜色需要修改片元着色器。
2024-09-04 16:55:16
483
下面是一个简单的通用WebGL模板。
2024-09-04 10:57:22
356
webgl绘制立方体
2024-09-03 19:50:36
941
在WebGLz中，顶点和片元的处理顺序遵循着图形渲染管线的流程。
2024-09-03 18:19:11
521
准备工作已经做完，下面开始渲染。
2024-09-03 17:57:01
1108
接下来是创建buffer，设置顶点位置，法线，顶点索引等。
2024-09-03 16:07:37
898
前面讲到已经创建了，链接到顶点着色器和片段着色器，接着继续。
2024-09-03 13:43:09
553
前面两篇文章已经创建好了顶点着色器和片段着色器并编译成功，下面将创建program(程序)，将着色器链接起来。
2024-09-03 11:42:42
488
书接上文，第一篇文章已经将顶点着色器和片段着色器的内容编写好了，这篇文章就创建着色器并编译。
2024-09-03 11:10:17
472
【代码】glsl着色器学习（一）
2024-09-03 10:55:27
783
【代码】Babylonjs学习笔记(十七)——动态纹理。
2024-08-14 10:54:47
224
学习中遇到了一个问题，设置广告牌模式之后，需要旋转位置。
2024-08-13 11:39:40
167
虽然从浏览器缓存中加载，但是babylonjs仍然需要解析.glb文件并将其转换为内存中的3D模型，这个过程很耗时；使用IndexDB缓存已解析的数据，而不仅仅是.glb文件
2024-08-01 13:30:48
431
通过web worker加载模型
2024-08-01 13:16:13
238
babylonjs学习
2024-07-24 17:56:16
137
babylonjs加载geoJson创建地图和各种动画实现
2024-07-15 13:43:09
480
5
利用DevTools工具调试前端网页报错问题解决
2024-04-09 17:09:52
1295
1
Babylonjs 学习笔记
2023-12-13 14:10:11
574
Babylonjs学习笔记
2023-11-09 18:17:05
948
babylonjs学习笔记
2023-11-08 10:18:46
360
Babylonjs学习笔记
2023-11-01 17:13:08
581
RSS订阅