glsl - 标签 - 腾讯云开发者社区-腾讯云

腾讯云

开发者社区

文档建议反馈控制台

首页TVP

#glsl

【前端er入门Shader系列】04—MVP矩阵与纹理映射

CS逍遥剑仙

腾讯｜高级工程师 (已认证)

29天前2025-02-04 07:36:19

我们生活在三维的由各种色彩构成的大千世界里，包含了复杂的细节纹理，而纹理采样作为重要的图形学技术，能够在渲染物体表面时，使用一张图片来提供颜色信息，从而增强物体...

22210

【前端er入门Shader系列】03—Shader形状绘制

CS逍遥剑仙

腾讯｜高级工程师 (已认证)

29天前2025-02-04 07:35:53

任何复杂的场景都能用点线三角面实现，从本章开始将会从基本形状开始介绍 Shader 程序的编写。

23410

【前端er入门Shader系列】02—GLSL语言基础

CS逍遥剑仙

腾讯｜高级工程师 (已认证)

26天前2025-02-06 17:01:46

Shader 一般由顶点着色器和片段着色器成对使用，GLSL 则是编写 Shader 着色器的语言，而 GLSL ES 是在 OpenGL Shader 着色器...

31410

Flutter & GLSL#9 | 函数曲线

张风捷特烈 2024-03-282024-03-28 09:07:05

在第六篇中，我们已经认识了 smoothstep 函数，它可以让一指定的区间内平滑过渡。下面先通过一个小例子回顾一下:

17810

Flutter & GLSL#8 | 乘法与矩形

张风捷特烈 2024-03-192024-03-19 08:31:54

step 是 GLSL 中内置的函数，其逻辑非常简单：比较两个数的大小，前者 < 后者时返回 0，否则返回 1。

14210

Flutter & GLSL - 柒 | 减法与线

张风捷特烈 2024-02-262024-02-26 08:25:09

glsl 中，可以使用 for 来执行循环逻辑，比如下面遍历生成很多条线圆形线，在循环体中可以根据次数 i 控制圆的半径、线宽、过渡阈值参数：

15810

Flutter & GLSL - 陆 | 平滑过渡 smoothstep

张风捷特烈 2024-02-242024-02-24 09:05:36

在上一篇中，我们通过 step 函数通过像素与原点的距离控制输出的颜色，从而达到如下右图展示白色圆形区域。但仔细观察不难发现圆的四周非常锯齿非常明显，所以视...

42910

Flutter & GLSL - 伍 | 图形区域控制

张风捷特烈 2024-02-222024-02-22 10:19:30

有时我们需要通过着色器来表现图形，那如何通过坐标控制颜色值的输出，得到基本图形呢？之前一直强调：

21010

Flutter & GLSL - 肆 | 从条纹到马赛克

张风捷特烈 2024-02-202024-02-20 08:38:51

之前我们实现过黑色到红色的渐变效果，让像素颜色的 r 值根据坐标从 0~1 均匀变化即可。现在想要实现如下的渐变条纹，该怎么办呢？条纹可以指定个数，如下是 ...

22410

Flutter & GLSL - 叁 | 变量传参

张风捷特烈 2024-02-172024-02-17 09:08:25

Flutter 中通过 FragmentShader#setFloat 传递变量，如下所示：索引 0 表示 uSize 第一个分量，也就是宽度；索引 1 设置高...

15310

Flutter & GLSL - 贰 | 从坐标到颜色

张风捷特烈 2024-02-072024-02-07 07:44:55

上一篇《 Flutter 绘制集录 | Shader 让绘制无限强大 - 壹》介绍了 Flutter 本身支持 GLSL 语言进行 Shader 着色器的编...

28910

OpenGL & Metal Shader 编程：GLSL 重要的内置函数

字节流动 2023-09-042023-09-04 17:58:09

为啥要单独写一篇讲讲 GLSL 的几个常用内置函数？主要是为了避免新手在 Shader 编程中看到一些关键字，如 ceil,f ract, smoothstep...

2K21