E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
GLSL
OpenGL —— 2.7、绘制多个自旋转的贴图正方体(附源码,glfw+glad)
具体代码: vertexShader.
glsl
#version330corelayout(location=0)invec3aPos;layout(location=1)invec2aUV
信必诺
·
2023-10-20 14:13
OpenGL
OpenGL
C++
贴图
六:
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为
glsl
1.0版本,
glsl
3.0之后使用vec4输出即可2.顶点着色器顶点着色器程序用来描述顶点需要执行的模型变换、视变换、投影变换
章小京
·
2023-10-19 01:52
OpenGL学习及使用
着色器
openGL
3D
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
验证第二个1万小时定律
游戏
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
验证第二个1万小时定律
计划
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
验证第二个1万小时定律
计划
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
验证第二个1万小时定律
计划
webGl shader的学习记录(二)js 与(
glsl
语言) OpenGL ES之间如何进行交互?及其如何在js中对vertexShader与fragmentShader进行赋值
下面我们将会接触到的是,如何使用js与(
glsl
语言)OpenGLES之间进行交互。在了解两者之间如何通讯的时候,我们需要了解一些定义。这些定义出来的数据,可以是的
glsl
与js进行交互。
sogooday
·
2023-10-14 09:59
webGl
webgl
js与shader交互
vertexShaer
fragmentShader
《Unity Shader入门精要》第一章
2.什么是HLSL、
GLSL
、CG?3.什么是DrawCall,为什么DrawCall多了会影响
今天恭喜发财
·
2023-10-13 08:15
Unity学习
Shader基础
unity
游戏引擎
图形渲染
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
Shader杂谈
shader
unity
9.变换之平移
1.知识点1.1.齐次坐标在
GLSL
中Vec4进行坐标表达时,作为齐次坐标(x,y,z,w).当w=1时,这个vec4可以表达一个点的三维坐标。在进行平移时,应保证偏移量的W为0。
就是那个帕吉
·
2023-10-07 16:23
WebGL
前端
typescript
webgl
OpenGL——
GLSL
高级篇
将它们一个一个声明是着色器间发送数据最简单的方式了,但当程序变得更大时,希望发送的可能就不只是几个变量了,它还可能包括数组和结构体;为了帮助我们管理这些变量,
GLSL
为我们提供了一个叫做接口块(InterfaceBlock
&动感超人
·
2023-10-07 01:28
OpenGL
OpenGL
ES
opengl
opengles
glsl
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
ES
学习笔记
opengles
shader
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:
GLSL
3.30isnotsupported.Supportedve
燃烧的枫
·
2023-10-01 06:04
3d
OPENGL ES 2.0 知识串讲(2)――EGL详解
更多音视频知识请关注公众号:进击的代码家上一节我们初步学习了OpenGLES、EGL、
GLSL
的相关概念,了解了它们的功能,以及它们之间的关联。
进击的代码家
·
2023-10-01 05:46
opengl学习
egl
opengl
图形渲染
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
android
opengl
Opengl之多光源
GLSL
中的函数和C函数很相似,它有一个函数名、一个返回值类型,如果函数不是在main函数之前声明的,我们还必须在代码文件顶部声明一个原型。
蓝天巨人
·
2023-09-29 20:11
OpenGL
算法
Vulkan-着色器及编译SPIR-V
1.着色器模块介绍Vulkan着色器代码一定要用字节码格式,而不是人类可读的语法如
GLSL
和HLSL。这个字节码就是SPIR-V,设计用于Vulkan和OpenCL。
ghjk014
·
2023-09-29 16:56
valkan编程
着色器
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
着色器
opengl
OpenGL之着色器
GLSL
着色器是使用一种叫
GLSL
的类C语言写成的。
GLSL
是为图形计算量身定制的,它包含一些针对向量和矩阵操作的有用特性。声明版本输入和输出变量unifo
蓝天巨人
·
2023-09-26 05:02
OpenGL
着色器
11-1.
GLSL
-索引绘图
索引绘图索引绘图是一种由开发者指定顶点连接顺序的绘图方式。优势是可以复用顶点,减少内存的使用。如绘制一个金字塔3D图形时,如果使用三角形带或三角形组合绘制时,将会有多个顶点的重复,但如果使用索引绘图,则只需要5个点,重复利用,指定其连接顺序即可实现金字塔3D图形的绘制。金字塔金字塔,有5个面,由6个三角形组成,一共有18个顶点,然而实际肉眼可见的只有5个顶点。可以理解为这个5个顶点通过其中3个顶点
Pufus
·
2023-09-25 08:32
[游戏开发][Shader]
GLSL
SandBox转Unity-CG语言
官网
GLSL
SandboxGalleryhttps://
glsl
sandbox.com/屏幕坐标计算fragCoord与_ScreenParamsmat2矩阵转换vec2向量在
GLSL
里mat2(a,b
Little丶Seven
·
2023-09-24 03:53
渲染与shader
unity
图形渲染
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
Canvas
Webgl
Three.js
webgl
着色器
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的着色器语言是
GLSL
ES语言片元着色程序,要写在type=“x-shader/x-fragment”的script中。
weixin_38107457
·
2023-09-22 11:40
WebGL中如何初始化顶点着色器和片源着色器,和添加到程序中
1.WebGL中如何初始化顶点着色器和片源着色器,和添加到程序中这个流程主要分为着几步.创建对应的着色器(顶点着色器,片源着色器),createShader()设置着色器的数据源(设置着四器的
GLSL
程序代码
你大爷的,这都没注册了
·
2023-09-22 11:39
javascript
html
前端
webgl
WebGL 创建和初始化着色器过程
1.编译
GLSL
ES代码,创建和初始化着色器供WebGL使用。
weixin_34080903
·
2023-09-22 11:39
WebGL - 着色器初始化流程
之前对着色器的初始化都是使用的initShaders()这个方法,部分代码在文章最后,其内部分执行细节没有去清晰的了解过,下面做进一步的了解和分析,才能更深入的了解webgl的原理initShaders()方法的主要作用是编译
GLSL
ES
「已注销」
·
2023-09-22 11:36
webgl
webgl 系列 —— 着色器语言
着色器语言本篇开始学习着色器语言——
GLSL
全称是GraphicsLibraryShaderLanguage(图形库着色器语言)
GLSL
是一门独立的语言,和其他语言一样有自己的变量、运算符、函数、循环(
2301_76725413
·
2023-09-22 11:04
前端
javascript
html
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
Canvas
Webgl
Three.js
webgl
着色器
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关于
glsl
shader
avi9111
·
2023-09-17 01:55
python
开发语言
文件处理
时间戳
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类型没有默认精度预处理指令在
GLSL
ES中常用的三种预处理指令。
山楂树の
·
2023-09-11 05:40
GLSL
ES
着色器
GLSL
ES着色器语言 使用矢量和矩阵的相关规范
赋值和构造矢量构造函数矩阵构造函数构造矩阵的几种方式访问元素.运算符矢量的分量名[]运算符运算符矢量和矩阵可用的运算符矢量和矩阵相关运算矢量和浮点数的运算矢量运算矩阵和浮点数的运算矩阵右乘矢量矩阵左乘矢量矩阵与矩阵相乘
GLSL
ES
山楂树の
·
2023-09-11 05:38
GLSL
ES
矩阵
着色器
Unity记录一些
glsl
和hlsl的着色器Shader逆向代码
以下内容一般基于
GLSL
300之后以下某些代码行,是“伪代码“,绝大部分是renderDoc逆向产生标准代码本人OpenlGL零基础,也不打算重头学目录Clip()剔除函数discard;FS最终颜色输出
avi9111
·
2023-09-11 03:17
unity
着色器
游戏引擎
GLSL
OpenGL
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他