学习的痛点

来源：4-5 实战：实现基于 webgl 的放大镜

月翎魂雨

2024-05-31

这节课有点懵：1、我不清楚变量定义应该是在顶点着色器还是片元着色器；2、定义变量的字段不清楚，啥时候用到 simple2D，啥时候用到distance，啥时候用到texture2D，完全不熟悉。

写回答

2回答

yancy

2024-06-01

diatance是一个获取两个向量（两个点）之间距离的函数。返回一个浮点数据。这个用途比较明确，只要是获取距离，都可以考虑使用它

yancy

2024-06-01

1.attribute 是定义在顶点着色器，不能用在片元着色器

2.uniform变量两个着色器都可以用

3.varying变量是从顶点着色器向片元着色器传递参数

如果当前变量是使用在顶点着色器中，则使用attribute变量即可；如果两个着色器都有用，则使用uniform变量；如果当前变量依赖于顶点着色器中的位置信息，则将变量通过varying传递到片元着色器中

simple2D是数据类型，定义二维纹理的时候需要使用到

texture2D是一个函数，用于在纹理缓冲区（simple2D声明的变量）中提取纹理数据，渲染到需要绘制的对象中

WebGL+Three.js 入门与实战，系统学习 Web3D 技术

前端的技术蓝海，涨薪好选择

1119 学习 · 328 问题

相似问题

回答 1

回答 1

回答 1

回答 2

回答 1