- 博客(15)
- 资源 (22)
- 收藏
- 关注
原创 GLSL Shader Fragment BlendMode Functions
vec4 blendMix( vec4 a, vec4 b, vec4 value ) { return a * value + b * ( 1 - value ); }vec4 blendMix( vec4 a, vec4 b, float value ) { return a * value + b * ( 1 - value ); } vec4 blendBase( vec4 a, v...
2018-10-29 15:34:47 216
原创 纯GLSL分步实现电影般画面的湖光山色<Step2>: 艳阳蓝天和碧水(WebGL实现)
上一篇:https://blog.csdn.net/vily_lei/article/details/83144725这一篇加了水,模拟了水面的反射和折射。Demo1(水面只有反射和自发光):http://www.artvily.com/sdf?sample=column&clip=lakeMountain/baseLake2precision highp float;...
2018-10-19 12:41:31 994 1
原创 渲染系统中MRT和RTT的应用组合(WEBGL2 GLSL ES3实现)
Demo:http://www.artvily.com/sample?sample=mrtgl2上图是先实施了两个目标输出的MRT然后绘再使用这个MRT的输出结果来制场景到一个RTT中最后又被一次绘制CUBE使用,之后输出到屏幕。(其实MRT和RTT只是输出目标是多个和一个的区别, 当然glsl代码也有区别)我的渲染系统的设计思路是用 RTT/MRT控制对象来管理这个流程。我的渲染系统...
2018-10-18 21:00:30 1070
原创 渲染系统中MRT和RTT的应用组合(WEBGL1 GLSL ES1实现)
Demo:http://www.artvily.com/sample?sample=mrtgl1a效果图:上图是先实施了两个目标输出的MRT然后绘再使用这个MRT的输出结果来制场景到一个RTT中最后又被一次绘制CUBE使用,之后输出到屏幕。(其实MRT和RTT只是输出目标是多个和一个的区别, 当然glsl代码也有区别)我的渲染系统的设计思路是用 RTT/MRT控制对象来管理这个流程...
2018-10-18 20:54:39 818
原创 纯GLSL分步实现电影般画面的湖光山色<Step1>: 艳阳蓝天(WebGL实现)
在实时渲染领域,呈现一个绚丽的画面除了艺术美术的功力之外,还需要大部分的技术支持: 数理几何原理和渲染技术。GLSL(OpenGL的Shader语言,用于对GPU渲染过程实现编程控制)就是这些技艺和呈现之间的桥梁。一个稍微复杂的画面,用纯GLSL实现,除了要熟悉这个语法以及对应的GPU功能之外还需要熟悉数理原理和一些技巧,所以包含的内容比较多。湖光山色是一个富有诗意的画面,在Shade...
2018-10-18 12:33:00 589 1
原创 WEBGL_draw_buffers RENDER WARNING: texture bound to texture unit 0 is not..错误解决方案
今天在调整渲染系统中的一个MRT机制,结果不小心改错了逻辑,运行报错信息:[.WebGL-00000000051B4190]RENDER WARNING: texture bound to texture unit 0 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering.折腾了半天...
2018-10-16 22:17:07 2236
原创 2002年之前的渲染技术年表
https://en.wikipedia.org/wiki/Rendering_(computer_graphics)
2018-10-16 09:02:20 161
原创 使用纹理(Texture)RGB数据来"干扰"法线(Normalize)的数据,强化材质表面质感
算法举例: vec3 tnv = normalize(nv + rgb - 0.5);一般材质表面在渲染中的粗糙凹凸表现由法线控制,用上述算法使法线通过将rgb值(0.0~1.0)转换为rgb(-0.5~0.5), 这个结果就可以模拟法线所在的位置叠加了凹凸变化。也因此反射的光强发生了响应的强弱变化。这个方法可以扩展使用,参数和算法可以自己在调整。有些地方这个方案直接可以省去法线贴图。下面...
2018-10-13 15:14:51 782
原创 多种纹理的复杂组合在渲染系统中的应用: WebGL演示
Demo:http://www.artvily.com/sample?sample=combinationTex纹理作为几何体表面的表现数据源的主力,很多地方需要用到。有时候需要用到多种纹理对象,例如一维二维三维纹理同在一个shader中用到,就需要渲染系统对纹理源的灵活的支持。在我的渲染系统中TextureBase对象有一个next成员变量,这样的话,就可以通过next来"挂载"多个不同...
2018-10-11 20:02:18 262
原创 对纹理进行混合运算也可以是很酷的效果Demo(WebGL实现)
Demo:http://www.artvily.com/sample?sample=sdftoy_4lXGRB主要就是纹理取值的混合操作,可以做的更复杂。上面这个算法相当于多张图由小放大层层叠起来的三维数据,效果立体感强多了Demo:http://www.artvily.com/sdf?sample=codeDemo&clip=toy4lXGRB2...
2018-10-09 15:10:27 473
原创 SDF(Signed-distance-field: 有向距离场)(13): 形体变形方法(WebGL实现):Displacement(置换)
Demo:http://www.artvily.com/sdf?sample=codeDemo&clip=displaceExampleDisplacement(置换), 是"变形" 相关操作非常重要的工具,它使用一个因子(可能是个sdf或者其他函数)对一个sdf函数造成影像,可以加也可以乘。上图可以看到几种基本的变形结果。我的理解是:Displacement(置换),就是把一...
2018-10-09 12:57:35 571 1
原创 SDF(Signed-distance-field: 有向距离场)(12): Shadow And AO(WebGL实现)增强立体感
Demo1:http://www.artvily.com/sdf?sample=codeDemo&clip=shadowAndAO3Demo2:http://www.artvily.com/sdf?sample=codeDemo&clip=shadowAndAO2AO(Ambient Occlusion) 中文翻译为环境遮蔽, 这个功能可以在渲染中有效增强立体感。可...
2018-10-08 13:18:29 922 1
原创 SDF(Signed-distance-field: 有向距离场)(11): 阴影(WebGL实现)
Demo:http://www.artvily.com/sdf?sample=codeDemo&clip=shadow01Thanks very much:http://www.iquilezles.org/www/articles/rmshadows/rmshadows.htm在常见的3D渲染引擎中,阴影一般都会用shadowmap, 这样可以尽可能的优先利用硬件资源。而S...
2018-10-08 12:42:06 1188 1
原创 Pi, Phi(黄金比例) and Fibonacci(斐波纳契数)
info:https://www.goldennumber.net/pi-phi-fibonacci/from: https://www.zhihu.com/question/28062458golden mean:https://static1.squarespace.com/static/523a572be4b0bea71219be32/t/530d43a3e4b046c4d2bc85...
2018-10-05 22:57:56 1100
原创 SDF(Signed-distance-field: 有向距离场)(10): 海面波动效果
Demo:http://www.artvily.com/sample?sample=sdfStep09distortion6波动的原理就是在距离震源相应的距离上有相应的振幅,而且是依据距离周期性的变化,一般就用cos或者sin函数来计算这个周期性,而参数就是距离震源的值。...
2018-10-01 21:35:36 774
mkcert在Windows下生成SSL自签证书应用https(以及可以直接使用的证书)
2023-05-12
a complete bibliography of publications in the c/c++ 2000To2009
2022-05-25
c++ 创建dll(动态库)、static lib(静态库),以及dll的相互调用 示例vs2022工程
2022-03-10
MS-DOS-MASM5.0 用于64位(Win7或者Win10)系统中 DOSBox 环境下的汇编程序编译链接等汇编程序操作
2022-03-02
05-JP-id-Tech-5-Challenges-虚拟纹理
2020-09-30
win10-rightButtonCMD.reg
2019-12-11
webGL直接写的2d火爆射击游戏
2019-01-08
实现GLSL Shader(支持GLES2/GLES3)的辅助系统
2018-11-20
assimp_model_read_parser
2018-11-17
opengl330在顶点中设置颜色shader中使用
2018-02-25
win7 x86debug环境下 opengl glew和glfw的库
2018-02-25
js客户端通过node.js实现的Server操作MySQl
2018-01-14
去掉图片黑背景air源码
2012-10-31
flash as3 3D Graphics摄像机小系统(源码)
2012-07-31
去掉图片黑背景输出为透明png(AdobeAir工具)
2012-07-31
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人