GLSL

OpenGL ES 案例04：GLSL加载图片

本案例的主要目的在于理解GLSL语言自定义着色器以及自定义着色器是如何使用的案例的效果是利用GLSL自定义的着色去加载一张图片，效果图如下案例的整体流程图如下流程中主要分为4个模块准备工作：项目的创建及自定义视图

辉辉岁月·2025-07-26 09:21

学习threejs，使用自定义GLSL 着色器，生成漂流的3D能量球

⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️GLSL着色器1.1.1☘️着色器类型1.1.2☘️工作原理1.1.3☘️核心特点1.1.4☘️应用场景1.1.5☘️实战示例二、使用自定义

gis分享者·2025-07-10 14:15

在 Vite 中将资源引入为字符串

在Vite中将资源引入为字符串：便捷导入非JavaScript资源的利器在前端项目开发过程中，我们常常需要处理各种类型的资源文件，如GLSL着色器、CSS样式表、HTML片段、配置文件等。

苦夏木禾·2025-07-06 13:59

学习threejs，使用自定义GLSL 着色器，生成艺术作品

⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️GLSL着色器1.1.1☘️着色器类型1.1.2☘️工作原理1.1.3☘️核心特点1.1.4☘️应用场景1.1.5☘️实战示例二、使用自定义

gis分享者·2025-07-05 13:41

Soc 离屏渲染优化 - 序

,又解决了什么问题.背景大概在一年半年前由于工作上的原因接触到了OpenGL,为此我还写了一篇笔记OpenGL简介.在这个示例里,演示了如何使用OpenGL实现转场特效这一实现,比如百叶窗的frag.glsl

皓瑞 =)·2025-07-04 18:03

H5液态玻璃背景效果实现

效果预览本教程提供了两种实现方式：基础版本：使用Canvas2DAPI实现，适合初学者，兼容性好高级版本：使用WebGL和GLSL着色器实现，效果更加逼真，但复杂度更高两个版本都具有以下

木木黄木木·2025-06-29 21:31

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

推荐频道