GLSL

webgl入门到成仙【入门-04wegbl的实际绘图思路】

04webgl的实际绘图思路知识点webgl的绘图思路找一台电脑浏览器里内置的webgl渲染引擎，负责渲染webgl图形，只认GLSLES语言找一块手绘板程序对象，承载GLSLES语言，翻译GLSLES
俞华·2023-11-02 07:39

webGL入门（一）

现代的GPU所包含的渲染管线为可编程渲染管线，可以通过编程GLSL着色器语言来控制一些渲染阶段的细节。简单来说：就是使用shader，我们可以对画布中每个像
火海妖·2023-11-02 07:05

快速实现GLSL Shader(支持GLES2/GLES3)的一个辅助小系统(源码下载)

QQ群:722973433):https://download.csdn.net/download/vily_lei/10795631下载之后解压缩，请看ReadMe.本系统简洁轻巧,用于快速实现基于glsles2
含影·2023-11-02 05:12

渲染系统中MRT和RTT的应用组合(WEBGL2 GLSL ES3实现)

(其实MRT和RTT只是输出目标是多个和一个的区别,当然glsl代码也有区别)我的渲染系统的设计思路是用RTT/MRT控制对象来管理这个流程。
含影·2023-11-02 05:42

Unity ShaderGraph图片发光效果

Glow)原理ShaderGraph前言发光的基本原理，如何给图片施加不同颜色的光公式讲解部分参考10行代码搞定“热成像”【shader奇技淫巧】发光效果(Glow)ShaderGraph连线图原理在GLSL
SlowFeather·2023-10-27 23:43

13-3.GLSL-灰度、颠倒、马赛克滤镜分析

准备工作准备工作的代码与分屏demo中一致，只需要修改相应的底部item数组及对应的着色器名称等顶点着色器也没有任何变化，主要是片元着色器中的实现滤镜算法灰度滤镜灰度滤镜的实现原理是让RGB值保持一个平衡并填充，或者只保留一个亮度值，即绿色，在人眼中，绿色的亮度是最显眼的，绿色值越深，在肉眼观察中图片越暗淡，这是眼睛的一种生理现象。灰度滤镜公式浮点算法：Gray=R*0.3+G*0.59+B*0.
Pufus·2023-10-27 21:45

OpenGL ES-07-案例04-GLSL加载图片

当我们在不能使用GLKit的情况下，也可以使用GLSL来加载一张图片。那么我们今天就通过小案例来看一下代码实现。同时了解一下帧缓冲区和渲染缓冲区的关系。
宇宙那么大丶·2023-10-27 19:28

取余运算应用(2)-在glsl中

取余运算应用(2)-在glsl中初始化,根据到圆心的距离绘制一个圆voidmainImage(outvec4fragColor,invec2fragCoord){vec2uv=(fragCoord.xy
DSLMing·2023-10-27 09:50

app_github地球学习(4)_地球伪贴图

/shader/fragment.glsl.js";importvertexfrom"./shader/vertex.glsl.js";windo
DSLMing·2023-10-27 09:50

Unity GLSL shader

GLSLshader我们先基于Unity创建一个最基础的Shader文件，它的代码看起来是这样的：Shader"LearnShader/GLSL/LearnGLSLShader"{Properties{
会打马赛克的小老弟·2023-10-26 20:55

第1章 入门

1.1语言和库C++开发环境OpenGL/GLSL窗口管理库扩展库数学库纹理图像加载库1.1.1C++本文推荐使用MicrosoftGVisualStudio作为C++开发环境1.1.2OpenGL/GLS
去往火星·2023-10-26 08:55

OpenGL系列之十八：FBO离屏渲染

三角形顶点增加颜色OpenGL系列之四：绘制四边形OpenGL系列之五：绘制点和线OpenGL系列之六：绘制立方体OpenGL系列之七：纹理贴图OpenGL系列之八：立方体纹理贴图OpenGL系列之九：glsl
itfitness·2023-10-25 08:08

OpenGL —— 2.9、摄像机之模拟CS鼠标视角转动（附源码，glfw+glad）

具体代码：          vertexShader.glsl#version330corelayout(location=0)invec3aPos;layout(location=1)invec2aUV
信必诺·2023-10-24 15:11

OpenGL ES-13-案例08-6种图片动效滤镜

因为今天要展示动态效果，于是在GLSL加载图片的代码中，添加了时间戳传入片元着色器中进行计算动态效果的周期。
宇宙那么大丶·2023-10-23 19:50

OpenGL-着色器

GLSLOpenGL驱动使用的着色器语言是一种叫做GLSL的类C语言写成的，它包含一些针对向量和矩阵操作的有用特性。(D3D11驱动是使用的着色器语言是HLSL)
STL_f36e·2023-10-23 01:56

自学OpenGL（七）-着色器

GLSL着色器是使用一种叫GLSL的类C语言写成的。GLSL是为图形计算量身定制的，它包含一些针对向量和矩阵操作的有用特性。用法与特性可
朽木自雕也·2023-10-22 15:30

OpenGL ES案例之GLSL分屏滤镜

  今天我们用一个自定义着色器，来实现图片分屏效果。具体效果如下：  下方可点击的collectionView，我们这里所用的方法就是根据点击的不同，调用不同的顶点和片元着色器，然后达到不同的绘制效果。其余绘制部分，初始化部分，和之前我们的文章中讲述的没有任何差别。所以我们只要领会不同的着色器代码就可以了。且顶点着色器的代码都一样，我们只是修改片元着色器的映射关系，来达到分屏的目的。2分屏映射关系
爱看书de图图·2023-10-21 16:08

OpenGL —— 2.8、漫游之摄像机飞行移动（附源码，glfw+glad）

具体代码：          vertexShader.glsl#version330corelayout(location=0)invec3aPos;layout(location=1)invec2aUV
信必诺·2023-10-20 17:53

OpenGL —— 2.6、绘制一个正方体并贴图（附源码，glfw+glad）

具体代码：          vertexShader.glsl#version330corelayout(location=0)invec3aPos;layout(location=1)invec2aUV
信必诺·2023-10-20 14:47

OpenGL —— 2.7、绘制多个自旋转的贴图正方体（附源码，glfw+glad）

具体代码：          vertexShader.glsl#version330corelayout(location=0)invec3aPos;layout(location=1)invec2aUV
信必诺·2023-10-20 14:13

六：GLSL分屏滤镜

默认顶点着色器代码：attributevec4Position;//顶点坐标attributevec2TextureCoords;//纹理坐标varyingvec2TextureCoordsVarying;//传递到片元着色器中的纹理坐标voidmain(void){gl_Position=Position;TextureCoordsVarying=TextureCoords;}片元着色器代码：p
凯歌948·2023-10-20 02:05

OpenGL ES - GLSL

OpenGLES-GLSL不采用GLKBaseEffect，使用编译链接自定义的着色器（shader）。用简单的glsl语言来实现顶点、片元着色器，并图形进行简单的变换。
Caolongs·2023-10-19 21:05

openGL 着色器原理说明

下面是图形渲染管线：注意：此处的片元着色器输出gl_FrageColor为glsl1.0版本，glsl3.0之后使用vec4输出即可2.顶点着色器顶点着色器程序用来描述顶点需要执行的模型变换、视变换、投影变换
章小京·2023-10-19 01:52

2023年5月29日--2023年6月3日（业余进行UE C++多人游戏大师课程,本周10小时，共2119小时，剩余7881小时。）

(7.1)，tf1(4.11),蓝图反射(1.9)，moba（1.5）webapp（2.4），mmoarpg(00A_04)，fps1_30（1/3），socket(2.57)Opengl(5.9),GLSL
directx3d_beginner·2023-10-16 07:27

2023年1月9日--1月15日(osg+glsl+ue+socket，42小时，合计1859小时，剩余8141小时)

mysql(7.1)，tf1(4.11),oss(12.2),蓝图反射(1.9)，moba（1.5）webapp（2.4），mmoarpg(00A_04)，socket(2.57)Opengl(5.9),GLSL
directx3d_beginner·2023-10-16 07:57

2023年1月23日--2023年1月29日（osg+glsl+socket+ue，本周20小时，合计1899小时，剩余8101小时）

mysql(7.1)，tf1(4.11),oss(12.2),蓝图反射(1.9)，moba（1.5）webapp（2.4），mmoarpg(00A_04)，socket(2.57)Opengl(5.9),GLSL
directx3d_beginner·2023-10-16 07:57

2023年1月2日--1月8日（opengl+ue+socket,20小时，合计1817小时，剩余8183小时）

mysql(7.1)，tf1(4.10),oss(12.2),蓝图反射(1.8)，moba（1.5）webapp（2.4），mmoarpg(00A_04)，socket(2.56)Opengl(5.9),GLSL
directx3d_beginner·2023-10-16 07:57

webGl shader的学习记录(二)js 与(glsl语言) OpenGL ES之间如何进行交互？及其如何在js中对vertexShader与fragmentShader进行赋值

下面我们将会接触到的是，如何使用js与(glsl语言)OpenGLES之间进行交互。在了解两者之间如何通讯的时候，我们需要了解一些定义。这些定义出来的数据，可以是的glsl与js进行交互。
sogooday·2023-10-14 09:59

《Unity Shader入门精要》第一章

2.什么是HLSL、GLSL、CG？3.什么是DrawCall，为什么DrawCall多了会影响
今天恭喜发财·2023-10-13 08:15

OpenGL系列之十：VAO、VBO、EBO的应用

三角形顶点增加颜色OpenGL系列之四：绘制四边形OpenGL系列之五：绘制点和线OpenGL系列之六：绘制立方体OpenGL系列之七：纹理贴图OpenGL系列之八：立方体纹理贴图OpenGL系列之九：glsl
itfitness·2023-10-10 23:50

Shader杂记---GLSL To Cg

1.替换iGlobalTime为_Time.y2.替换iResolution.xy替换为_ScreenParams.xy3.替换vec2为float24.替换mat2为float225.替换vec3(1)为float3（1,1,1）6.替换Textrue2D为Tex2D7.替换atan(x,y)为atan2(y,x)8.替换mix()为lerp()9.替换为mul()10.mainImage(ou
刘培玉--大王·2023-10-10 16:09

9.变换之平移

1.知识点1.1.齐次坐标在GLSL中Vec4进行坐标表达时，作为齐次坐标(x,y,z,w).当w=1时，这个vec4可以表达一个点的三维坐标。在进行平移时，应保证偏移量的W为0。
就是那个帕吉·2023-10-07 16:23

OpenGL——GLSL高级篇

将它们一个一个声明是着色器间发送数据最简单的方式了，但当程序变得更大时，希望发送的可能就不只是几个变量了，它还可能包括数组和结构体；为了帮助我们管理这些变量，GLSL为我们提供了一个叫做接口块(InterfaceBlock
&动感超人·2023-10-07 01:28

OpenGL ES 案例09：分屏滤镜

本案例的目的是理解如何用GLSL实现分屏（2/3/4/6/9）滤镜案例的效果图如下准备工作自定义着色器完成无分屏滤镜的着色器代码顶点着色器attributevec4Position;attributevec2TextureCoords
辉辉岁月·2023-10-06 01:01

OpenGL ES API（绑定shader）

OpenGLES创建一块内存，使用GLSL编写shader，然后触发GPU的shader编译器进行编译。
Mhypnos·2023-10-05 23:09

OpenGL(十一)-2D纹理单元

GLSL中提供一个共
king_jensen·2023-10-04 02:03

在iOS上如何使用OpenGL给图形添加一些变换

创建一个变换矩阵编写GLSL接收矩阵修改矩阵的值创建矩阵我们用GLKit可以很容易的创建一个单位矩阵GLKMatrix4Identity，接着我们对这个矩阵做一些平移、缩放、旋转的处理。
zhonglaoban·2023-10-03 16:39

12-1.GLSL-索引绘图+纹理混合案例

效果图本效果在上一章文章代码(11-2.GLSL-索引绘图案例)的基础加以改造主要需要修改和新增两个部分修改自定义着色器(shaderv.vsh以及shaderf.fsh文件)修改CCView中renderLayer
Pufus·2023-10-03 02:51

Interactive-slam& imGui & slam3dTool防坑手册

failedtocompileshader/home/ros_proj/catkin_ws/src/interactive_slam/data/shader/rainbow.vert0:1(10):error:GLSL3.30isnotsupported.Supportedve
燃烧的枫·2023-10-01 06:04

OPENGL ES 2.0 知识串讲（2）――EGL详解

更多音视频知识请关注公众号：进击的代码家上一节我们初步学习了OpenGLES、EGL、GLSL的相关概念,了解了它们的功能,以及它们之间的关联。
进击的代码家·2023-10-01 05:46

OpenGL ES 2.0 知识串讲（2）――EGL详解

2017年7月9日发表，原文链接(http://geekfaner.com/shineengine/blog3_OpenGLESv2_2.html)上节回顾上一节我们初步学习了OpenGLES、EGL、GLSL
a2923790861·2023-10-01 05:14

Opengl之多光源

GLSL中的函数和C函数很相似，它有一个函数名、一个返回值类型，如果函数不是在main函数之前声明的，我们还必须在代码文件顶部声明一个原型。
蓝天巨人·2023-09-29 20:11

Vulkan-着色器及编译SPIR-V

1.着色器模块介绍Vulkan着色器代码一定要用字节码格式，而不是人类可读的语法如GLSL和HLSL。这个字节码就是SPIR-V，设计用于Vulkan和OpenCL。
ghjk014·2023-09-29 16:56

iOS视觉-- (05) OpenGL ES+GLSL实现正方体贴6张图解析

上一篇文章我们通过金字塔延伸到了正方体，然后到这篇正方体每一个面贴一张图。先看效果图：Demo效果图接下来让我们开始学习OpenGL一个重要‼️的知识点：纹理借鉴博客：半纸渊--基础纹理前言：之前我们说过纹理可以简单理解为图片，但是纹理不简简单单图片。1.Texture是什么？Texture纹理，就是一堆被精心排列过的像素；Texture在OpenGL里面有很多种类，但在ES版本中就两种：Text
桀骜不驯的搬砖者·2023-09-26 12:28

OpenGL ES分屏滤镜-静态分屏

预备知识首先，我们来了解等一下会使用到的GLSL运算和函数。vec2是二维向量类型，它支持下面的各种运算。向量与向量的加减乘除（两个向量需要保证维数相同）下面以乘法为例，其他类似。vec2a,b
Joker_King·2023-09-26 09:53

opengl 着色器

Opengl着色器文章目录Opengl着色器前言一、GLSL二、使用步骤效果前言着色器(Shader)是运行在GPU上的小程序。这些小程序为图形渲染管线的某个特定部分而运行。
保尔柯察杨·2023-09-26 05:04

OpenGL之着色器

GLSL着色器是使用一种叫GLSL的类C语言写成的。GLSL是为图形计算量身定制的，它包含一些针对向量和矩阵操作的有用特性。声明版本输入和输出变量unifo
蓝天巨人·2023-09-26 05:02

11-1.GLSL-索引绘图

索引绘图索引绘图是一种由开发者指定顶点连接顺序的绘图方式。优势是可以复用顶点，减少内存的使用。如绘制一个金字塔3D图形时，如果使用三角形带或三角形组合绘制时，将会有多个顶点的重复，但如果使用索引绘图，则只需要5个点，重复利用，指定其连接顺序即可实现金字塔3D图形的绘制。金字塔金字塔，有5个面，由6个三角形组成，一共有18个顶点，然而实际肉眼可见的只有5个顶点。可以理解为这个5个顶点通过其中3个顶点
Pufus·2023-09-25 08:32

[游戏开发][Shader]GLSLSandBox转Unity-CG语言

官网GLSLSandboxGalleryhttps://glslsandbox.com/屏幕坐标计算fragCoord与_ScreenParamsmat2矩阵转换vec2向量在GLSL里mat2(a,b
Little丶Seven·2023-09-24 03:53

WebGL笔记：WebGL中JS与GLSL ES 语言通信，着色器间的数据传输示例：用鼠标控制点位

用鼠标控制点位attributevec4a_Position;voidmain(){//点位gl_Position=a_Position;//尺寸gl_PointSize=50.0;}voidmain(){gl_FragColor=vec4(1,1,0,1);}import{initShaders}from"./utils.js";constcanvas=document.querySelecto
Wang's Blog·2023-09-24 01:25
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他