glsl

WebGL&图形学总结（二）

GISer_Jinger·2025-06-22 14:48

Cesium圆锥渐变色实现：融合顶点着色器、Canvas动态贴图与静态纹理的多方案整合

方案一：顶点着色器动态计算（实时性最高）特点：通过GLSL代码直接计算圆心到边缘的距离，实现纯圆形渐变。//创建圆锥几何体（底面为圆形）c

爱怪笑的小杰杰·2025-06-15 15:05

Cesium等高线

功能说明等高线显示使用自定义GLSL着色器实现等高线渲染支持自定义等高线间距（50-500米）可调整等高线宽度（1-5像素）颜色渐变三色渐变：低海拔→中海拔→高海拔可分别设置三个海拔点的颜色平滑渐变选项提供更自然的过渡效果渐变强度控制颜色混合程度高度范围控制可设置显示的最小和最大海拔高度

醉书生ꦿ℘゜এ·2025-06-08 02:00

RK3588 MNN CPU/Vulkan/OpenCL ResNet50推理测试

1.3测试目标解析二、参考链接三、操作步骤3.1Vulkan环境搭建3.2安装OpenCL环境3.3Vulkan运行`relu`算子3.3.1安装`glslang-tools`3.3.2编写计算着色器（

Hi20240217·2025-05-17 18:26

shader性能优化总结

总结一下最近看到的shader性能优化策略：首先介绍下一个shader优化工具：glsl-optimizer一、计算量与计算频率相关的问题通过之前文章的学习，我们应该已经了解到GPU是流式处理器，其中的顶点着色单元会每顶点执行一次

沉默的舞台剧·2025-05-13 11:59

OpenGL超大分辨率图像显示

OpenGL+GLSLshader+GLM+OpenCV分块渲染（TiledRendering）1）将大图像拆分为多个小块（Tile），渲染整幅图像分解为每次绘制一块（Tile）图像，绘制多次，确保每块图像的纹理尺寸不超过

QUST-Learn3D·2025-05-12 14:16

用Shader glsl实现一个简单的PBR光照模型

PBR模型定义了各种光照属性，如基础颜色、金属度、粗糙度等，就像给物体设定各种“性格特点”。顶点着色器负责把顶点从模型空间转换到裁剪空间，同时计算一些用于光照计算的参数，就像给顶点“搬家”并准备好“行李”。而片段着色器是整个PBR实现的核心，计算每个像素的颜色。它通过采样纹理获取各种属性值，然后根据PBR光照模型计算漫反射和镜面反射项，最后结合环境光得到最终颜色，就像给每个像素“化妆”，让它们看起

千年奇葩·2025-05-01 13:06

OpenGL: Shader、GLSL和Uniform

一、QtUI调用OpenGL控件功能1、如果需要从paintGL()以外位置触发重新绘制(典型示例是使用计时器设置场景动画)，则应调用Widget的update()函数来安排更新。2、在paintGL()、resizeGL()、initializeGL()里调用标准OpenGLAPI函数，Widget的OpenGL上下文将自动变为当前。3、但在其它函数里调用标准OpenGLAPI函数，则必须首先调

清醒的兰·2025-04-27 11:06

Unity常用优化技术漫谈(1)

在渲染过程中，着色器的编译是一个将高级着色器语言（如HLSL、GLSL或者Unity的ShaderLab）转换成可以在图形硬件上运行的低级机器代码的过程。

你一身傲骨怎能输·2025-04-27 08:20

源码编译打包_Godot引擎的编译和打包，以及分享一个地平线的云层实现

最近越来越喜欢这个小引擎，主要是因为它太小了，一个30多M的exe，直接集成了开发工具，吊的一批，又是基于类python的语法和glsl简直不要太爽好吧，还有c#。有

weixin_39945178·2025-04-26 21:43

在Qt5中用OpenGL3.0做一个GLSL基本例子

GLSL(OpenGLShadingLanguage)是一个强大的渲染语言。

islinyoubiao·2025-04-15 02:04

Qt+OpenGL着色器语言(GLSL)学习

GLSL基础GLSL主要分为顶点着色器（VertexShader）和片段着色器（FragmentShader）。

zaomengze·2025-04-06 09:26

Android OpenGLES2.0开发（六）：着色器语言GLSL

快乐不是因为得到的多，而是因为计较的少AndroidOpenGLES开发：EGL环境搭建AndroidOpenGLES2.0开发（一）：艰难的开始AndroidOpenGLES2.0开发（二）：环境搭建AndroidOpenGLES2.0开发（三）：绘制一个三角形AndroidOpenGLES2.0开发（四）：矩阵变换和相机投影AndroidOpenGLES2.0开发（五）：绘制正方形和圆形And

如果可以003·2025-04-06 09:56

OpenGL(三)着色器语言GLSL

类似于CUDA，但是又没有CUDA通用，又有点像Verilog这种硬件描述语言GLSL是一种着色器语言，需要有对应的图形API环境配合，可以使用OpenGL，也可以使用OpenGLES，也可以使用WebGL

战术摸鱼大师·2025-04-06 09:53

七、OpenGL ES 着色器语言GLSL

一、关于着色器着色器（Shader）是在GPU上运行的小程序。从名称可以看出，可通过处理它们来处理顶点。此程序使用OpenGLESSL语言来编写。它是一个描述顶点或像素特性的简单程序。1.1顶点着色器对于发送给GPU的每一个顶点，都要执行一次顶点着色器。其功能是把每个顶点在虚拟空间中的三维坐标变换为可以在屏幕上显示的二维坐标，并带有用于z-buffer的深度信息。顶点着色器可以操作的属性有：位置、

mChenys·2025-04-06 09:53

【OpenGL学习笔记④】——纹理贴图【SOIL2的配置 + 绘制木板 + 纹理环绕】

纹理坐标四、改写顶点着色器五、改写片元着色器六、读取纹理七、生成纹理八、绘制纹理九、完整代码(主函数)十、参考附录：有了新装的正方形☁️上一篇文章地址链接：【OpenGL学习笔记】计算机图形学③——⭐着色器【GLSLUniform

一支王同学·2025-04-06 09:52

OpenGL ES 2.0与OpenGL ES 3.1的区别

一、OpenGLES2.0与3.1的核心区别特性OpenGLES2.0OpenGLES3.1发布时间2007年2014年着色语言GLSLES1.0（功能有限）GLSLES3.1（支持更

stevenzqzq·2025-03-28 09:46

android 图形开发的技能学习路线

需要以下几个方面的知识：OpenGLES的基础和高级应用图形渲染管线的工作原理3D数学（矩阵、向量、四元数）着色器编程（GLSL）libGDX框架的使用和定制性能优化和内存管理跨平台渲染技术接下来，考虑如何结构化学习路径

stevenzqzq·2025-03-28 09:46

7、基于osg引擎实现读取vtk数据通过着色器实现简单体渲染(1)

1、顶点着色器代码#version110/*GLSL1.10需要显式声明精度(OpenGLES要求)*/#ifdefGL_ESprecisionhighpfloat;#endif//体数据采样步长uniformfloatxStepSize

不收藏找不到我·2025-03-16 21:48

OpenGL（4）着色器

它们是用GLSL（OpenGLShadingLanguage

一个不务正业的程序猿·2025-03-13 13:08

探索“Under”：一款极简之美与技术深度并存的JavaScript游戏

探索“Under”：一款极简之美与技术深度并存的JavaScript游戏under-gameUnder:AsimplegamewithproceduralgraphicsinJavaScriptandGLSL

贡秀丽·2025-03-09 20:24

OpenGL渲染管线

渲染管线相当于一个工作流程应用阶段-->几何阶段-->光栅化阶段几何阶段：顶点着色器光栅化阶段：片元着色器顶点着色器，片元着色器是可编程的ShaderVertexSharder和FragmentShader是用GLSL

蓝裕安·2025-03-07 15:15

OpenGL ES -＞ GLSL限定符类型详解

GLSL中的限定符详解GLSL(OpenGLShadingLanguage)中的限定符用于定义变量的作用域和行为。这些限定符放在变量类型之前，只能用于全局变量。

Yang-Never·2025-03-04 16:45

学习创建sharpGL（no）

未能成功使用 #region舍弃 GLSL语言：顶点着色器的shader（这里填写5,6是为了演示，可取0,1,2,3...）

苜柠·2025-03-02 05:59

使用 Three.js 转换 GLSL 粒子效果着色器

大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：AI简历、元宇宙、数字孪生在这篇博客中，我们

贵州数擎科技有限公司·2025-03-01 05:38

Three.js 材质对象Material对应的着色器Shader代码

点材质PointsMaterial：顶点着色器文件points_vert.glsl、片元着色器文件points_frag.glsl基础网格材质MeshBasicMaterial：顶点着色器文件meshbasic_vert.glsl

山楂树の·2025-03-01 01:35

Shader编程：OpenGL入门与实践_2024-07-21_07-39-05.Tex

OpenGL是一个跨语言、跨平台的应用程序接口，用于渲染2D、3D矢量图形，Shader在OpenGL中扮演着核心角色，通过使用GLSL（OpenGLSha

chenjj4003·2025-02-05 13:00

Android显示系统（09）- SurfaceFlinger的使用

OpenGLES-GLSurfaceView的使用Android显示系统（04）-OpenGLES-Shader绘制三角形Android显示系统（05）-OpenGLES-Shader绘制三角形（使用glsl

红米饭配南瓜汤·2025-02-04 13:35

JavaScript系列（46）-- WebGL图形编程详解

WebGL基础概念小知识：WebGL直接与GPU通信，使用GLSL着色器语言编写顶点和片段着色器。它提供了底层的图形API，让我们能够充分利用硬件加速进行图形渲染。基本实现//1.W

ᅟᅠ ‌‍‎‏ 一进制·2025-01-27 18:40

OpenGL Shading Language - Built-In Functions (内置函数)

}1.Introduction2.CommonFunctionsReferencesOpenGLShadingLanguageDocumentationhttps://docs.vulkan.org/glsl

Yongqiang Cheng·2025-01-27 00:35

Three.js实现动态水泡效果逐步解析GLSL着色器

大家好！我是[数擎AI]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术经验经验：演示地址开源项目：智简未来、晓智元宇宙、数字

贵州数擎科技有限公司·2025-01-17 12:55

glsl着色器学习（十二）平移

平移和旋转、缩放是一样的，替换成平移矩阵即可；//创建一个单位矩阵consttranslateYMatrix=mat4.create();//沿着Y轴向下平移1个单位mat4.fromTranslation(translateYMatrix,[0,-1,0]);//设置矩阵gl.uniformMatrix4fv(matrixUniformLocation,false,translateYMatri

superTiger_y·2024-09-05 04:33

glsl着色器学习（二）

这篇文章就创建着色器并编译创建顶点着色器对象constvertexShader=gl.createShader(gl.VERTEEX_SHADER);gl.shaderSource(vertexShader,vsGLSL

superTiger_y·2024-09-05 04:33

OpenGL ES: 纹理采样 texture sample

Sampler(GLSL)Sampler通常是在Fragmentshader（片元着色器）内定义的，这是一个uniform类型的变量，即处理不同的片元时这个变量是一致不变的。一个sampler

liuhongyi0104·2024-03-01 20:35

对于着色器语言 opengl 和 direct3d 有区别吗？

OpenGL着色器语言：OpenGL使用GLSL(OpenGLShadingLanguage)作为其着色器编程语言。

插件开发·2024-02-28 16:29

Ubuntu20.04 编译ogre

一：编译Ogresudoapt-yinstalllibgles2-mesa-devlibvulkan-devsudoapt-yinstallglslang-devsudoapt-yinstalllibsdl2

黑不溜秋的·2024-02-20 06:09

08-OpenGL ES 分屏滤镜

jpg分屏滤镜-分2屏分屏滤镜-分2屏.jpg分屏滤镜-分4屏分屏滤镜-分4屏.jpg案例-分屏滤镜导图案例分屏滤镜.jpeg源码链接https://github.com/SPIREJ/OpenGLES_GLSL

SPIREJ·2024-02-19 11:33

Python之OpenGL笔记(19)：正弦波叠加为方波的GLSL实现

一、目的1、正弦波叠加为方波的GLSL实现；二、程序运行结果三、正弦波合成方波的处理1、傅里叶函数分解方波公式： f(y)=4/PI*(sinx+sin3x/3+sin5x/5+...);2、实际程序里面公式为

大龙10·2024-02-15 08:07

关于creator材质和shader区别

Cocos有自己的一个Shader的结构，Shader的开发语言cocos使用的是GLSL编程语言。什么是材质？

我爬到树上等花开·2024-02-14 15:33

15.1 OpenGL可编程片段处理：片段着色器变量

片段着色器变量FragmentShaderVariables在OpenGL着色语言（GLSL）中，片段着色器（FragmentShader）具有以下功能和访问权限：访问当前程序对象的uniforms：片段着色器可以读取当前关联的程序对象中的

乘风之羽·2024-02-14 11:51

关于在VS中设置支持查看GLSL语言代码

关于在VS中设置支持查看GLSL语言代码背景当我们在vs中编写shader的glsl语言时，会发现有些关键字并没有标识出来，这时候我们可以在扩展中下载GLSL相关扩展包。

jenny_paofu·2024-02-14 05:20

UnityShader——02三大主流编程语言

相比的高级语言，“赋予程序员灵活而方便的编程方式”，并“利用图形硬件的并行性，提高算法的效率”Shaderlanguage目前主要有3种语言，基于OpenGL的OpenGLShadingLanguage，简称GLSL

Aubyn11·2024-02-13 19:21

第十四节—GLSL语法

GLSL语法和C语言的相似，但是GLSL中是没有指针的。另外，GLSL一般情况下都是没有语法提示的，所以最好不要写复杂的GLSL语言，除非你有业务需求，不然的话，很容易写错，而且找错也是很难的事情。

L_Ares·2024-02-13 03:30

【OpenGL】--- 使用Qt与OpenGL绘制纹理贴图的正方形

1.准备工作在创建一个QtWidgets应用程序项目后，首先在项目的根目录下创建两个文件，分别命名为vertexshader.glsl

Anshn·2024-02-12 12:07

11.1 OpenGL可编程顶点处理：顶点着色器

属性绑定：顶点着色器可以通过location限定符（在GLSL源码中）或SPIR-V着色器的L

乘风之羽·2024-02-10 09:43

OpenGL ES 入门之旅 -- GLSL光照计算

冯氏光照模型首先，在现实世界的光照是极其复杂的，而且会受到诸多因素的影响，这是我们有限的计算能力所无法模拟的。因此OpenGL的光照使用的是简化的模型，对现实的情况进行近似，这样处理起来会更容易一些。这些光照模型都是基于我们对光的物理特性的理解。其中一个模型被称为冯氏光照模型(PhongLightingModel)。冯氏光照模型的主要结构由3个元素组成：环境(Ambient)光照、漫反射(Diff

Henry_Jeannie·2024-02-08 11:59

【深圳大学计算机图形学】期末大作业虚拟场景建模

Bug解决实验结论实验代码期末大作业——main.cpp期末大作业——Camera.cpp期末大作业——MeshPainter.cpp期末大作业——TriMesh.cpp期末大作业——fshader.glsl

归忆_AC·2024-02-07 21:21

VScode配置glsl环境

目录1、插件安装2、代码补全配置3、环境测试1、插件安装点击扩展安装图中三个插件2、代码补全配置GLSLlint插件不附带着色器文件验证器，因此必须自己下载并在VSCode中设置路径。

混元太极马保国·2024-02-07 08:35

GLSL ES 1.0

GLSLES概述写在前面程序是大小写敏感的每一个语句都应该以英文分号结束一个shader必须包含一个main函数，该函数不接受任何参数，并且返回voidvoidmain(){}数据值类型GLSL支持三种数据类型

SauronKing·2024-02-07 01:00

OpenGL统一变量 Uniform Variables

特性与用途：声明与类型：在GLSL（Op

乘风之羽·2024-02-05 21:41

推荐频道