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
WebGL编程指南pdf
《WebGL编程指南》的主要篇幅讲解了WebGL原生API和三维图形学的基础知识,包括渲染管线、着色器、矩阵变换、着色器编程语言(
GLSL
ES)等等,也讲解了使用WebGL渲染三维场景的一般技巧,如光照
weixin_30527323
·
2023-11-29 19:39
前端
人工智能
操作系统
ViewUI
Android Bitmap 模糊效果实现 (二)
文章目录AndroidBitmap模糊效果实现(二)使用Vukan模糊使用RenderEffect模糊使用
GLSL
模糊RS、Vukan、RenderEffect、
GLSL
效率对比AndroidBitmap
清霜之辰
·
2023-11-29 02:37
Android开发
android
Bitmap
模糊
Vukan
RenderEffect
openGL
OpenGL 4.0
GLSL
实现 平面着色 Implementing flat shading
在逐顶点shader光照模型中要计算每个顶点的颜色,然后用这些点的颜色经过插值来产生光华的表面效果(Thecolorsaretheninterpolatedacrossthefaceofthepolygontoproduceasmoothshadingeffect),这个被称作GouraundShading。这在早期的OpenGL版本中,经过每个顶点颜色插值来实现光照模型是其默认实现。然而有时候想
Sunday
·
2023-11-27 01:05
GLSL
GLSL
4.0
算法和特效
cesium轨迹线(图片轨迹线)
cesium轨迹线(图片轨迹线)下面有源码实现思路使用ellipse方法加载圆型,修改polyline中‘material’方法重写
glsl
来实现当前效果(cesium版本1.109)示例代码index.html
GIS-CL
·
2023-11-26 07:10
cesium实战
cesium
前端
javascript
cesium轨迹线(闪烁轨迹线)
cesium轨迹线(闪烁轨迹线)下面有源码实现思路使用ellipse方法加载圆型,修改polyline中‘material’方法重写
glsl
来实现当前效果(cesium版本1.109)示例代码index.html
GIS-CL
·
2023-11-26 07:10
cesium实战
javascript
开发语言
前端
cesium
cesium轨迹线(发光轨迹线)
cesium轨迹线(发光轨迹线)下面有源码实现思路使用ellipse方法加载圆型,修改polyline中‘material’方法重写
glsl
来实现当前效果(cesium版本1.109)示例代码index.html
GIS-CL
·
2023-11-26 07:32
cesium实战
cesium
前端
javascript
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
c++
图形学
opengl
使用
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
c++
glsl
OpenGl L3着色器
着色器对应的语言为
GLSL
二.
GLSL
GSL是一种类C语言,是为图形计算量身定制的。着色器的开头是输入变量,输出变量,uniform和main函数。
lee2813
·
2023-11-19 15:45
图形学
着色器
opengl
cesium雷达扫描(模糊圆效果)
cesium雷达扫描(模糊圆效果)1、实现思路使用ellipse方法加载圆型,修改ellipse中‘material’方法重写自己的
glsl
来实现当前效果1、示例源码index.html<!
GIS-CL
·
2023-11-19 12:00
cesium实战
cesium
前端
javascript
开发语言
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
前端
javascript
cesium雷达效果(脉冲圆)
cesium雷达效果(脉冲圆)下面富有源码实现思路使用ellipse方法加载圆型,修改ellipse中‘material’方法重写
glsl
来实现当前效果示例代码index.html
GIS-CL
·
2023-11-19 02:58
cesium实战
cesium
前端
javascript
cesium雷达扫描(雷达扫描线)
cesium雷达扫描(雷达扫描线)下面富有源码实现思路使用ellipse方法加载圆型,修改ellipse中‘material’方法重写
glsl
来实现当前效果示例代码index.html
GIS-CL
·
2023-11-19 02:58
cesium实战
javascript
开发语言
前端
cesium
Three.js - 使用着色器材质绘制立方体(三十)
进一步学习后就会知道,three.js就是对
GLSL
语言进行了多方面的封装,下面我们就使用着色器语言来绘制一个正方体。开始绘制绘制一个有着色器材质的几何体学习import*asTHREEfrom'.
nie-ny
·
2023-11-16 12:27
three.js
学习
前端
javascript
three.js
Three.js - 着色器材质(二十七)
着色器材质是一个用
GLSL
编写的小程序,在GPU上运行。需要知道
GLSL
是着色器使用的语言,它和JavaScript使用方
nie-ny
·
2023-11-16 12:26
three.js
学习
javascript
前端
three.js
Three.js-着色器学习资源推荐(
glsl
)
目录1.TheBookofShaders2.WebGL零基础入门教程1.TheBookofShaders这是一本关于FragmentShaders(片段着色器)的入门指南,它将一步一步地带你领略其中的纷繁与抽象。TheBookofShaders:Helloworld!Gentlestep-by-stepguidethroughtheabstractandcomplexuniverseofFragm
HM-hhxx!
·
2023-11-16 12:21
Three
着色器
着色器
three.js
Three.js
3d
javascript
threejs(11)-shader着色器打造漫天飞舞孔明灯
/shaders/flylight/vertex.
glsl
";//顶点着色器
拾荒李
·
2023-11-13 04:01
着色器
OpenGLES(四)
glsl
语法
GLSL
是OpenGL着色器语言(OpenGLShadingLanguage)版本说明OpenGLES版本
GLSL
版本2.01003.03003.13103.2320
GLSL
3.0与2.0差异用in和out
Hufft
·
2023-11-12 19:32
OpenGL
android
OpenGL
glsl
Threejs教程之着色器
Three.js着色器Three.js视频教程很多时候如果想写一些特效,往往需要编写着色器代码
GLSL
,如果你不熟悉着色器语言,自然需要学习着色器语言语法,如果你有着色器语言基础,直接使用Threejs
郭隆邦技术博客
·
2023-11-09 20:56
Three.js
Threejs
WebGL
着色器
GLSL
Three.js-Shaders着色器
目录1.什么是着色器2.什么是
GLSL
3.顶点着色器和片元着色器3.1顶点着色器Vertexshaders3.2片元着色器fragmentshaders4.着色器材质4.1什么是着色器材质4.2着色器材质的变量
HM-hhxx!
·
2023-11-09 20:54
Three
着色器
three.js
3d
javascript
Three.js
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 或者
GLSL
INCLUDE ... END
GLSL
大胖刺
·
2023-11-08 01:55
unity3d
shader
【WebGL】简单入门教程
涉及技术栈HTML、HTML5JavaScript
GLSL
ES语言第2章-初识WebGL2.1手动绘制一个图形实现的
小沈曰
·
2023-11-05 07:05
web-基础语法与进阶
WebGL
fo-dicom缺少DicomJpe
gLsL
osslessCodec
VS2019,fo-dicomv4.0.8usingDicom.Imaging.Codec;...DicomJpe
gLsL
osslessCodec//CS0103当前上下文中不存在名称“DicomJpe
gLsL
osslessCodec
Kelvin_Ngan
·
2023-11-05 03:32
dicom
利用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
#
osg项目实战
osg
GLSL
彩图变为灰度图
NO.14 - OpenGL ES
GLSL
语言以及自定义着色器常用API
OpenGLES
GLSL
语言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
c#
OpenGL相机自由移动旋转缩放,四元数,欧拉角,LookAt
OpenGL相机自由移动旋转缩放,四元数,欧拉角,LookAt定义相机摄像机位置右轴上轴LookAt自由移动相机左右移动移动速度视角移动欧拉角通过欧拉角计算实际的方向向量缩放四元数解读四元数基本操作怎样用
GLSL
梦鸢MoYuan
·
2023-11-02 10:53
游戏开发
算法
人工智能
webgl入门到成仙【入门-04wegbl的实际绘图思路】
04webgl的实际绘图思路知识点webgl的绘图思路找一台电脑浏览器里内置的webgl渲染引擎,负责渲染webgl图形,只认
GLSL
ES语言找一块手绘板程序对象,承载
GLSL
ES语言,翻译
GLSL
ES
俞华
·
2023-11-02 07:39
webgl
如何绘图
顶点着色器
片元着色器
着色器
webGL入门(一)
现代的GPU所包含的渲染管线为可编程渲染管线,可以通过编程
GLSL
着色器语言来控制一些渲染阶段的细节。简单来说:就是使用shader,我们可以对画布中每个像
火海妖
·
2023-11-02 07:05
可视化
webgl
快速实现
GLSL
Shader(支持GLES2/GLES3)的一个辅助小系统
(源码下载)
QQ群:722973433):https://download.csdn.net/download/vily_lei/10795631下载之后解压缩,请看ReadMe.本系统简洁轻巧,用于快速实现基于
glsl
es2
含影
·
2023-11-02 05:12
opengl(es)
glsl/hlsl
图形图像与几何算法
WebGL/WebGPU
渲染系统中MRT和RTT的应用组合(WEBGL2
GLSL
ES3实现)
(其实MRT和RTT只是输出目标是多个和一个的区别,当然
glsl
代码也有区别)我的渲染系统的设计思路是用RTT/MRT控制对象来管理这个流程。
含影
·
2023-11-02 05:42
glsl/hlsl
opengl(es)
WebGL/WebGPU
3d
Unity ShaderGraph图片发光效果
Glow)原理ShaderGraph前言发光的基本原理,如何给图片施加不同颜色的光公式讲解部分参考10行代码搞定“热成像”【shader奇技淫巧】发光效果(Glow)ShaderGraph连线图原理在
GLSL
SlowFeather
·
2023-10-27 23:43
Unity
shader
unity
13-3.
GLSL
-灰度、颠倒、马赛克滤镜分析
准备工作准备工作的代码与分屏demo中一致,只需要修改相应的底部item数组及对应的着色器名称等顶点着色器也没有任何变化,主要是片元着色器中的实现滤镜算法灰度滤镜灰度滤镜的实现原理是让RGB值保持一个平衡并填充,或者只保留一个亮度值,即绿色,在人眼中,绿色的亮度是最显眼的,绿色值越深,在肉眼观察中图片越暗淡,这是眼睛的一种生理现象。灰度滤镜公式浮点算法:Gray=R*0.3+G*0.59+B*0.
Pufus
·
2023-10-27 21:45
OpenGL ES-07-案例04-
GLSL
加载图片
当我们在不能使用GLKit的情况下,也可以使用
GLSL
来加载一张图片。那么我们今天就通过小案例来看一下代码实现。同时了解一下帧缓冲区和渲染缓冲区的关系。
宇宙那么大丶
·
2023-10-27 19:28
取余运算应用(2)-在
glsl
中
取余运算应用(2)-在
glsl
中初始化,根据到圆心的距离绘制一个圆voidmainImage(outvec4fragColor,invec2fragCoord){vec2uv=(fragCoord.xy
DSLMing
·
2023-10-27 09:50
Threejs-Shader
app_github地球学习(4)_地球伪贴图
/shader/fragment.
glsl
.js";importvertexfrom"./shader/vertex.
glsl
.js";windo
DSLMing
·
2023-10-27 09:50
Threejs-Shader
Unity
GLSL
shader
GLSL
shader我们先基于Unity创建一个最基础的Shader文件,它的代码看起来是这样的:Shader"LearnShader/
GLSL
/Learn
GLSL
Shader"{Properties{
会打马赛克的小老弟
·
2023-10-26 20:55
第1章 入门
1.1语言和库C++开发环境OpenGL/
GLSL
窗口管理库扩展库数学库纹理图像加载库1.1.1C++本文推荐使用MicrosoftGVisualStudio作为C++开发环境1.1.2OpenGL/GLS
去往火星
·
2023-10-26 08:55
c++
OpenGL系列之十八:FBO离屏渲染
三角形顶点增加颜色OpenGL系列之四:绘制四边形OpenGL系列之五:绘制点和线OpenGL系列之六:绘制立方体OpenGL系列之七:纹理贴图OpenGL系列之八:立方体纹理贴图OpenGL系列之九:
glsl
itfitness
·
2023-10-25 08:08
OpenGL —— 2.9、摄像机之模拟CS鼠标视角转动(附源码,glfw+glad)
具体代码: vertexShader.
glsl
#version330corelayout(location=0)invec3aPos;layout(location=1)invec2aUV
信必诺
·
2023-10-24 15:11
OpenGL
C++
OpenGL
鼠标漫游
OpenGL ES-13-案例08-6种图片动效滤镜
因为今天要展示动态效果,于是在
GLSL
加载图片的代码中,添加了时间戳传入片元着色器中进行计算动态效果的周期。
宇宙那么大丶
·
2023-10-23 19:50
OpenGL-着色器
GLSL
OpenGL驱动使用的着色器语言是一种叫做
GLSL
的类C语言写成的,它包含一些针对向量和矩阵操作的有用特性。(D3D11驱动是使用的着色器语言是HLSL)
STL_f36e
·
2023-10-23 01:56
自学OpenGL(七)-着色器
GLSL
着色器是使用一种叫
GLSL
的类C语言写成的。
GLSL
是为图形计算量身定制的,它包含一些针对向量和矩阵操作的有用特性。用法与特性可
朽木自雕也
·
2023-10-22 15:30
OpenGL ES案例之
GLSL
分屏滤镜
今天我们用一个自定义着色器,来实现图片分屏效果。具体效果如下: 下方可点击的collectionView,我们这里所用的方法就是根据点击的不同,调用不同的顶点和片元着色器,然后达到不同的绘制效果。其余绘制部分,初始化部分,和之前我们的文章中讲述的没有任何差别。所以我们只要领会不同的着色器代码就可以了。且顶点着色器的代码都一样,我们只是修改片元着色器的映射关系,来达到分屏的目的。2分屏映射关系
爱看书de图图
·
2023-10-21 16:08
OpenGL —— 2.8、漫游之摄像机飞行移动(附源码,glfw+glad)
具体代码: vertexShader.
glsl
#version330corelayout(location=0)invec3aPos;layout(location=1)invec2aUV
信必诺
·
2023-10-20 17:53
OpenGL
c++
opengl
摄像机
漫游
OpenGL —— 2.6、绘制一个正方体并贴图(附源码,glfw+glad)
具体代码: vertexShader.
glsl
#version330corelayout(location=0)invec3aPos;layout(location=1)invec2aUV
信必诺
·
2023-10-20 14:47
OpenGL
c++
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
其他