babylonjs有内置的，修改相应参数即可，但是为了学习shader，这里用shader实现了一个简单版的菲尼尔效果。
2024-09-20 10:43:16
913
坐标系被分成了4个单元格，每个单元格都有唯一的索引，后续就可以根据索引去渲染。
2024-09-13 17:29:38
312
【代码】shader 案例学习笔记之偏移。
2024-09-12 22:34:50
283
【代码】shader 案例学习笔记之常用函数封装。
2024-09-12 10:22:14
249
【代码】shader 案例学习笔记之fract函数。
2024-09-12 09:41:13
395
glsl mix函数笔记
2024-09-11 14:24:41
285
glsl shader smoothstep函数学习
2024-09-10 17:22:27
294
glslstep函数理解
2024-09-10 14:47:49
321
glsl shader之绘制圆
2024-09-10 14:26:47
727
平移矩阵
2024-09-04 19:21:50
345
0,0,1]三维向量表示X,Y,Z三个分量，这里表示按照Z轴旋转。是一样的，都是变化矩阵，只是将缩放矩阵替换成旋转矩阵。是将给定的矩阵，按照给定的轴旋转后返回。
2024-09-04 19:15:37
363
不出意外的话，没啥变化，因为设置的矩阵是[1,1,1]，将[1,1,1]改成[2,1,1]，会发现图像X轴方向放大了2倍。对二维图形进行缩放，需要用到顶点着色器，顶点着色器经过矩阵变换，会将模型空间最终转换成裁剪空间。定义了一个统一变量4x4矩阵，用来接收应用程序传递过来的矩阵数据。获取变量在着色器程序中的位置。
2024-09-04 19:04:48
282
再改变一下postions三个顶点的值，因为绘制二维图形，所以只需要3组共6个顶点。运行Study.html，不出意外，每次刷新页面，都会出现不同的颜色。，使用的是裁剪空间进行绘制，这篇文章使用屏幕像素空间的坐标进行绘制。运行Study.html。得到如图所示，如果改变颜色下面讲解。设置颜色值，这里才用随机值产生颜色R/G/B/A四个分量。从着色器程序中获取u_resolution的位置。找到u_color在着色器程序中的位置。上一篇的顶点着色器大概是这样子的。改变颜色需要修改片元着色器。
2024-09-04 16:55:16
321
下面是一个简单的通用WebGL模板。
2024-09-04 10:57:22
282
webgl绘制立方体
2024-09-03 19:50:36
727
在WebGLz中，顶点和片元的处理顺序遵循着图形渲染管线的流程。
2024-09-03 18:19:11
399
准备工作已经做完，下面开始渲染。
2024-09-03 17:57:01
1019
接下来是创建buffer，设置顶点位置，法线，顶点索引等。
2024-09-03 16:07:37
814
前面讲到已经创建了，链接到顶点着色器和片段着色器，接着继续。
2024-09-03 13:43:09
499
前面两篇文章已经创建好了顶点着色器和片段着色器并编译成功，下面将创建program(程序)，将着色器链接起来。
2024-09-03 11:42:42
423
书接上文，第一篇文章已经将顶点着色器和片段着色器的内容编写好了，这篇文章就创建着色器并编译。
2024-09-03 11:10:17
361
【代码】glsl着色器学习（一）
2024-09-03 10:55:27
670
【代码】Babylonjs学习笔记(十七)——动态纹理。
2024-08-14 10:54:47
122
学习中遇到了一个问题，设置广告牌模式之后，需要旋转位置。
2024-08-13 11:39:40
99
虽然从浏览器缓存中加载，但是babylonjs仍然需要解析.glb文件并将其转换为内存中的3D模型，这个过程很耗时；使用IndexDB缓存已解析的数据，而不仅仅是.glb文件
2024-08-01 13:30:48
267
通过web worker加载模型
2024-08-01 13:16:13
147
babylonjs学习
2024-07-24 17:56:16
91
babylonjs加载geoJson创建地图和各种动画实现
2024-07-15 13:43:09
291
利用DevTools工具调试前端网页报错问题解决
2024-04-09 17:09:52
993
Babylonjs 学习笔记
2023-12-13 14:10:11
531
Babylonjs学习笔记
2023-11-09 18:17:05
840
babylonjs学习笔记
2023-11-08 10:18:46
310
Babylonjs学习笔记
2023-11-01 17:13:08
477
Babylonjs 贴图的使用
2023-10-26 15:05:34
790
babylonjs学习笔记
2023-10-26 11:37:17
881
babylonjs学习，导入自定义模型
2023-10-24 15:43:20
463
babylonjs 创建天空盒
2023-10-24 15:41:08
275
Babylonjs学习之网格添加材质
2023-10-19 17:24:53
993
babylonjs学习笔记
2023-10-18 17:11:10
391
原生javaScript模拟移动端长按事件
2023-03-24 11:40:55
312
2
RSS订阅