GLSL

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

OpenGL系列之十一：Shader图片转场切换动画

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

OpenGL ES 案例：分屏滤镜

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

webgl 着色器

webgl的着色器语言是GLSLES语言片元着色程序，要写在type=“x-shader/x-fragment”的script中。
weixin_38107457·2023-09-22 11:40

WebGL中如何初始化顶点着色器和片源着色器，和添加到程序中

1.WebGL中如何初始化顶点着色器和片源着色器，和添加到程序中这个流程主要分为着几步.创建对应的着色器(顶点着色器，片源着色器),createShader()设置着色器的数据源(设置着四器的GLSL程序代码
你大爷的,这都没注册了·2023-09-22 11:39

WebGL 创建和初始化着色器过程

1.编译GLSLES代码，创建和初始化着色器供WebGL使用。
weixin_34080903·2023-09-22 11:39

WebGL - 着色器初始化流程

之前对着色器的初始化都是使用的initShaders()这个方法，部分代码在文章最后，其内部分执行细节没有去清晰的了解过，下面做进一步的了解和分析，才能更深入的了解webgl的原理initShaders()方法的主要作用是编译GLSLES
「已注销」·2023-09-22 11:36

webgl 系列 —— 着色器语言

着色器语言本篇开始学习着色器语言——GLSL全称是GraphicsLibraryShaderLanguage（图形库着色器语言）GLSL是一门独立的语言，和其他语言一样有自己的变量、运算符、函数、循环(
2301_76725413·2023-09-22 11:04

WebGL中JS与GLSL ES 语言通信，着色器间的数据传输示例：js控制绘制点位

js改变点位，动态传值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.querySel
Wang's Blog·2023-09-21 23:32

GLSL-WebGL着色器语言语法详解

GLSL语法GLSL它是强类型语言，每一句都必须有分号。它的语法和typescript挺像。
天外天-亮·2023-09-21 23:47

GLSL in Unity 系列文章（七）：遮挡X光透视效果

今天使用GLSL在Unity3D中实现一个遮挡X光透视效果，老规矩，先上效果：遮挡X光透视效果这个效果的原理也比较简单，首先使用正常的一个pass来绘制物体，然后新增一个pass用于绘制被遮挡部分的效果
雄关漫道从头越·2023-09-18 05:31

10-1.GLSL加载图片

效果图整体流程图整体流程图主要分为4个模块准备工作：项目的创建及自定义视图、属性等自定义着色器：利用GLSL编写自定义的顶点、片元着色器初始化：创建layer、context，清空缓存区，以及设置Render
Pufus·2023-09-17 21:23

分享一个Python 写的监控日志log txt文档 的代码

监控界面涉及的Python代码，有需要的拿去吧时间戳unicode-没用上（python3）文件夹遍历读取文件夹enumerate（）方法while循环+sleep(1)#相关的Renderdoc关于glslshader
avi9111·2023-09-17 01:55

shader学习笔记（二）

有三总语言可以编写HLSL(HighLevelShadingLanguage)GLSL（OpenGLShadingLanguage）CG(CforGraphic)OpenGL简介GLSL（OpenGLShadingLa
summer鹏·2023-09-16 11:51

OpenGL ES --使用GLSL语言加载一张图

用简单的glsl语言来实现顶点、片元着色器，并图形进行简单的变换，整体思路的代码实现。首先按照我们的思路设置好每一步的方法名，以及所需要的
HardCabbage·2023-09-16 07:39

13-1.GLSL-分屏滤镜分析

全屏默认顶点着色器Normal.vsh代码attributevec4Position;attributevec2TextureCoords;varyingvec2TextureCoordsVarying;voidmain(void){gl_Position=Position;TextureCoordsVarying=TextureCoords;}片元着色器Normal.fsh代码precision
Pufus·2023-09-13 16:57

三、OpenGL ES GLSL语言 & 自定义着色器常用API

EGL(EmbeddedGraphicsLibrary)OpenGLES命令需要渲染上下⽂和绘制表面才能完成图形图像的绘制渲染上下⽂:存储相关OpenGLES状态，是一个状态机绘制表面：⽤于绘制图元的表面,需要指定渲染的缓存区,例如颜⾊缓、深度和模板OpenGLESAPI并没有提供如何创建渲染上下文或者上下文如何连接到原生窗口系统.EGL是Khronos渲染API(如OpenGLES)和原⽣窗⼝系
Mjs·2023-09-11 10:30

GLSL ES着色器 精度限定字

目录前言WebGL支持的三种精度数据类型的默认精度float类型没有默认精度预处理指令在GLSLES中常用的三种预处理指令。
山楂树の·2023-09-11 05:40

GLSL ES着色器语言 使用矢量和矩阵的相关规范

赋值和构造矢量构造函数矩阵构造函数构造矩阵的几种方式访问元素.运算符矢量的分量名［］运算符运算符矢量和矩阵可用的运算符矢量和矩阵相关运算矢量和浮点数的运算矢量运算矩阵和浮点数的运算矩阵右乘矢量矩阵左乘矢量矩阵与矩阵相乘GLSLES
山楂树の·2023-09-11 05:38

Unity记录一些glsl和hlsl的着色器Shader逆向代码

以下内容一般基于GLSL300之后以下某些代码行，是“伪代码“，绝大部分是renderDoc逆向产生标准代码本人OpenlGL零基础，也不打算重头学目录Clip（）剔除函数discard;FS最终颜色输出
avi9111·2023-09-11 03:17

（五）OpenGL着色器

什么是着色器1、glsl：在GPU上运行的程序，是可编程的，OpenGLShadingLanguage，主要分为两个部分顶点着色器以及片源着色器；2、attribute：用于各个顶点各不相同的量，如顶点颜色
faceowener·2023-09-10 17:37

【GLSL教程】（九）变换法线的矩阵是模型视图矩阵旋转子矩阵的逆的转置

法线矩阵在很多顶点shader中都用到了gl_NormalMatrix。这里将介绍这个矩阵是什么，以及它的作用。大部分计算是在视图空间内完成的，主要原因是光照的运算要放在这个空间内，否则一些依赖观察点坐标的效果，比如镜面反射光就很难实现。所以我们需要将法线变换到视图空间。变换一个顶点到视图空间的方法如下：vertexEyeSpace=gl_ModelViewMatrix*gl_Vertex;对法线
荆楚闲人·2023-09-10 13:16

Cesium全屏红色渐变闪烁告警

/1.104/Build/Cesium";constviewer=newCesium.Viewer("cesiumContainer",{});constfragmentShaderSource=/*glsl
CHENJIAMIAN PRO·2023-09-10 08:40

【Unity Shader】自定义变体使用

exampleGLSLPROGRAM后面加#pragmamulti_compile语句Pass{GLSLPROGRAM#include"UnityCG.glslinc"#pragmamulti_compile_mapboxHAS_UNIFORM_u_color
GAMESLI-GIS·2023-09-09 20:36

OpenGL ES： GLSL加载图片

案例的效果是通过GLSL自定义着色器去加载一张图片，如下图所示：案例主要流程：⽤EAGL创建屏幕上的渲染表⾯加载顶点/⽚元着⾊器创建⼀个程序对象，并链接顶点/⽚元着⾊器，并链接程序对象设置视⼝清除颜⾊缓存区渲染简单图元使颜
源本平凡·2023-09-05 19:56

【opengl】着色器(Shaders)

GLSL着色器是使用一种叫GLSL的类C语言写成的。着色器的开头总是要声明版本，接着是输入和输出变量、uniform和main函数。每个着色器的入口点都是main函数，在这个函数中我们处
八雲苗·2023-09-03 16:15

WebGPU学习（9）---使用Pipeline Overridable Constants

使用PipelineOverridableConstantsWebGPU的着色器语言是WGSL，但与GLSL和HLSL不同，不支持#ifdef等宏。
sky.....·2023-09-03 03:56

OpenGL精简案例二

文章目录书接上回OpenGL图片渲染Renderer程序基类颜色程序图片程序应用场景glsl解析变量限定符书接上回OpenGL精简案例一OpenGL图片渲染RendererpublicclassFRendererimplementsGLSurfaceView.Renderer
Android小码家·2023-08-30 02:09

OpenGL手册

基础知识图元类型内置变量GLSL中文手册基本类型:类型说明void空类型,即不返回任何值bool布尔类型true,falseint带符号的整数signedintegerfloat带符号的浮点数floatingscalarvec2
Android小码家·2023-08-30 02:38

webgl与glsl着色器绘制三角形

Document*{padding:0;margin:0;}html,body{width:100%;height:100%;overflow:hidden;}#glcanvas{width:100%;height:100%;}attributevec4a_position;uniformmat4u_Mat;voidmain(){gl_Position=u_Mat*a_position;}prec
volodyan·2023-08-29 15:16

cesium 实现雾霾效果

Cesium.PostProcessStageLibrary.createBrightnessStage();FogStage.uniforms.brightness=2;//整个场景通过后期渲染变亮1为保持不变大于1变亮0-1变暗uniforms后面为对应glsl
LBY_XK·2023-08-29 04:46

GLSL in Unity 系列文章（八）：实时阴影实现——Cascaded Shadow Mapping

Unity实时阴影实现——ShadowMappingUnity的实时阴影-ShadowMap实现原理Unity实时阴影实现——CascadedShadowMapping用GLSL实现CMS（CascadedShadowMapping
雄关漫道从头越·2023-08-28 22:14

OpenGLES使用GLSL语法流程

流程@interfaceCCView()//在iOS和tvOS上绘制OpenGLES内容的图层，继承与CALayer@property(nonatomic,strong)CAEAGLLayer*myEagLayer;@property(nonatomic,strong)EAGLContext*myContext;@property(nonatomic,assign)GLuintmyColorRen
傲骨天成科技·2023-08-27 11:21

osgEarth的Rex引擎原理分析（一二零）如何显示瓦片编号

目标：（九十四）中的问题175效果如下：思路如下：绘制瓦片编号采用glsl着色器实现，由于glsl不能直接显示数字，这里将数字变为纹理图片，通过组合数字纹理图片，达到显示数字的目的。
hankern·2023-08-26 20:21

OpenGL —— 2.1、绘制第一个三角形（附源码，glfw+glad）

源码效果 C++源码     vertexShader.glsl#version330corelayout(location=0)invec3aPos;voidmain(){gl_Position=vec4
信必诺·2023-08-25 19:53

OpenGL —— 2.5、绘制第一个三角形（附源码，glfw+glad）（更新：纹理贴图）

具体代码：          vertexShader.glsl#version330corelayout(location=0)invec3aPos;layout(location=1)invec3aColor
信必诺·2023-08-24 09:26

OpenGL —— 2.3、绘制第一个三角形（附源码，glfw+glad）（更新：三角形色彩）

源码效果 C++源码     vertexShader.glsl#version330corelayout(location=0)invec3aPos;layout(location=1)invec3aColor
信必诺·2023-08-24 09:56

OpenGL —— 2.4、绘制第一个三角形（附源码，glfw+glad）（更新：EBO绘制两个三角形）

源码效果 C++源码     vertexShader.glsl#version330corelayout(location=0)invec3aPos;layout(location=1)invec3aColor
信必诺·2023-08-24 08:24

OpenGL纹理

我们使用GLSL内建的texture函数来采样纹理的颜色，它第一个参数是纹理采样器，第二个参数是对应的纹理坐标。texture函数会使用之前设置的纹理参数对相应的颜色值进行采样。这个片段着色器的输出就
猿饵块·2023-08-24 00:08

Three.js着色器基础【含源码】

WebGL和OpenGL使用一种名为GLSL的语言，它代表OpenGL着色器语言，类似于C语言。在Three.js中添加着色器的最简单方法是使用ShaderMaterial。还有一些RawShad
新缸中之脑·2023-08-23 19:13

threejs-自定义着色器材质

文章目录前言一、GLSL基本使用1.GLSL中的存储关键字attributeuniformvarying2.精度限定关键字3.模型转换矩阵二、使用RawShaderMaterial1.顶点着色器向片元着色器传递数据
迦南giser·2023-08-23 19:12

OpenGL ES案例04_4-GLKit索引绘图添加纹理颜色混合

使用GLKit绘制图形比使用GLSL绘制图形较简单，因为GLKit中帮我们完成了着色器的定义、编译、链接等。在本案例中
卡布奇诺_95d2·2023-08-23 12:13

2023年1月30日--2月5日（qt为主+glsl+osg+ue,本周20小时，合计1919小时，剩余8081小时）

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-08-21 20:17

Qt实现简单的漫游器

文章目录Qt的OpenGL窗口GLSL的实现摄像机类的实现简单的漫游器Qt的OpenGL窗口 Qt主要是使用QOpenGLWidget来实现opengl的功能。 
ccloud11·2023-08-21 02:57

前端周刊第三十一期

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

[NDK]从Opengles到Vulkan-基础篇(5)-顶点着色器

Opengles顶点着色器预设一个顶点着色器的shader字符串，这里看明白需要一点glsl的语法基础。in是输入变量，out是输出到fragmentshader的变量。
Cang_Wang·2023-08-15 11:07

WebGL入门

传统网页和WebGL网页的软件结构GLSLES：OpenGLES着色器语言（s
一个笑点低的妹纸·2023-08-14 20:40

Android Weekly Notes #471

#471BuildingaPrideRainbowEasterEggintotheOverAndroidApp他们app为了LGBTQ+community做的一个菜单.使用OpenGL实现的,所以用了GLSurfaceView.用了GLSLShaderProgram
圣骑士wind·2023-08-13 14:44
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他