glsl

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

three.js使用着色器绘制图案

除了通过加载纹理来给材质添加一些图案，我们还可以通过shader添加，这种方式添加更灵活，性能也更好些此篇的作用主要是提供一些设色器图案素材[1]uv坐标的玩法因为uv坐标的特性（左下角为0,0，右上角为1,1），可以借助其和一些二GLSL
seeooco·2023-08-11 03:46

（转）使用Three.js制作一个基本的3D飞行游戏

由于GLSL的复杂性和语法，WebGL对许多开发人员来说是一个相当陌生的世界。但是通过Three.js，浏览器中的3D变得非常容易实现。
陈旭辕·2023-08-09 06:18

2020/10-2023/7 Notes

VistualStudioCode->Extensions->LiveServer4.CloudComparelaszip.netRenderDocMikeZeroRasMapperHDFViewer5.使Unity支持GLSLProject
NeoInTheMatrix·2023-08-08 17:57

GLSL用于图像处理

Pipeline硬件处理顶点和片段的Pipeline软件的输入顶点着色器顶点的glsl输入–特殊全局变量变量类型指定函数描述gl_Vertexvec4glVertex顶点的全局空间坐标gl_Colorvec4glColor
文森88·2023-08-07 08:45

WebGL内置函数

中的一些内置函数，为方便以后查看，特意记录一下：1.texture2Dvec4texture2D(sampler2Dsampler,vec2coord)第一个参数代表图片纹理，第二个参数代表纹理坐标点，通过GLSL
写前端的大叔·2023-08-07 08:39

WebGL Shader着色器GLSL语言

在2D绘图中的坐标系统，默认情况下是与窗口坐标系统相同，它以canvas的左上角为坐标原点，沿X轴向右为正值，沿Y轴向下为正值。其中canvas坐标的单位都是’px’。WebGL使用的是正交右手坐标系，且每个方向都有可使用的值的区间，超出该矩形区间的图像不会绘制：X轴最左边为-1，最右边为1；Y轴最下边为-1，最上边为1；Z轴朝向你的方向最大值为1，远离你的方向最大值为-1；注：这些值与Canva
时光浅止·2023-08-07 03:20

Shader 编程：GLSL 重要的内置函数

由于主流的Shader编程网站，如ShaderToy,gl-transitions都是基于GLSL开发Shader，加上MSL和GLSL语法上差别不大，后面系列文章将以GLSL为主来介
字节流动·2023-08-07 03:18

Shader 编程：圆和曲线

由于主流的Shader编程网站，如ShaderToy,gl-transitions都是基于GLSL开发Shader，加上MSL和GLSL语法上差别不大，后面系列文章将以GLSL为主来介
字节流动·2023-08-07 03:46

着色器语言 GLSL (opengl-shader-language)入门大全

GLSL中文手册基本类型:类型说明void空类型,即不返回任何值bool布尔类型true,falseint带符号的整数signedintegerfloat带符号的浮点数floatingscalarvec2
lzfshub·2023-08-06 19:13

Metal学习(四) - 分屏播放

在看了《如何优雅地实现一个分屏滤镜》后，就想用Metal学习着也实现一次，博主是使用GLSL去实现。Metal着色器的实现其实跟GLSL里面的实现一样，没什么差别。
熊啊熊啊熊·2023-08-05 19:32

OpenGL ES 案例：灰度+颠倒+马赛克（3种）滤镜

本案例的目的是理解如何用GLSL实现灰度+颠倒+马赛克（共5种）滤镜整体的效果图如下：image准备工作的代码与分频demo中一致，只需要修改相应的底部item数组及对应的着色器名称等，这里不再说明这部分内容顶点着色器也没有任何变化
Miraclely·2023-08-05 09:53

iOS视觉-- (03) OpenGL ES+GLSL如何渲染图片解析

日常开发中OpenGL开发流程1.设置图层2.设置图形上下文3.设置渲染缓冲区（renderBuffer）4.设置帧缓冲区（frameBuffer）5.编译、链接着色器（shader）6.设置VBO(VertexBufferObjects)7.设置纹理8.渲染上面的基本步骤实质就是着色器的渲染过程，所以我们要了解着色器的渲染过程是非常重要的着色器渲染流程可编程管线&固定管线简化版1.设置图层//1
桀骜不驯的搬砖者·2023-08-05 05:43

How to Use Glslang

文章目录ExecutionofStandaloneWrapper构建(CMake)依赖关系构建步骤如果需要更改GLSL语法测试运行测试基本内部操作ExecutionofStandaloneWrapper
空谷-幽兰·2023-08-04 10:49

OpenGL ES 渲染流程

描述顶点上执行操作的顶点着色器程序源代码/可执行文件顶点着⾊器输入(属性)：用顶点数组提供每个顶点的数据统一变量(uniform)：顶点/片元着⾊器使用的不变数据采样器：代表顶点着色器使用纹理的特殊统一变量类型，一般是ID类型，GLSL
minhelloworld·2023-08-03 17:46

Webgl学习笔记 1 初始化shader

编译GLSLES代码,创建和初始化着色器供WebGL使用.1,创建着色器对象(gl.createShader());2,向着色器中填充着色器程序的源代码(gl.shaderSource())3,编译着色器
AlanFu·2023-08-02 16:52

The OpenGL ES Shading Language-变量与类型篇

变量与类型篇基本数据类型GLSL支持下面几种基本数据类型：类型解释voidvoid，函数不需要返回值时用这个bool布尔类型，true或者falseint有符号整数float有符号浮点数vec2包含2个
Damon_He·2023-08-01 22:18

OpenGL 反色

目录一.OpenGL反色1.IOSObject-C版本2.WindowsOpenGLES版本3.WindowsOpenGL版本二.OpenGL反色GLSLShader三.猜你喜欢零基础OpenGLES学习路线推荐
猿说编程·2023-07-30 16:48

OpenGL ES实现自定义编程粒子效果 思路

案例的整体效果如下：从效果图中可以看出，案例实现了4种粒子效果，下面来说说实现的整体流程如图所示，大致分为4部分视图控制器类：实现粒子效果粒子类：管理并绘制粒子工具类：封装的着色器工具类着色器：GLSL
辉辉岁月·2023-07-27 17:48

【OpenGL基础】|| 着色器介绍

文章目录1.GLSL2.数据类型3.输入与输出4.uniform变量5.更多属性着色器（shader）是运行在GPU上的小程序，将输入转化为输出。着色器之间不能相互通信，唯一的沟通方式是输入和输出。
右弦GISer·2023-07-27 14:30

【OpenGL学习笔记七】着色器语言(GLSL)

目录典型着色器结构数据类型顶点着色器特性片段着色器特性从顶点着色器向片段着色器发送数据从CPU中的应用向GPU中的着色器发送数据GLSL规范：https://www.khronos.org/registry
Briant_ccj·2023-07-27 14:58

【OpenGL学习】之着色器GLSL基础

基本类型:类型说明void空类型,即不返回任何值bool布尔类型true,falseint带符号的整数signedintegerfloat带符号的浮点数floatingscalarvec2,vec3,vec4n维浮点数向量n-componentfloatingpointvectorbvec2,bvec3,bvec4n维布尔向量Booleanvectorivec2,ivec3,ivec4n维整数向量
醉逍遥_祥·2023-07-27 14:57

【OpenGL学习笔记③】——着色器【GLSL Uniform 彩色三角形 变色正方形】

文章目录零、成果预览图：一、着色器的初步了解：二、顶点/片元着色器(文本文件txt)三、创建我们自己的着色器类(Shader.h)四、绘制彩色三角形(主函数)五、索引缓冲对象(EBO)1、VBO、VAO与EBO之间的联系与区别2、EBO六、Uniform七、绘制变色正方形(主函数)八、小结(整体的思维导图)九、参考附录：神奇的正方形☁️在上一节中，我们绘制了一个墨绿色的三角形，这一节，我们来实现“
一支王同学·2023-07-27 14:57

Unity Shader - if 和 keyword 的指令比较

文章目录环境TestingIf4Sampleunityshaderlab中的TestingIf4Sample.shadergraphicsanalyzer中的TestingIf4Sample.glslTestingKW4Sampleunityshaderlab
Jave.Lin·2023-07-27 12:45

让vue项目支持glsl语法

如果你想让Vue项目支持GLSL（OpenGL着色语言）语法，你需要使用特殊的加载器使Webpack能够加载和解析GLSL文件。
jieyucx·2023-07-26 07:23

制作超好看的个人网站：用ThreeJs为你的网站打造个性的动画背景

目录一、示例二、教程1.第一步，写一个顶点着色器2.在ShaderToy上选一个自己喜欢的Shader3.添加有关变量4.将源代码改写成GLSL语言4.把材质添加在写好的threejs框架中一、示例先上图
糯米_chobits·2023-07-24 13:01

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

OpenGLESGLSL语言EGL(EmbeddedGraphicsLibrary)OpenGLES命令需要渲染上下⽂和绘制表面才能完成图形图像的绘制渲染上下⽂:存储相关OpenGLES状态，是一个状态机绘制表面
Miraclely·2023-07-24 09:50

13-2.GLSL-分屏滤镜案例

效果准备工作创建项目,编写着色器文件(着色器代码在上一章中可以找到)着色器文件导入FilterBarFilterBar3.导入图片资源(自己找一张图片)视图控制器类ViewController导入文件#import"ViewController.h"#import#import"FilterBar.h"定义属性typedefstruct{GLKVector3positionCoord;//(X,Y
Pufus·2023-07-24 05:03

qt6 android glsl samplerExternalOES

我对于opengl和glsl都不熟悉只是qt6去掉了QSGSimpleMaterialShader这个类vertexShader和fragmentShader必须要用qsb来生成.qsb文件不再是填写字符串在用
Lj2_jOker·2023-07-22 19:09

OpenGL学习2——绘制三角形

着色器是使用OpenGL着色语言（OpenGLshadingLanguage,GLSL）编写的。OpenGL的图形管道：下图中管
蓬篙人·2023-07-22 18:05

iOS视觉-- (06) OpenGL ES+GLSL实现灰度滤镜解析

在人生道路上，有时候我们怀揣着一个目标，但是走着走着，我们就会忘记了我们当时是为了什么而出发的。本来学习OpenGLES是为了给图片、视频做滤镜，动效类似剪映一样的东西，前面写着写着。突然到了别的东西，这篇本来是计划写天空盒子，下一篇写粒子系统。但是好像滤镜和动效这些用不到这些东西，可能后面下雪，下雨，撒花会用到粒子系统。到时候再学。想了解的同学也可以自己去学习。技能多多益善。幸好自己及时反应过来
桀骜不驯的搬砖者·2023-07-21 08:39

iOS视觉-- (12) OpenGL ES+GLSL实现口红和腮红

前面我们学习了大眼和瘦脸技巧，接下来我们来学习口红和腮红。口红和腮红实现原理是一致的。下边只会对口红的实现进行分析。借鉴博客：《Android美颜类相机开发汇总》第六章AndroidOpenGLES美妆定制实现借鉴项目：AwemeLike效果展示：效果图.gif实现的方法，我们很容易想到就是把唇印纹理绘制到嘴巴的位置就可以了。那么实现的步骤就像下面一样：图1第一步不做详细介绍就是视频帧的渲染而已。
桀骜不驯的搬砖者·2023-07-18 09:31

11-2.GLSL-索引绘图案例

效果准备工作创建顶点着色器shaderv.vsh和片元着色器shaderf.fsh着色器文件顶点着色器（shaderv.vsh）attributevec4position;attributevec4positionColor;uniformmat4projectionMatrix;uniformmat4modelViewMatrix;varyinglowpvec4varyColor;voidmai
Pufus·2023-07-17 20:00

GLSL学习（一）：基本数据类型

GLSL数据类型图表总结一、整型变量：int二、浮点型变量：float三、布尔型变量：bool四、向量：vec4.1数学释义4.2关于vec的解读4.3向量的类型关键字4.4向量用法示例五、拓展5.1分量
某些开发·2023-07-15 18:11

ubuntu16.04遇到error: GLSL 3.30 is not supported.错误，解决办法

/osgearth_viewer…/…/tests/openstreetmap.earth例子时，出现以下错误：error:GLSL3.30isnotsupported.Supportedversionsare
coder攻城狮·2023-07-15 09:53

Cesium 源码解析 Model（三）

根据gltf1.0扩展KHR_materials_common（非pbr材质）进行glsl字符串的拼装、attributelocation、uniform等信息的收集处理，并将这些信息添加到gltf.extensions.KHR_techniques_webgl
tianyapai·2023-07-13 19:44

threeJs着色器

一、着色器着色器（Shaders）是一种使用GLSL(OpenGLShadingLanguage)编写并在GPU上运行的程序。它们被用于定位几何体的每个顶点，并为该几何体的每个可见像素着色。
爱吃烧鸭蛋的叶安·2023-06-20 18:06

macOS中如何使用OpenGL 3.2 Core Profile

从主机端的API到OpenGL接口，再到GLSL（OpenGLShadingLanguage），这些方面都有些变化。在主机端接口方面，首先，必须用来代替原来的，这点很重要！
zenny_chen·2023-06-19 07:42

利用THREE.JS实现3D城市建模（珠海市）

仅供学习使用，利用THREE.JS、GLSL实现，圆形扫描、立体扫描、区域高亮、横向扫描、地图飞线、地面线路、珠海市模型导入。
菜园前端·2023-06-18 15:50

[译] GLSL 中的视差遮蔽映射（Parallax Occlusion Mapping in GLSL）

关于渲染的中文文章可谓是少之又少，而很多书和中英文技术文章总是大篇幅的进行晦涩难懂的公式推导，这种方式确实表达准确，可苦了数学不好的娃，能找到一篇好的材料进行学习真的是一件很不容易的事情。我在学习ParallaxMapping的时候无意间找到这篇文章，图文并茂，并且把BumpMapping系列中的各种技术由简单到复杂逐一介绍给了读者。开心之下就决定把它翻译成中文，以飨后人。虽说简单，但是它也不是从
·2023-06-15 16:56

shader中，向量的三种乘法

总结一下两个向量的元素相乘、点乘和叉乘可以使用内建的GLSL（OpenGLShadingLanguage）函数进行计算。
kiss_the_rain86·2023-06-15 12:16

WebGL着色器渲染小游戏实战

项目起因经过对GLSL的了解，以及shadertoy上各种项目的洗礼，现在开发简单交互图形应该不是一个怎么困难的问题了。下面开始来对一些已有业务逻辑的项目做GLSL渲染器替换开发。
凹凸实验室·2023-06-14 19:15
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他