- 博客(12)
- 资源 (23)
- 论坛 (1)
- 收藏
- 关注

原创 ShaderJoy —— 两种更加自然的 “翻页 ”效果的原理和实现
《Turning Pages of 3D Electronic Books》论文核心算法的解读参考链接:Implementing iBooks page curling using a conical deformation algorithm注意:圆周的中心轴并不是 y 轴s 旋转到 s',再旋转到 Ts 旋转到 T 的第一步s 旋转到...
2020-02-26 19:26:19
571

翻译 非常方便的 VSCode 的 Shader 插件 —— Shader Toy
Visual Studio Code - Shader Toy这个扩展可以在 VSCode 中查看 GLSL 着色器的 WebGL 实时预览,通过提供 “Show GLSL Preview” 命令可以达到类似于访问 shadertoy.com 的效果。metaballs example要运行该命令,可以打开 “Command Palette” 并输入“ Shader...
2020-02-23 12:47:45
2722
3

原创 ShaderJoy —— “透视投影” 的实现 【GLSL】
效果视频Shader 特效——左右透视投影Shader 特效——上下透视投影更进一步可以实现Shader 特效——立方体透视投影代码和注释:float persp = 0.7; ///< 控制透视的角度#define PI 3.141592653589#define PI_HALF (PI/2.)//#define ANT...
2020-02-15 20:21:22
791
2

原创 ShaderJoy —— 特效常用的 30 种缓动函数 【C/C++】【GLSL】
效果图:a.Bounce b.Sine c.Expo d.Circ e.Elastic f.Back函数代码:#define PI 3.14159f#define c1 1.70158f#define c2 (c1 * 1.525f) // 2.5949095 #define c3 (c1 + 1.f) // 2.70158#define c4 ...
2020-02-13 15:59:55
443

原创 ShaderJoy —— “水面波纹消散” 的实现 【GLSL】
视频效果:Shader 特效——水面波纹消散图片效果:原理详解:波纹的数学公式有以为例,取progress = 0.5 后其三维示意图和等高线图如下:z_{x} 示意图完整代码与注释:float amplitude = 100.0;float speed = 50.0;#define PI 3.141592...
2020-02-12 09:43:35
834
5

原创 ShaderJoy —— “酷炫的 ❤️ Beating” 的实现【GLSL】
效果视频优酷视频链接Shader 特效——酷炫的HeartBeating效果图GIF压缩有画质损失完整代码与注释void mainImage( out vec4 fragColor, in vec2 fragCoord ){ vec2 uv = (2.*fragCoord - iResolution.xy) / iResolution.y;...
2020-02-09 14:37:57
3097
2

原创 ShaderJoy —— “消逝的网格” 的实现 【GLSL】
效果视频直线消逝旋转消逝图片效果代码详解vec2 squares = vec2(10., 10.);vec2 direction = vec2(0., 0.); ///< 网格渐变的方向float smoothness = 1.6;#define PI 3.141592653589#define PI_HALF (PI/2.)#i...
2020-02-07 23:58:14
546

原创 ShaderJoy —— “随机翻转的网格” 的实现 【GLSL】
视频效果Shader特效——“翻转的网格” 的实现 【GLSL】设计思路详解将特效分为三个阶段首先,我们通过定义一个变量 pause 来把特效分为三个阶段—— [0., pause), [pause, 1.-pause), [1.-pause, 1.]float pause = 0.1;第一个阶段显示的原图混合黑色背景(分隔带,随着时间逐渐消失)的效果,如下所示...
2020-02-04 12:54:07
790

原创 ShaderJoy —— “圆角五角星的变换” 的实现 【GLSL】
视频效果Shader特效——“圆角五角星的变换” 的实现 【GLSL】图片效果圆角五角星圆角六角星核心代码及思路详解首先,我们通过 将纹理坐标换算为极坐标 ,然后再将取值范围从 [-, ] 变换到 [-1.5, 0.5] 。即,该函数三维视图如下等高线图如下接着,我们将 angle 送入 函数中,并利用 segmen...
2020-02-03 16:46:13
1748

原创 ShaderJoy —— Shader特效——“爱心 ❤️ 转场” 的实现 【GLSL】
效果视频Shader特效——“爱心❤的变换” 的实现 【GLSL】静态效果图❤设计思路与核心代码首先我们将纹理坐标 p 换算为以 center 为中心的坐标系,如下所示float inHeart (vec2 p, vec2 center, float size){ // 奇异值的处理 if (size == 0.0) ...
2020-02-02 18:42:55
767
2

原创 ShaderJoy —— “圆点消散” 的实现 【GLSL】
视频预览圆点消散特效设计思路首先我们需要把图像分成 N*N 的网格(N 即代码中的 dots),每个网格中的坐标 pos 的取值范围都是 [0.0, 1.0] 的,且每个网格内的中心坐标都是 (0.5, 0.5)。那么我们就可以在网格内部依据像素到中心的距离 distance(pos, grid_center) < r 来绘制出一个圆。接下来的问题是——如何设计网格...
2020-02-02 00:21:38
732
原创 ShaderJoy —— “中心辐射转场”的实现 【GLSL】
视频效果Shader特效——“中心辐射线”的实现 【GLSL】算法思想算法其实很简单,可以总结为一句话——在每个纹理坐标到纹理中心点的方向上,都进行固定次数(但采样的位置具有一定的的随机性,且权重不同)的积分。其中,迭代积分过程中,积分权重的分布满足如下函数关系迭代过程中的积分权重分布代码和详解#define PI 3.141592653589#de...
2020-02-22 21:02:31
694
1
纹理合成 C++ 代码
2020-12-10
编译过的Cartoonifier_Android工程
2013-08-21
精通Android增强现实源码
2013-01-21
Pro Android Augmanted Reality
2013-01-21
YAFFplayer 0.3.0.0【Linux64】
2020-08-07
YAFFplayer 0.3.0 【Win64】
2020-08-07
matplotlib-cpp 源码.zip
2020-02-06
2D 折线顶点平滑算法
2020-01-14
OpenCV310 Cmake
2016-10-17
panda1234lee的留言板
发表于 2020-01-02 最后回复 2020-04-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝