glsl

Web3D编程入门总结——WebGL与Three.js基础介绍

*/2/*第一部分，webgl与three.js基础介绍，要求读者掌握JavaScript入门知识*/3//webgl原理：通过JavaScript语言在浏览器端生成glsl代码，
我爱丁丁猫·2024-01-16 14:51

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

Unity游戏图形学 Shader结构

shader结构shader语言openGL：SLG跨平台=>GLSL：openGLshaderlaugugeDX：微软开发，性能很好，但是不能跨平台=>HLSL：highlevelshaderlanguageCG
Msir_Modern·2024-01-14 09:22

OpenGL：纹理贴图

为了在OpenGL/GLSL中有效完成纹理贴图，需要协调好以下几个不同的数据集和机制：用于保存纹理图像的纹理对象特殊的统一采样器变量，以便顶点着色器访问纹理用于保
张帅峰_·2024-01-13 13:18

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博客:DistanceFunctionsShaderToyCombinationSDFGLSLES语言—矢量和矩阵的赋值构造函数
MiaoMiaoM-·2024-01-10 21:23

【OSG案例详细分析与讲解】之二：【着色文件转换为字符数组】

文章目录一、【着色文件转换为字符数组】前言二、【着色文件转换为字符数组】Shader转换三、【着色文件转换为字符数组】转换函数1.转换函数2.字符替换函数四、【着色文件转换为字符数组】示例1.GLSL2Cpp.cpp
翰墨之道·2024-01-10 15:38

Blender Shading 节点材质编辑器着色、添加动画

blendershading功能设计个着色器，后面熟悉了，在babylonjs.com节点材质编辑器里面操作并导出shader代码，并在开发中的模型特效中使用此代码，babylonjs.com的此功能大大的缩小了开发人员学习glsl
web搅拌机·2024-01-09 23:16

OpenGL基础（05）GLSL语言简介

前几个章节主要是使用OpenGL绘制出基本的图形，从这里开始我们考虑颜色的渐变，首先要了解GLSL语言的基础知识。1GLSL简介GLSL是用来编写着色器程序的语言。
图王大胜·2024-01-09 08:35

GLSL着色器入门（持续更新中...）

目录第一章：OpenGLworkswithtriangles第二章：ParallelProcessing第章推荐来自b站的课程004GLSLisnotJavascript_哔哩哔哩_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

1.2.2 Visual Studio OpenGL着色器语言文件读取

主要介绍利用VisualStudio-OpenGL创建一个红色三角形，涉及到GLSL着色器语言，着色器语言文件创建，文件的载入，代码释义等内容。
半土博士学技术·2024-01-08 00:52

编程笔记 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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他