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
跟着cherno手搓游戏引擎【21】shaderLibrary(shader管理类)
include#include#include#include#include#ifdefYT_PLATFORM_WINDOWS#include#endif//YT_PLATFORM_WINDOWS创建
glsl
larito
·
2024-02-05 14:19
游戏引擎
iOS图像处理----OpenGL ES之灰色滤镜
用简单的
glsl
语言来实现顶点、片元着色器,并图形进行简单的变换。思路:1、设置图层2、设
码农--xc
·
2024-02-05 08:06
图像处理
OpenGL
OpenGL
ES
滤镜
cesium polyline 自定义材质图片运动线
cesiumpolyline自定义图片运动线捣鼓了一下cesium的自定义Material,使用
glsl
实现自定义材质的polyline,视角缩放图片也不会变形,并支持材质沿线运动。
阿卡坤
·
2024-02-01 14:46
gis
cesium
js
前端
javascript
OpenGL从入门到放弃 #04 Shader
上节我们学习了如何实现简单的顶点着色器和片段着色器,其中涉及到了着色器之间简单的输入输出和编写着色器源码的专用语言
GLSL
。
MisakiMel
·
2024-02-01 09:04
OpenGL 入门(三)— Shader(着色器)
文章目录前言
GLSL
数据类型输入与输出顶点着色器片段着色器Uniform多个属性着色器类模板创建着色器程序创建Shader脚本使用模板和Shader脚本文件前言着色器(Shader)是运行在GPU上的小程序
iukam
·
2024-01-31 21:15
OpenGL
开发之路
着色器
c++
OpenGL
开发语言
vscode
(自用)learnOpenGL-高级OpenGL-高级数据、高级
glsl
高级数据这一节中,我们将讨论一些更有意思的缓冲函数,以及我们该如何使用纹理对象来储存大量的数据(纹理的部分还没有完成)。先来回顾一下之前有关的缓冲内存,OpenGL中的缓冲只是一个管理特定内存块的对象,没有其它更多的功能了。在我们将它绑定到一个缓冲目标(BufferTarget)时,我们才赋予了其意义。当我们绑定一个缓冲到GL_ARRAY_BUFFER时,它就是一个顶点数组缓冲,但我们也可以很容易
NatsuKiiiiii
·
2024-01-30 22:30
算法
GLSL
绘制金字塔--纹理和颜色的混合
屏幕录制2020-08-05下午2.20.48.gif前言之前的文章我们已经用
GLSL
绘制了一张图片,其实针对
GLSL
来说,前面的准备工作的都是类似的,而最主要的区别在于绘制工作和着色器(Shader)
黑眼豆豆_
·
2024-01-30 11:52
obj模型显示--Apple的学习笔记
我之前的博客中
glsl
入门--Apple的学习笔记已经学习过这块理论。作业cow.png
applecai
·
2024-01-28 10:10
OpenGL系列之十七:实现人脸贴纸
三角形顶点增加颜色OpenGL系列之四:绘制四边形OpenGL系列之五:绘制点和线OpenGL系列之六:绘制立方体OpenGL系列之七:纹理贴图OpenGL系列之八:立方体纹理贴图OpenGL系列之九:
glsl
itfitness
·
2024-01-27 18:08
iOS 使用
GLSL
实现旋转金字塔
索引顶点绘制一个金字塔需要5个面,4个侧边三角形和底部两个三角形。如果使用glDrawArray绘制金字塔,需要6个三角形,共18个顶点。这次使用索引绘图/*参数列表:mode:要呈现的画图的模型GL_POINTSGL_LINESGL_LINE_LOOPGL_LINE_STRIPGL_TRIANGLESGL_TRIANGLE_STRIPGL_TRIANGLE_FANcount:绘图个数type:类
东旭39
·
2024-01-27 01:18
vulkan中的texture(VkImage、VkImageView、VkSampler、VkDeviceMemory)
在Vulkan中,以下是这几个概念的简要说明以及它们之间的关系:Texture2D:纹理在vulkanAPI中并没有一个结构体来表示,它是着色器语言中(比如
GLSL
)的一种概念。
宗浩多捞
·
2024-01-24 03:17
Vulkan
c++
游戏引擎
Godot Shader 08-Godot shader和
GLSL
的区别以及转换
docs.godotengine.org/zh_CN/latest/tutorials/shading/migrating_to_godot_shader_language.html本文档解释了Godot的着色语言和
GLSL
Zszen
·
2024-01-22 11:46
sfml使用opengl着色器实现2d水面波浪
SFML中使用
GLSL
着色器来绘制水波。效果代码#include#includeintmain(){constintWIDTH=800;
百口可乐__
·
2024-01-22 01:25
VC++
L
着色器
c5060:out can‘t be used with used with non-varying visibility
openGL系列文章目录文章目录openGL系列文章目录前言一、
GLSL
languageintegration是什么?
妙为
·
2024-01-21 18:46
#OpenGL
4.0
Shading
The
OpenGL®
Shading
Language
openGL
GLSL
vs下使用GLSL插件
craiyon
SDL2 + OPENGL
GLSL
实践
一、准备最近,闲来无事,研究了一下SDL2,发现SDL2作为一个开放的平台,确实比较简单,而且在多媒体方面,图像操作方面,跨平台方面确实有优势,实在不行了还有源码可以参考,但也有其不方便的一面,如没有文字显示功能,一个简单的抠图,就难倒一片人,2D作图还行,3D作图就更困难了。OpenGL作为同样跨平台的工具,在2D,3D方面有其独到之处,特别是在可编程管线方面,更加灵活高效。当然,还有一个选择就
qq_40369162
·
2024-01-20 03:04
qt
开发语言
c++
使用
GLSL
语言自定义着色器加载图片
本案例旨在简单的使用
GLSL
语言自定义着色器,实现图片的加载。
远方竹叶
·
2024-01-19 11:47
OpenGL ES
GLSL
加载纹理
使用
GLSL
语言加载纹理,需要自定义顶点着色器和片源着色器。
GLSL
编写的顶点着色器和片元着色器其实是一段代码,也是一段字符串,所以文件名和后缀可以自定义。
ugpass
·
2024-01-18 19:34
着色器语言
GLSL
学习
1初步尝试import{Scene,WebGLRenderer,OrthographicCamera,PlaneGeometry,ShaderMateria}from'three.js'constscene=newScene()constcamera=newOrthographicCamera(-1,1,1,-1,0.1,10)constrenderer=newWebGLRenderer()ren
涵。
·
2024-01-18 17:42
着色器
学习
Web3D编程入门总结——WebGL与Three.js基础介绍
*/2/*第一部分,webgl与three.js基础介绍,要求读者掌握JavaScript入门知识*/3//webgl原理:通过JavaScript语言在浏览器端生成
glsl
代码,
我爱丁丁猫
·
2024-01-16 14:51
前端
web3d
webgl
three.js
html5
canvas
glsl
QT+OSG/osgEarth编译之七十六:
glsl
+Qt编译(一套代码、一套框架,跨平台编译,版本:OSG-3.6.5插件库osgdb_
glsl
)
目录1、osgdb_
glsl
介绍2、文件分析3、pro文件4、编译实践1、osgdb_
glsl
介绍通过osgdb_
glsl
,osg能方便地读取
glsl
着色语言,从而为三维场景的渲染提供支撑。
翰墨之道
·
2024-01-16 07:03
osgdb_glsl
glsl
osg跨平台编译
osgEarth跨平台编译
osg插件库
着色语言glsl
Unity游戏图形学 Shader结构
shader结构shader语言openGL:SLG跨平台=>
GLSL
:openGLshaderlaugugeDX:微软开发,性能很好,但是不能跨平台=>HLSL:highlevelshaderlanguageCG
Msir_Modern
·
2024-01-14 09:22
unity
游戏
游戏引擎
OpenGL:纹理贴图
为了在OpenGL/
GLSL
中有效完成纹理贴图,需要协调好以下几个不同的数据集和机制:用于保存纹理图像的纹理对象特殊的统一采样器变量,以便顶点着色器访问纹理用于保
张帅峰_
·
2024-01-13 13:18
OpenGL
图形渲染
GLSL
---- 基础语法
变量和数据类型//布尔类型.true,false;boolbDone=false;//整形数据类型intiValue=42;//无符号整型uintuiValue=3929u;//浮点型floatfValue=3.14159f向量数据类型//声明向量:4分量的float类型vec4V1;//声明并对向量进行构造vec4V2=vec4(1,2,3,4);//向量运算,赋值/加/标量相乘vec4v;ve
星之夜下
·
2024-01-11 03:03
【Pixel Shader】SDF建模和Raymarching算法
参考RayMarchingandSignedDistanceFunctionsIQ博客:DistanceFunctionsShaderToyCombinationSDF
GLSL
ES语言—矢量和矩阵的赋值构造函数
MiaoMiaoM-
·
2024-01-10 21:23
Unity
Unity
Shader
Pixel
Shader
Signed
Distance
Function
Ray
Marching
【OSG案例详细分析与讲解】之二:【着色文件转换为字符数组】
文章目录一、【着色文件转换为字符数组】前言二、【着色文件转换为字符数组】Shader转换三、【着色文件转换为字符数组】转换函数1.转换函数2.字符替换函数四、【着色文件转换为字符数组】示例1.
GLSL
2Cpp.cpp
翰墨之道
·
2024-01-10 15:38
OSG案例详细分析与讲解
osg
osg案例
osg案例详讲
osg案例介绍
着色文件转换为字符数组
shader
Blender Shading 节点材质编辑器着色、添加动画
blendershading功能设计个着色器,后面熟悉了,在babylonjs.com节点材质编辑器里面操作并导出shader代码,并在开发中的模型特效中使用此代码,babylonjs.com的此功能大大的缩小了开发人员学习
glsl
web搅拌机
·
2024-01-09 23:16
Shader
Blender
blender
Shading
GLSL
Babylon.js
OpenGL基础(05)
GLSL
语言简介
前几个章节主要是使用OpenGL绘制出基本的图形,从这里开始我们考虑颜色的渐变,首先要了解
GLSL
语言的基础知识。1
GLSL
简介
GLSL
是用来编写着色器程序的语言。
图王大胜
·
2024-01-09 08:35
计算机学科基础
OpenGL
GLSL
着色器入门(持续更新中...)
目录第一章:OpenGLworkswithtriangles第二章:ParallelProcessing第章推荐来自b站的课程004
GLSL
isnotJavascript_哔哩哔哩_bilibili第一章
洛洛31
·
2024-01-09 08:28
着色器
人工智能
OpenGL ES入门3-立方体纹理贴图
顶点着色器:vertex_cubic_texture_shader.
glsl
#version300eslayout(location=0)invec4vPosition;layout(location=
神迹12
·
2024-01-08 06:59
C++/OpenGL应用程序
OpenGL也向我们提供了用于
GLSL
程序载入可编程着色阶段并对其进行编译的命令。最后OpenGL使用缓冲将3D模型和其他相关图像数据发送到管线中。GLFWwindow实例并为其设置背景颜色初始化G
Ming Xu
·
2024-01-08 01:03
OpenGL图形渲染
c++
开发语言
1.2.2 Visual Studio OpenGL着色器语言文件读取
主要介绍利用VisualStudio-OpenGL创建一个红色三角形,涉及到
GLSL
着色器语言,着色器语言文件创建,文件的载入,代码释义等内容。
半土博士学技术
·
2024-01-08 00:52
visual
studio
c++
着色器
开发语言
计算机视觉
编程笔记 html5&css&js 021 JavaScript
元素也能在其他语言中使用,比如WebGL的
GLSL
着色器语言和JSON。内容分类元数据内容、流式内容、短
明月看潮生
·
2024-01-07 13:32
#
html5
css3
javascript
少年工程师
跟随chatgpt学习如何使用
GLSL
进行简单的图形渲染
1.准备一个HTML文件:创建一个新的HTML文件,将HTML文件命名为`index.html`,并添加一个用于显示图形的元素。SimpleWebGLRenderingbody{margin:0;}canvas{width:100%;height:100%;}2.创建JavaScript文件:创建一个名为`script.js`的JavaScript文件来处理图形的渲染逻辑。//获取canvas元素
洛洛31
·
2024-01-06 21:43
学习
图形渲染
【UnityShader入门精要学习笔记】(3)章节答疑
文章目录复习(阶段性总结,答疑请直接从目录跳转)渲染阶段应用阶段和CPU的工作GPU渲染管线几何阶段光栅化阶段最后答疑什么是OpenGL/DirectX什么是HLSL、
GLSL
、CG什么是Draw
milu_ELK
·
2024-01-06 07:26
学习
笔记
五、
GLSL
常用内建函数
OpenGL+OpenGLES+Metal系列文章汇总常用函数常用函数说明genTypeabs(genTypex)返回x的绝对值genTypesign(genTypex)如果x>0,返回1.0;如果x=0,返回0,如果xminMax的话,函数返回的结果是未定的。也就是说x的值大小没有限制,但是minval的值必须比maxVal小。genTypemix(genTypex,genTypey,genTy
Style_月月
·
2024-01-04 22:06
GPU中的半格效应(half-pixel)
最近在阅读《GPGPU编程技术从
GLSL
、CUDA到OpenCL》时,章节3.4.3卷积核中讲到了半格效应,该书中的英文标注为:0.5effect,也有被称为:halfpixeloffset等。
YoungHong1992
·
2024-01-04 08:15
计算机视觉
人工智能
OpenGL ES 案例10:灰度+颠倒+马赛克滤镜
本案例的目的是理解如何用
GLSL
实现灰度+颠倒+马赛克(共5种)滤镜整体的效果图如下:准备工作的代码与OpenGLES案例11:分屏滤镜中一致,只需要修改相应的底部item数组及对应的着色器名称等,这里不再说明这部分内容顶点着色器也没有任何变化
辉辉岁月
·
2024-01-02 16:05
OPenGL
GLSL
shji数据类型整型(有符号/无符号)浮点数(单精度)布尔值向量类型/矩阵类型boolbDone=falseintvalue=1;unintvale=21ufloatvalue=2.1向量/分量类型vec2,vec3,vec42分量3分量4分量复电向量ivec2ivec3ivec42分量3分量4分量整型向量uvec2uvec3uvec42分量3分量4分量无符号整型向量bvec2bvec3b各处2分
weixin_38432324
·
2024-01-02 08:58
图形渲染
three.js开发的通俗描述
当然好在现在有基于webgl基础上进行封装的three.js框架,不再需要往底层进行学
GLSL
语言等基础知识了。当然,想精通还是得往底层去学。而th
lorelei47
·
2024-01-01 22:28
像素抖动(Pixel Dithering) 的Shader实现
没有dithering效果(Banding现象):使用dithering效果(Smooth):这里给出HLSL,
GLSL
,WGSL这些环境下
含影
·
2024-01-01 09:54
DirectX
WebGL/WebGPU
3D引擎
3d
抖动算法
dithering
shader
class0
学习目标GPU历史和渲染流水线GPU编程API(Cg,HLSL,*
GLSL
)学会VertexShaders,GeometryShaderandFragmentShaders基于GPU渲染技术和应用通用GPU
阿瑟琴
·
2023-12-29 08:13
OpenGL
将纹理图片附着到你绘图的图像上4.混合:颜色混合效果着色器图元:组成图片的基本单元OpenGL渲染管线;一系列有序的处理阶段的序列,用于把我们应用中的数据转化到OpenGL生成一个最终的图像的一个过程
glsl
weixin_38432324
·
2023-12-27 12:06
算法
Qt OpenGL笔记
1、
GLSL
变量类型参考链接:
GLSL
入门(非常详细)1)vec2、vec3、vec4:n维浮点数向量2)sampler2D:2D纹理3)mat2,mat3,mat4:2x2,3x3,4x4浮点数矩阵2
SanShuiGeGe
·
2023-12-20 13:39
QT
FFMPEG
OpenGL
音视频
OpenGL ES
GLSL
索引绘图
示例1示例图1金字塔,由6个三角形面组成,共有18个顶点。从图中可以看出三角形的顶点有重叠在一起的。最终可见的顶点为5个。可以理解为这个5个顶点通过其中3个顶点的不同组合,最终组合成金字塔6个三角形面的18个顶点。其中5个顶点都在不断的重复利用。索引绘图就是通过索引的方式表示顶点之间的连接,将重复顶点复用进行图形绘制的一种技巧。案例.gif金字塔案例demo添加纹理demo纹理.gif案例解析1、
windy_3c22
·
2023-12-20 01:14
cesium 自定义贴图,shadertoy移植教程。
它提供了一个图形化的编辑器,可以让用户编写基于WebGL的
GLSL
着色器代码,并实时预览渲染结果。ShaderToy支持多种渲染效果,包括2D和3D图形、粒子系统、动画等。
gis_rc
·
2023-12-17 00:46
贴图
✺ch2——OpenGL图像管线
目录基于C++图形应用&管线概览OpenGL类型第一个C++/OpenGL应用程序◍API(1)
GLSL
类型着色器——画一个点的程序◍API(2)◍API(3)栅格化像素操作——Z-buffer算法检测
itzyjr
·
2023-12-15 06:21
#
第二版》
c++
OpenGL
Unity中的ShaderToy
文章目录前言一、ShaderToy网站二、ShaderToy基本框架1、我们可以在ShaderToy网站中,这样看用到的
GLSL
文档2、voidmainImage是我们的程序入口,类似于片断着色器3、fragColor
楠溪泽岸
·
2023-12-14 21:57
Unity
unity
游戏引擎
android如何优雅的编写OpenGl的shader代码
通常在android里编写openGl代码的方式是创建一个类,类里面用硬编码的形式引入两个shader,如下图:这里把
glsl
语言通过string字符串的形式定义在类里,虽然便于管理,但是不利于阅读和编写那么有没有比较优雅的解决方案呢
八哥记笔记
·
2023-12-06 16:35
android
opengl
Android OpenGL ES 学习(十二) - MediaCodec + OpenGL 解析H264视频+滤镜
OpenGL学习教程AndroidOpenGLES学习(一)–基本概念AndroidOpenGLES学习(二)–图形渲染管线和
GLSL
AndroidOpenGLES学习(三)–绘制平面图形AndroidOpenGLES
夏至的稻穗
·
2023-12-03 15:22
Android
音视频
音视频
OpenGL
Mediacodec
H264解析
游戏开发41课 unity shader 优化
Shader有专门语言用来编写,常见类型有DirectX的HLSL,OpenGL的
GLSL
以及NVIDIA的Cg,为了优化shader代码,我们需要知道代码从被编写到被执行的流程,知道什么样的代码是不好的
s178435865
·
2023-12-02 23:24
游戏开发
unity
游戏引擎
上一页
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
其他