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
如何1人5天开发完3D数据可视化大屏 【一】
大约一周的时间开发出了一个酷炫的数据可视化大屏:1前言由于篇幅问题,整篇会分为两个部分,围绕以下几个核心分享:【一】地球的实现地球可点击的交互逻辑飞线的实现【二】平面地图的实现柱体的实现性能优化地图相关问题涉及到的知识点:
GLSL
360技术
·
2022-06-01 07:21
可视化
3d
webgl
数据可视化
分布式存储
uniform,attribute和varying
GLSL
三种变量类型(uniform,attribute和varying)理解1.uniform变量uniform变量是外部程序传递给(vertex和fragment)shader的变量。
hhy980205
·
2022-03-24 04:14
opengl
opengl
three.js引入
glsl
文件并高亮显示代码的完整步骤
目录同一个js文件中引入
glsl
glsl
文件与js文件分开高亮显示
glsl
代码总结同一个js文件中引入
glsl
在three.js中自己写shader语言的时候,我们需要把
glsl
与JavaScript两种语言结合起来
·
2022-03-19 13:01
OpenGL Shader实现物件材料效果详解
在此之前一直困惑这类滤镜效果是如何实现的,单纯
glsl
脚本来绘制难度似乎有点大。例如下面截取平台的几种效果像是在图片上方覆盖了一个透明图层。
·
2022-02-23 09:13
GLSL
实现纹理与颜色混合
OpenGLES索引绘图-上文介绍了使用索引绘图绘制金字塔案例,本文基于金字塔案例的基础上,使用
GLSL
实现纹理与颜色的混合。
_涼城
·
2022-02-22 07:53
OpenGL ES 案例07:
GLSL
使用索引绘图 + 纹理颜色混合
OpenGL+OpenGLES+Metal系列文章汇总本文案例代码有OC及Swift版本,详情见文末链接,讲解以OC版本为主本案例是在OpenGLES案例05:
GLSL
使用索引绘图案例的基础上新增纹理与颜色的混合填充功能整体效果图如下
Style_月月
·
2022-02-21 11:17
《GPU编程与CG语言之阳春白雪下里巴人》- 第三章(Shader Language)
------歌德InthelastyearIhaveneverhadtowriteasingleHLSL/
GLSL
shader.Bottomline,Ican'tthinkofanyreasonNOTtouseCG.ShaderLanguage
成都小萝卜
·
2022-02-20 15:07
OpenGL Shader实现简单转场效果详解
那么如何在
glsl
中去实现转场效果?其实转场效果可以理解成两个纹理对象切换的过程。首先提前条件需要两个纹理对象,然后在这两个纹理对象上去实现纹理和纹理之间的切换。渐变转场通过mix函数混合两个纹理图
·
2022-02-18 09:33
从0开始的OpenGL学习(四)-着色器类
一、开胃小菜
GLSL
先来点开胃菜,扯两句
GLSL
。之前我们就用过
GLSL
搞了个顶点着色器和片元着色器,也算是对它不陌生了。
闪电的蓝熊猫
·
2022-02-18 07:11
Android自定义camera2相机 系列(三)
GLSL
语言基础学习
前言该篇文章是继camera2的基础上添加的Opengles,实现滤镜或者黑白灰等效果,由于Opengles需要设置
GLSL
语言的shader,这里单独加一张
GLSL
的学习笔记。
小肥羊冲冲冲
·
2022-02-15 12:09
OpenGL ES 案例06:GLKit使用索引绘图
OpenGLES+Metal系列文章汇总本文案例代码有OC及Swift版本,详情见文末链接,讲解以OC版本为主本案例的主要目的是理解GLKit中的索引绘图如果对索引绘图有不了解的,请先看OpenGLES案例05:
GLSL
Style_月月
·
2022-02-14 19:43
Three.js 教程: 介绍
GLSL
-OpenGLShadingLanguage也称作
GLsl
a
谢大见
·
2022-02-13 06:27
WebGL & Three.js 入门
其中得
GLSL
是GPU部分对应的编程语言,可以用
GLSL
编写着色器程序,并配合JavaScript共同实现3D效果。
风之化身呀
·
2022-02-12 17:22
详解OpenGL Shader抗锯齿的实现
在
glsl
中这种情况是常见情况,这里是可以借助
glsl
内置函数来消除锯齿现象。vec3sdfCircle(vec2uv,floatr,vec3value){floatd
·
2022-02-11 18:24
cocosCreator材质effect丝带飘飞效果
GLSL
语法
使用
GLSL
可以制作出很多漂亮有趣的材质效果首先要理解,
GLSL
管道是消耗的gpu,我们的材质文件处理的是每一个像素点的逻辑。
传奇狗
·
2022-02-11 12:04
OpenGL ES案例-分别用
GLSL
和GLKit绘制可旋转的金字塔
矩阵库.png二、
GLSL
实现代码主体和上一个案例一样,我们自定义两个着色器:顶点着色器shaderv.
glsl
和片源着色器shad
Sheisone
·
2022-02-09 23:34
OpenGL ES
GLSL
绘制金字塔
这个金字塔的外部效果,由顶点颜色和纹理颜色混合成,我们先实现用顶点颜色实现这个金字塔的样子,最终效果如下图所示:QQ20200802-122907-HD.gif绘制这个金字塔,我们分6部去实现这个效果:第一步:绘制图层:self.mEagLayer=(CAEAGLLayer*)self.layer;[selfsetContentScaleFactor:[[UIScreenmainScreen]sc
大橘猪猪侠
·
2022-02-08 18:38
OpenGL ES 案例13:动效滤镜(6种)
OpenGL+OpenGLES+Metal系列文章汇总本案例的目的是理解如何用
GLSL
实现缩放+灵魂出窍+抖动+闪白+毛刺+幻觉6中动效滤镜准备工作准备工作的代码与OpenGLES案例11:分屏滤镜中一致
Style_月月
·
2022-02-07 17:17
使用Qt进行OpenGL开发-绘制简单矩形
代码采用的是Qt的Opengl模块,管道编程采用的是
GLSL
语言。在头文件中需要包含Qt对应的模块头文件,对应的头文件代码如下。opengl.h#ifndefOPENGL_H
码农飞飞
·
2022-02-07 16:56
QT
qt
c++
基于Qt的OpenGL(三):QOpenGLShaderProgram和
GLSL
QOpenGLShaderProgram是对ShaderProgram编译过程的封装,不管是加载SourceCode还是SourceFile,采用Qt的封装都是非常棒的。如果不封装,就会像下图一样,先把代码写入字符串,没有颜色标识,而且每行还得有换行符,非常麻烦。因此我们希望能像普通的C++代码一样编写Shader,好在Qt已经帮我们封装好了。为了在QT中正常加载并编辑shader文件:在工具->
@会飞的毛毛虫
·
2022-02-07 16:20
OpenGL
c++Qt开发专栏
qt
c++
QOpenGLWidget
GLSL
OpenGL ES 案例04:
GLSL
加载图片
OpenGL+OpenGLES+Metal系列文章汇总本案例的主要目的在于理解
GLSL
语言自定义着色器以及自定义着色器是如何使用的案例的效果是利用
GLSL
自定义的着色去加载一张图片,效果图如下案例效果图案例的整体流程图如下整体流程图流程中主要分为
Style_月月
·
2022-02-06 03:56
OpenGL ES 案例11:分屏滤镜
OpenGL+OpenGLES+Metal系列文章汇总本文案例代码有OC及Swift版本,详情见文末链接本案例的目的是理解如何用
GLSL
实现分屏(2/3/4/6/9)滤镜案例的效果图如下分屏-效果图.gif
Style_月月
·
2022-02-04 19:36
四、 OpenGL ES
GLSL
图片倒置的翻转解决方案(6种)
OpenGL+OpenGLES+Metal系列文章汇总在OpenGLES案例04:
GLSL
加载图片案例中,我们发现加载的图片是倒置的,如下图所示图片倒置的效果图倒置的原因很简单,主要是由于纹理坐标的原点
Style_月月
·
2022-02-03 09:03
06 - OpenGL ES学习之绘制一个立方体
在后续的文章中,我都是在VSCode里编写着色器,安装
GLSL
扩展后,可以
CoderP1
·
2021-12-10 10:38
Cocos effect基本知识
Cocoseffect是基于opengl的,使用
glsl
语法和函数。但是经过了cocos进行封装,所以一般看不到main函数,直接写关键函数即可。
魂狩
·
2021-12-08 15:48
Cesium 实现建筑夜景贴图
在线预览Demo源码在新版本的Cesium(1.87.0),支持了CustomShader,可以为Cesium3DTileset编写自定义的
GLSL
代码。
·
2021-11-22 09:33
九、OpenGL ES - 综合练习
音视频开发:OpenGL+OpenGLES+Metal系列文章汇总通过
GLSL
实现金字塔旋转案例,了解索引数组的使用,以及
GLSL
实现图形变换主要内容:索引数组的了解旋转金字塔案例1、索引数组的了解索引绘图技巧就是指将图形中的肉眼可见的顶点
iOS之文一
·
2021-11-02 10:04
WebGL着色器渲染小游戏实战
项目起因经过对
GLSL
的了解,以及shadertoy上各种项目的洗礼,现在开发简单交互图形应该不是一个怎么困难的问题了。下面开始来对一些已有业务逻辑的项目做
GLSL
渲染器替换开发。
·
2021-10-28 18:49
javascript
WebGL着色器渲染小游戏实战
项目起因经过对
GLSL
的了解,以及shadertoy上各种项目的洗礼,现在开发简单交互图形应该不是一个怎么困难的问题了。下面开始来对一些已有业务逻辑的项目做
GLSL
渲染器替换开发。
凹凸实验室
·
2021-10-28 18:00
八、OpenGL ES -
GLSL
的使用
我们可以通过
GLSL
写顶点着色器和片元着色器,完成自定义的操作,这是OpenGLES实现可编程管道的手段。因此本文就着重介绍
GLSL
语法,以及
GLSL
的初步使用。
iOS之文一
·
2021-10-27 10:12
Unity-SRP之DrawCall
着色语言有三种,微软DirectX的HLSL(HighLevelShadingLanguage)、OpenGL的
GLSL
(OpenGLShadingL
cchoop
·
2021-10-13 11:37
SRP
unity
SRP
OpenGL ES – 多种特效shader
然后安装一个叫做
glsl
-canvas还有ShaderLanguage的插件,这样写的shader语法就会高亮,并且可以实时查
再好一点点
·
2021-09-15 11:34
GLKit详解 (下) 与 OpenGL
GLSL
初探 (3) (11)
GLKViewController关于更新方法的补充GLKViewController补充点,如果被子类化且实现了updata,则该方法每60FPS的频率调用image.png案例--OpenGLESGLKit加载立方体图形思路导图image.png这次我们的VC并没有继承什么的,只是声明了一个GLKView属性,在这个图层上面实现我们要完成的效果image.png这里的数据是由一个结构体提供的,
为了自由的白菜
·
2021-09-02 09:09
GLSL
入门
着色器语言
GLSL
(opengl-shader-language)入门大全基本类型:类型说明void空类型,即不返回任何值bool布尔类型true,falseint带符号的整数signedintegerfloat
困惑困惑困惑
·
2021-08-08 23:44
glsl
内建函数 dot(float x, float y)的运算逻辑
dot函数是用来处理向量点乘的,如果传进去是float类型会怎么处理呢?我写了一段代码用来测试,发现floatx会被处理成Vec_(x,0,0...),x是会被处理成第一项为x的向量参与运算。#ifdefGL_ESprecisionmediumpfloat;#endifuniformvec2u_resolution;//canvassize(width,height)uniformvec2u_mo
·
2021-08-03 12:29
glsl
OpenGL ES 特效与滤镜实现原理
涉及到的知识点:OpenGLOpenGLES
GLSL
等等。
困惑困惑困惑
·
2021-08-01 20:26
【three.js /
glsl
】 用 shader 写出夜空中的萤火虫
参考课程是这位老哥的three.js教程非常厉害感兴趣的可以买来看看如果本身对shader还不够了解的话,thebookofshaders是非常好的入门读物说到做“萤火虫”,肯定会想到用“粒子”(particles)。用buffergeometry创建粒子首先定义一个buffergeometry,然后创建一个BufferAttribute用于存储每一个萤火虫的位置信息;constfireflies
·
2021-06-27 17:43
three.jsglsl
WebGL 着色器偏导数dFdx和dFdy介绍
偏导数函数(HLSL中的ddx和ddy,
GLSL
中的dFdx和dFdy)是片元着色器中的一个用于计算任何变量基于屏幕空间坐标的变化率的指令(函数)。
ITman彪叔
·
2021-06-27 05:38
4-3-1 彩色矩形
彩色矩形要点将颜色值和坐标点按照一定的规律放置在一个float[]数组里面使用offset控制设置参数使用的数据位置,和数据,
glsl
代码改写.问题?透明度没用?
super小立立
·
2021-06-24 23:54
ShaderJoy——“Generalized Kuwahara” 的实现 【
GLSL
】
详解Shader特效——“GeneralizedKuwahara”的实现【
GLSL
】效果对比:
ShaderJoy
·
2021-06-24 15:10
着色器语言
GLSL
入门大全(转)
基本类型:类型说明void空类型,即不返回任何值bool布尔类型true,falseint带符号的整数signedintegerfloat带符号的浮点数floatingscalarvec2,vec3,vec4n维浮点数向量n-componentfloatingpointvectorbvec2,bvec3,bvec4n维布尔向量Booleanvectorivec2,ivec3,ivec4n维整数向量
linpeng_ios
·
2021-06-23 17:47
Unity渲染管线 入门概览
GLSL
:主要用于OpenGL。
xzhuan
·
2021-06-23 16:59
OpenGL着色器基本语法收集整理
一、简介OpenGL着色语言(OpenGLShadingLanguage)又叫
GLSL
,是用来在OpenGL中着色编程的语言,是一种面向过程的语言,基本的语法和C/C++基本相同,他们是在图形卡的GPU
HuiRan
·
2021-06-21 21:31
编译链接自定义着色器实现纹理渲染
GLSL
代码顶点着色器代码attributevec4position;attributevec2textCoordinate;varyinglowpvec2varyTextCoord;voidmain(
_涼城
·
2021-06-20 23:18
WebGL进阶
(如不知道怎么创建WebGL,可参考上篇文章,点击走起)首先让我来介绍2个变量,我们需要借助这2个变量搭建的桥梁才能使JavaScript与
GLSL
ES之间进行沟通。
三石青韦
·
2021-06-19 17:52
OpenGL ES 2.0 着色器语言
原文:https://blog.csdn.net/uyy203/article/details/79757333OpenGL着色器中使用的是着色语言
GLSL
。
Cedric_h
·
2021-06-10 10:54
基于FFmpeg 和 OpenGL 的音视频合成+过渡转场+文字抖动特效【C++】【
GLSL
】
视频基于FFmpeg和OpenGL的音视频合成+过渡+文字特效【C++/
GLSL
】图片字符“人浪”多米诺骨牌排队出发抖动简介:[跨平台的依赖库]基于若干张用户照片(等比例缩放至统一大小,不足则填充黑边)
ShaderJoy
·
2021-06-08 09:37
iOS-OpenGL ES入门教程(五)初识
GLSL
前言前面的基础文章列表iOS-零基础学习OpenGLES入门教程(一)iOS-OpenGLES入门教程(二)最简单的纹理DemoiOS-OpenGLES入门教程(三)纹理取样,混合,多重纹理iOS-OpenGLES入门教程(四)光照写在前面:OpenGLES系列是自己在做音视频时候边学边记录的文章距离最初记录已经三年有余,现在回头看补齐这个当初的学习系列也算是一种回溯吧,学习总是让人开心的,由陌生
安东_Ace
·
2021-06-07 22:34
OpenGL着色器(Shader)和
GLSL
语言的简单介绍
前言最近在Android上发现一个开源软件,叫做ShaderEditor(着色编辑器),可以用它编写
GLSL
程序并且预览,还能与Android内置变量联系(电量,陀螺仪,磁力,触摸,等等),还可以将效果作用于桌面壁纸
hk_shao
·
2021-06-07 17:52
iOS 查漏补缺 - LLVM & Clang
它最早以C/C++为实现对象,而当前它已支持包括ActionScript、Ada、D语言、Fortran、
GLSL
、
leejunhui
·
2021-06-07 02:39
上一页
5
6
7
8
9
10
11
12
下一页
按字母分类:
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
其他