GLSL

Android OpenGL ES 学习(五) -- 渐变色

OpenGL学习教程AndroidOpenGLES学习(一)–基本概念AndroidOpenGLES学习(二)–图形渲染管线和GLSLAndroidOpenGLES学习(三)–绘制平面图形AndroidOpenGLES
夏至的稻穗·2022-12-04 19:38

Android OpenGL ES 学习(六) – 使用 VBO、VAO 和 EBO/IBO 优化程序

OpenGL学习教程AndroidOpenGLES学习(一)–基本概念AndroidOpenGLES学习(二)–图形渲染管线和GLSLAndroidOpenGLES学习(三)–绘制平面图形AndroidOpenGLES
夏至的稻穗·2022-12-04 19:31

第七章：3D模型渲染

gl40tut07.htmlTutorial7:3DModelRendering第七章：3D模型渲染Thistutorialwillcoverhowtorender3DmodelsinOpenGL4.0usingGLSL.Thecodeinthistutorialisbasedonthecodefromthediffuselighting
weyson·2022-12-04 09:10

OpenGL ES 学习(二) -- 渲染模式和GLSL

上一章，我们学习了OpenGL的基本知识，这一章，一起学习OpenGL的渲染模式和渲染语言GLSL。
夏至的稻穗·2022-11-29 13:47

OpenGL原理与实践——核心模式（五）：颜色、基础光照、Phong模型、材质与光

光照模型——局部光照模型环境光编辑漫反射镜面反射材质与光材质与纹理的关系材质在shader的体现材质属性与光属性光在shader的体现整体源码实现及渲染结果关键代码shader——vertexShader.glsl
BBBourne·2022-11-26 16:17

iOS视觉-- (09) OpenGL ES+GLSL实现摄像头录制渲染解析

前面都是讲一些关于图片的一些操作，下一步进击视频相关的东西。由浅入深的学习，因为万事开头难，不要想着一步登天。静下心来一步一步的往上爬。每天能学到一点东西就是进步，持之以恒才是最重要的。千里之行始于足下...本文借鉴：落影大神-摄像头采集数据和渲染本文Demo首先我们明确一下我们要实现的东西：1.摄像头录制2.使用OpenGLES渲染视频帧1.摄像头录制这里我们主要是学习OpenGLES怎么渲染视
桀骜不驯的搬砖者·2022-11-24 18:57

OpenGL教程（五）

着色器就是运行在GPU上的小程序，简单来说，着色器就是仅仅是一个将输入数据经过一定转换然后输出的过程，着色器之间是非常独立的，彼此之间除了输入输出之外没有其他交流，这篇文章将会详细介绍着色器以及编写着色器的语言GLSL
QStack·2022-11-21 12:38

openGL &GLSL texture()函数详解

前言一般，在三维项目添加纹理的时候，经常会看到有和纹理操作的函数，先看一段片元着色器程序：在片元着色器中#version450coreoutvec4FragColor;invec2TexCoords;uniformsampler2DdepthMap;uniformfloatnear_plane;uniformfloatfar_plane;//requiredwhenusingaperspectiv
妙为·2022-11-13 00:25

Anime4K配置记录

diff_original_x2.jpg环境：MacBookPro16-inchmpv0.34.1(GPU占用在%20～%50)IINA1.3.0(GPU占用在%30～%40)Anime4KGLSL(v3.2Stable
夙小叶·2022-10-25 22:57

OpenGL与Unity Shader常用基础面试题

HLSL、GLSL、CG2.OpenGL的渲染流程？（不同的管线流程应该是有去别的，大体上是这样的）读取顶点数据→执行顶点着色器→组装图元→光栅化图元→执行片段着色
hongge372·2022-10-12 19:40

【Unity3D】表面着色器

目前主流的Shader编程语言主要有GLSL、HLSL、CG，如下：GLSL：OpenGLShadingLanguage，基于OpenGL接口，跨操作系统，依赖硬件，可以在Windows
little_fat_sheep·2022-09-18 10:07

Android Studio 添加支持 GLSL 文件格式

最近在看OpenGL中shader文件的语法，发现AS中glsl中的方法名不能点击关联，很不方便，找了一个插件image.png插件是有了，但是只支持几种shader文件的格式，需要手动配置以下Mac版本
pursuit_hu·2022-09-09 14:37

iOS视觉-- (07) OpenGL ES+GLSL实现多滤镜解析

上一篇我们学习了对图片进行灰色滤镜处理，现在这篇我们将进行学习多滤镜处理。那么多滤镜的处理原理是什么呢？我们先简单的来回顾一下OpenGL的工作流程渲染流程图简化版根据流程图我们很容易想到对一张图片进行两种滤镜的步骤就像下面这个图一样：假想图但是作为开发者都知道这样行不通的，为什么？我们使用OpenGLES来处理图片的原因最直接的一个原因是因为：使用GPU处理图片的速度远超CPU。而整个过程除了一
桀骜不驯的搬砖者·2022-08-25 11:48

前端周刊第三十一期

如果外链不能访问，关注公众号前端每周看，里面有解决办法大事件JS10242022竞赛优胜者——JS1024是一项“代码高尔夫”竞赛，您有15天的时间在1024字节内创建JavaScript或GLSL程序
·2022-08-07 15:07

KTL 一个支持C++14编辑公式的K线技术工具平台 - 第七版，体验GPGPU。

体验通过编写GLSL，HLSL，为GPUShader实现运算Kerenl。
bbqz007·2022-06-27 11:00

如何1人5天开发完3D数据可视化大屏 【一】

大约一周的时间开发出了一个酷炫的数据可视化大屏：1前言由于篇幅问题，整篇会分为两个部分，围绕以下几个核心分享：【一】地球的实现地球可点击的交互逻辑飞线的实现【二】平面地图的实现柱体的实现性能优化地图相关问题涉及到的知识点：GLSL
360技术·2022-06-01 07:21

uniform，attribute和varying

GLSL三种变量类型（uniform，attribute和varying）理解1.uniform变量uniform变量是外部程序传递给（vertex和fragment）shader的变量。
hhy980205·2022-03-24 04:14

three.js引入glsl文件并高亮显示代码的完整步骤

目录同一个js文件中引入glslglsl文件与js文件分开高亮显示glsl代码总结同一个js文件中引入glsl在three.js中自己写shader语言的时候，我们需要把glsl与JavaScript两种语言结合起来
·2022-03-19 13:01

OpenGL Shader实现物件材料效果详解

在此之前一直困惑这类滤镜效果是如何实现的，单纯glsl脚本来绘制难度似乎有点大。例如下面截取平台的几种效果像是在图片上方覆盖了一个透明图层。
·2022-02-23 09:13

GLSL实现纹理与颜色混合

OpenGLES索引绘图-上文介绍了使用索引绘图绘制金字塔案例，本文基于金字塔案例的基础上，使用GLSL实现纹理与颜色的混合。
_涼城·2022-02-22 07:53

OpenGL ES 案例07：GLSL使用索引绘图 + 纹理颜色混合

OpenGL+OpenGLES+Metal系列文章汇总本文案例代码有OC及Swift版本，详情见文末链接，讲解以OC版本为主本案例是在OpenGLES案例05：GLSL使用索引绘图案例的基础上新增纹理与颜色的混合填充功能整体效果图如下
Style_月月·2022-02-21 11:17

《GPU编程与CG语言之阳春白雪下里巴人》- 第三章（Shader Language）

------歌德InthelastyearIhaveneverhadtowriteasingleHLSL/GLSLshader.Bottomline,Ican'tthinkofanyreasonNOTtouseCG.ShaderLanguage
成都小萝卜·2022-02-20 15:07

OpenGL Shader实现简单转场效果详解

那么如何在glsl中去实现转场效果？其实转场效果可以理解成两个纹理对象切换的过程。首先提前条件需要两个纹理对象，然后在这两个纹理对象上去实现纹理和纹理之间的切换。渐变转场通过mix函数混合两个纹理图
·2022-02-18 09:33

从0开始的OpenGL学习（四）-着色器类

一、开胃小菜GLSL先来点开胃菜，扯两句GLSL。之前我们就用过GLSL搞了个顶点着色器和片元着色器，也算是对它不陌生了。
闪电的蓝熊猫·2022-02-18 07:11

Android自定义camera2相机 系列（三）GLSL语言基础学习

前言该篇文章是继camera2的基础上添加的Opengles，实现滤镜或者黑白灰等效果，由于Opengles需要设置GLSL语言的shader，这里单独加一张GLSL的学习笔记。
小肥羊冲冲冲·2022-02-15 12:09

OpenGL ES 案例06：GLKit使用索引绘图

OpenGLES+Metal系列文章汇总本文案例代码有OC及Swift版本，详情见文末链接，讲解以OC版本为主本案例的主要目的是理解GLKit中的索引绘图如果对索引绘图有不了解的，请先看OpenGLES案例05：GLSL
Style_月月·2022-02-14 19:43

Three.js 教程: 介绍

GLSL-OpenGLShadingLanguage也称作GLsla
谢大见·2022-02-13 06:27

WebGL & Three.js 入门

其中得GLSL是GPU部分对应的编程语言，可以用GLSL编写着色器程序，并配合JavaScript共同实现3D效果。
风之化身呀·2022-02-12 17:22

详解OpenGL Shader抗锯齿的实现

在glsl中这种情况是常见情况，这里是可以借助glsl内置函数来消除锯齿现象。vec3sdfCircle(vec2uv,floatr,vec3value){floatd
·2022-02-11 18:24

cocosCreator材质effect丝带飘飞效果GLSL语法

使用GLSL可以制作出很多漂亮有趣的材质效果首先要理解，GLSL管道是消耗的gpu，我们的材质文件处理的是每一个像素点的逻辑。
传奇狗·2022-02-11 12:04

OpenGL ES案例-分别用GLSL和GLKit绘制可旋转的金字塔

矩阵库.png二、GLSL实现代码主体和上一个案例一样，我们自定义两个着色器：顶点着色器shaderv.glsl和片源着色器shad
Sheisone·2022-02-09 23:34

OpenGL ES GLSL绘制金字塔

这个金字塔的外部效果，由顶点颜色和纹理颜色混合成，我们先实现用顶点颜色实现这个金字塔的样子，最终效果如下图所示：QQ20200802-122907-HD.gif绘制这个金字塔，我们分6部去实现这个效果：第一步：绘制图层：self.mEagLayer=(CAEAGLLayer*)self.layer;[selfsetContentScaleFactor:[[UIScreenmainScreen]sc
大橘猪猪侠·2022-02-08 18:38

OpenGL ES 案例13：动效滤镜（6种）

OpenGL+OpenGLES+Metal系列文章汇总本案例的目的是理解如何用GLSL实现缩放+灵魂出窍+抖动+闪白+毛刺+幻觉6中动效滤镜准备工作准备工作的代码与OpenGLES案例11：分屏滤镜中一致
Style_月月·2022-02-07 17:17

使用Qt进行OpenGL开发-绘制简单矩形

代码采用的是Qt的Opengl模块，管道编程采用的是GLSL语言。在头文件中需要包含Qt对应的模块头文件,对应的头文件代码如下。opengl.h#ifndefOPENGL_H
码农飞飞·2022-02-07 16:56

基于Qt的OpenGL(三)：QOpenGLShaderProgram和GLSL

QOpenGLShaderProgram是对ShaderProgram编译过程的封装，不管是加载SourceCode还是SourceFile，采用Qt的封装都是非常棒的。如果不封装，就会像下图一样，先把代码写入字符串，没有颜色标识，而且每行还得有换行符，非常麻烦。因此我们希望能像普通的C++代码一样编写Shader，好在Qt已经帮我们封装好了。为了在QT中正常加载并编辑shader文件：在工具->
@会飞的毛毛虫·2022-02-07 16:20

OpenGL ES 案例04：GLSL加载图片

OpenGL+OpenGLES+Metal系列文章汇总本案例的主要目的在于理解GLSL语言自定义着色器以及自定义着色器是如何使用的案例的效果是利用GLSL自定义的着色去加载一张图片，效果图如下案例效果图案例的整体流程图如下整体流程图流程中主要分为
Style_月月·2022-02-06 03:56

OpenGL ES 案例11：分屏滤镜

OpenGL+OpenGLES+Metal系列文章汇总本文案例代码有OC及Swift版本，详情见文末链接本案例的目的是理解如何用GLSL实现分屏（2/3/4/6/9）滤镜案例的效果图如下分屏-效果图.gif
Style_月月·2022-02-04 19:36

四、 OpenGL ES GLSL图片倒置的翻转解决方案（6种）

OpenGL+OpenGLES+Metal系列文章汇总在OpenGLES案例04：GLSL加载图片案例中，我们发现加载的图片是倒置的，如下图所示图片倒置的效果图倒置的原因很简单，主要是由于纹理坐标的原点
Style_月月·2022-02-03 09:03

06 - OpenGL ES学习之绘制一个立方体

在后续的文章中，我都是在VSCode里编写着色器，安装GLSL扩展后，可以
CoderP1·2021-12-10 10:38

Cocos effect基本知识

Cocoseffect是基于opengl的，使用glsl语法和函数。但是经过了cocos进行封装，所以一般看不到main函数，直接写关键函数即可。
魂狩·2021-12-08 15:48

Cesium 实现建筑夜景贴图

在线预览Demo源码在新版本的Cesium(1.87.0)，支持了CustomShader，可以为Cesium3DTileset编写自定义的GLSL代码。
·2021-11-22 09:33

九、OpenGL ES - 综合练习

音视频开发：OpenGL+OpenGLES+Metal系列文章汇总通过GLSL实现金字塔旋转案例，了解索引数组的使用，以及GLSL实现图形变换主要内容：索引数组的了解旋转金字塔案例1、索引数组的了解索引绘图技巧就是指将图形中的肉眼可见的顶点
iOS之文一·2021-11-02 10:04

WebGL着色器渲染小游戏实战

项目起因经过对GLSL的了解，以及shadertoy上各种项目的洗礼，现在开发简单交互图形应该不是一个怎么困难的问题了。下面开始来对一些已有业务逻辑的项目做GLSL渲染器替换开发。
·2021-10-28 18:49

WebGL着色器渲染小游戏实战

项目起因经过对GLSL的了解，以及shadertoy上各种项目的洗礼，现在开发简单交互图形应该不是一个怎么困难的问题了。下面开始来对一些已有业务逻辑的项目做GLSL渲染器替换开发。
凹凸实验室·2021-10-28 18:00

八、OpenGL ES - GLSL的使用

我们可以通过GLSL写顶点着色器和片元着色器，完成自定义的操作，这是OpenGLES实现可编程管道的手段。因此本文就着重介绍GLSL语法，以及GLSL的初步使用。
iOS之文一·2021-10-27 10:12

Unity-SRP之DrawCall

着色语言有三种，微软DirectX的HLSL（HighLevelShadingLanguage）、OpenGL的GLSL(OpenGLShadingL
cchoop·2021-10-13 11:37

OpenGL ES – 多种特效shader

然后安装一个叫做glsl-canvas还有ShaderLanguage的插件，这样写的shader语法就会高亮，并且可以实时查
再好一点点·2021-09-15 11:34

GLKit详解 (下) 与 OpenGL GLSL 初探 (3) (11)

GLKViewController关于更新方法的补充GLKViewController补充点,如果被子类化且实现了updata,则该方法每60FPS的频率调用image.png案例--OpenGLESGLKit加载立方体图形思路导图image.png这次我们的VC并没有继承什么的,只是声明了一个GLKView属性,在这个图层上面实现我们要完成的效果image.png这里的数据是由一个结构体提供的,
为了自由的白菜·2021-09-02 09:09

GLSL入门

着色器语言GLSL(opengl-shader-language)入门大全基本类型:类型说明void空类型,即不返回任何值bool布尔类型true,falseint带符号的整数signedintegerfloat
困惑困惑困惑·2021-08-08 23:44

glsl 内建函数 dot(float x, float y)的运算逻辑

dot函数是用来处理向量点乘的，如果传进去是float类型会怎么处理呢？我写了一段代码用来测试，发现floatx会被处理成Vec_(x,0,0...),x是会被处理成第一项为x的向量参与运算。#ifdefGL_ESprecisionmediumpfloat;#endifuniformvec2u_resolution;//canvassize(width,height)uniformvec2u_mo
·2021-08-03 12:29
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他