GLSL

编程笔记 html5&css&js 021 JavaScript

元素也能在其他语言中使用，比如WebGL的GLSL着色器语言和JSON。内容分类元数据内容、流式内容、短
明月看潮生·2024-01-07 13:32

跟随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

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

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

Unity中的ShaderToy

文章目录前言一、ShaderToy网站二、ShaderToy基本框架1、我们可以在ShaderToy网站中，这样看用到的GLSL文档2、voidmainImage是我们的程序入口，类似于片断着色器3、fragColor
楠溪泽岸·2023-12-14 21:57

android如何优雅的编写OpenGl的shader代码

通常在android里编写openGl代码的方式是创建一个类，类里面用硬编码的形式引入两个shader，如下图：这里把glsl语言通过string字符串的形式定义在类里，虽然便于管理，但是不利于阅读和编写那么有没有比较优雅的解决方案呢
八哥记笔记·2023-12-06 16:35

Android OpenGL ES 学习(十二) - MediaCodec + OpenGL 解析H264视频+滤镜

OpenGL学习教程AndroidOpenGLES学习(一)–基本概念AndroidOpenGLES学习(二)–图形渲染管线和GLSLAndroidOpenGLES学习(三)–绘制平面图形AndroidOpenGLES
夏至的稻穗·2023-12-03 15:22

游戏开发41课 unity shader 优化

Shader有专门语言用来编写，常见类型有DirectX的HLSL，OpenGL的GLSL以及NVIDIA的Cg，为了优化shader代码，我们需要知道代码从被编写到被执行的流程，知道什么样的代码是不好的
s178435865·2023-12-02 23:24

WebGL编程指南pdf

《WebGL编程指南》的主要篇幅讲解了WebGL原生API和三维图形学的基础知识，包括渲染管线、着色器、矩阵变换、着色器编程语言（GLSLES）等等，也讲解了使用WebGL渲染三维场景的一般技巧，如光照
weixin_30527323·2023-11-29 19:39

Android Bitmap 模糊效果实现 (二)

文章目录AndroidBitmap模糊效果实现(二)使用Vukan模糊使用RenderEffect模糊使用GLSL模糊RS、Vukan、RenderEffect、GLSL效率对比AndroidBitmap
清霜之辰·2023-11-29 02:37

OpenGL 4.0 GLSL 实现 平面着色 Implementing flat shading

在逐顶点shader光照模型中要计算每个顶点的颜色，然后用这些点的颜色经过插值来产生光华的表面效果（Thecolorsaretheninterpolatedacrossthefaceofthepolygontoproduceasmoothshadingeffect），这个被称作GouraundShading。这在早期的OpenGL版本中，经过每个顶点颜色插值来实现光照模型是其默认实现。然而有时候想
Sunday·2023-11-27 01:05

cesium轨迹线（图片轨迹线）

cesium轨迹线（图片轨迹线）下面有源码实现思路使用ellipse方法加载圆型，修改polyline中‘material’方法重写glsl来实现当前效果（cesium版本1.109）示例代码index.html
GIS-CL·2023-11-26 07:10

cesium轨迹线（闪烁轨迹线）

cesium轨迹线（闪烁轨迹线）下面有源码实现思路使用ellipse方法加载圆型，修改polyline中‘material’方法重写glsl来实现当前效果（cesium版本1.109）示例代码index.html
GIS-CL·2023-11-26 07:10

cesium轨迹线（发光轨迹线）

cesium轨迹线（发光轨迹线）下面有源码实现思路使用ellipse方法加载圆型，修改polyline中‘material’方法重写glsl来实现当前效果（cesium版本1.109）示例代码index.html
GIS-CL·2023-11-26 07:32

OpenGL，GLUT，FreeGLUT，GLFW，GLEW，GLAD，GL3W，GLAD，GLM，GLSL的区别详解

OpenGL，GLUT，FreeGLUT，GLFW，GLEW，GLAD，GL3W，GLAD，GLM，GLSL的区别详解很多同学在初学计算机图形学时，都要去配置OpenGL环境，其中涉及多个库的选择和一些专有名词
Weies.·2023-11-24 11:58

使用GLSL语言自定义着色器案例

今天我们先学习如何使用GLSL语言来自定义着色器。
爱看书de图图·2023-11-23 05:13

OpenGL ES 案例：GLSL使用索引绘图

本案例的主要目的是理解GLSL中如何索引绘图在介绍本案例之前，首先说说什么是索引绘图一个图形中，有许多顶点，例如本案例中的金字塔，有5个面，由6个三角形组成，一共有18个顶点，然而实际肉眼可见的只有5个顶点
Miraclely·2023-11-21 20:42

着色器基础

任何一种OpenGL程序本质可以分为两个部分：CPU运行的部分（采用C++之类的语言编写）和GPU运行的部分（采用GLSL语言编写）OpenGL的可编程管线：顶点着色阶段（vertexshadingstage
songzhangzheng·2023-11-19 15:23

OpenGl L3着色器

着色器对应的语言为GLSL二.GLSLGSL是一种类C语言，是为图形计算量身定制的。着色器的开头是输入变量，输出变量，uniform和main函数。
lee2813·2023-11-19 15:45

cesium雷达扫描（模糊圆效果）

cesium雷达扫描（模糊圆效果）1、实现思路使用ellipse方法加载圆型，修改ellipse中‘material’方法重写自己的glsl来实现当前效果1、示例源码index.html<!
GIS-CL·2023-11-19 12:00

cesium1.102.0及以上版本自定义GLSL报“texture2D‘ : no matching overloaded function found”错误

问题所在cesium1.102.0以上版本将不再使用webGL1进行上下文渲染版本改为webgl2版本，导致不在兼容‘texture2D’。解决方法（3个方法）1、将cesium降为100以下版本（不建议感觉意义不大）2、将现在的版本改为webGL1使用（有一定的限制因素）newViewer('cesiumContainer',{contextOptions:{requestWebgl1:true
GIS-CL·2023-11-19 02:58

cesium雷达效果（脉冲圆）

cesium雷达效果（脉冲圆）下面富有源码实现思路使用ellipse方法加载圆型，修改ellipse中‘material’方法重写glsl来实现当前效果示例代码index.html
GIS-CL·2023-11-19 02:58

cesium雷达扫描（雷达扫描线）

cesium雷达扫描（雷达扫描线）下面富有源码实现思路使用ellipse方法加载圆型，修改ellipse中‘material’方法重写glsl来实现当前效果示例代码index.html
GIS-CL·2023-11-19 02:58

Three.js - 使用着色器材质绘制立方体（三十）

进一步学习后就会知道，three.js就是对GLSL语言进行了多方面的封装，下面我们就使用着色器语言来绘制一个正方体。开始绘制绘制一个有着色器材质的几何体学习import*asTHREEfrom'.
nie-ny·2023-11-16 12:27

Three.js - 着色器材质（二十七）

着色器材质是一个用GLSL编写的小程序，在GPU上运行。需要知道GLSL是着色器使用的语言，它和JavaScript使用方
nie-ny·2023-11-16 12:26

Three.js-着色器学习资源推荐（glsl）

目录1.TheBookofShaders2.WebGL零基础入门教程1.TheBookofShaders这是一本关于FragmentShaders（片段着色器）的入门指南，它将一步一步地带你领略其中的纷繁与抽象。TheBookofShaders:Helloworld!Gentlestep-by-stepguidethroughtheabstractandcomplexuniverseofFragm
HM-hhxx！·2023-11-16 12:21

threejs(11)-shader着色器打造漫天飞舞孔明灯

/shaders/flylight/vertex.glsl";//顶点着色器
拾荒李·2023-11-13 04:01

OpenGLES（四）glsl语法

GLSL是OpenGL着色器语言(OpenGLShadingLanguage)版本说明OpenGLES版本GLSL版本2.01003.03003.13103.2320GLSL3.0与2.0差异用in和out
Hufft·2023-11-12 19:32

Threejs教程之着色器

Three.js着色器Three.js视频教程很多时候如果想写一些特效，往往需要编写着色器代码GLSL，如果你不熟悉着色器语言，自然需要学习着色器语言语法，如果你有着色器语言基础，直接使用Threejs
郭隆邦技术博客·2023-11-09 20:56

Three.js-Shaders着色器

目录1.什么是着色器2.什么是GLSL3.顶点着色器和片元着色器3.1顶点着色器Vertexshaders3.2片元着色器fragmentshaders4.着色器材质4.1什么是着色器材质4.2着色器材质的变量
HM-hhxx！·2023-11-09 20:54

threejs(11)-精通着色器编程（难点）1

一、初识着色器语言GLSL代表openGLShadingLanguage，它是着色器程序的特定标准，您将在接下来的章节中看到。根据硬件和操作系统，还有其他类型的着色器。
拾荒李·2023-11-09 20:53

Shader - ShaderLab基础

而ShaderLab是Unity对CG/HLSL/GLSL的一层封装，重点支持的是Cg着色器语言。目前面向GPU的编程有三种高级图像语言：HLSL语言，GLSL语言，Cg语言。
刘建宁·2023-11-08 01:28

ShaderLab开发规范之布局

ENDHLSL     或者     GLSLINCLUDE     ...     ENDGLSL    
大胖刺·2023-11-08 01:55

【WebGL】简单入门教程

涉及技术栈HTML、HTML5JavaScriptGLSLES语言第2章-初识WebGL2.1手动绘制一个图形实现的
小沈曰·2023-11-05 07:05

fo-dicom缺少DicomJpegLsLosslessCodec

VS2019，fo-dicomv4.0.8usingDicom.Imaging.Codec;...DicomJpegLsLosslessCodec//CS0103当前上下文中不存在名称“DicomJpegLsLosslessCodec
Kelvin_Ngan·2023-11-05 03:32

利用OSG和GLSL实现彩色图转为灰度图

目录1.前言2.开发环境说明3.预备知识4.功能实现4.1.代码4.2.代码说明5.附加说明1.前言灰色图片其rgb值是一样的，比如(0.5,0.5,0.5)就是一张灰度图。彩色转黑白算法有很多种。因此由彩色转黑白关键就是由彩色的rgb算出灰度gray，然后最终的颜色就是(gray,gray,gray)。网上搜索到RGB转gray的算法有很多种，其中最常见的几种如下：浮点算法:Gray=R*0.3
荆楚闲人·2023-11-03 19:19

NO.14 - OpenGL ES GLSL语言以及自定义着色器常用API

OpenGLESGLSL语言EGL(EmbeddedGraphicsLibrary)OpenGLES命令需要渲染上下⽂和绘制表面才能完成图形图像的绘制渲染上下⽂:存储相关OpenGLES状态，是一个状态机绘制表面
z夜流星·2023-11-03 05:48

使用Visual Studio SDK制作GLSL词法着色插件

使用VisualStudioSDK制作GLSL词法着色插件我们在VisualStudio上开发OpenGLES项目时，避免不了写Shader。这时在vs里直接编辑shader就会显得很方便。
weixin_34195142·2023-11-02 11:25

OpenGL相机自由移动旋转缩放，四元数,欧拉角，LookAt

OpenGL相机自由移动旋转缩放，四元数,欧拉角，LookAt定义相机摄像机位置右轴上轴LookAt自由移动相机左右移动移动速度视角移动欧拉角通过欧拉角计算实际的方向向量缩放四元数解读四元数基本操作怎样用GLSL
梦鸢MoYuan·2023-11-02 10:53
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他