ShaderJoy —— 两种瘦脸+大眼特效【附完整参数】【GLSL】

最新推荐文章于 2024-07-12 16:37:21 发布
置顶 最新推荐文章于 2024-07-12 16:37:21 发布
阅读量4.2k 收藏 9
点赞数 3
分类专栏： ShaderJoy —— Shader 实例详解 文章标签： shader opengl
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panda1234lee/article/details/106543911
版权
本文介绍了使用GLSL实现的瘦脸和大眼特效，对比展示了不同方法的效果，并提供了完整的代码及注释。文章探讨了瘦脸效果中形变的核心函数，以及大眼效果中alpha与r的关系，分析了不同参数对形变的影响。
摘要由CSDN通过智能技术生成

瘦脸+大眼效果对比图

左边是原图，右边是瘦脸+大眼的效果【为了保证自然，我并没有调节很夸张的参数】

 

瘦脸效果对比图

 

不带人脸特征点

左边是原图，右边是瘦脸的效果图

 

带人脸特征点  

了解本专栏 订阅专栏 解锁全文
ShaderJoy
关注
专栏目录
订阅专栏
ShaderJoy —— 简单又神奇的 “合体” 函数【GLSL】
ShaderJoy 的兴趣技术杂货铺
09-20 1470
smin 函数 它实际上有两种常见的实现方式 多项式 指数 多项式 smin 函数图 其对应的代码为 float smin( float a, float b ) { // 多项式 const float k = 0.5; float h = clamp(0.5 + 0.5 * (b - a) / k, 0.0, 1.0); return mix(b, a, h) - k * h * (1.0 - h); } 从上图中我们可以很明显的看出有两处不连...
ShaderJoy —— 纯 shader 实现 3D 跳动的心 ♥ 【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-24 1525
效果图 主要思路介绍 首先我们通过 SDF 在场景中构造了一个平面和球体 vec2 res = vec2( q.y, 2.0 ); ///< 默认是 plane ... ... // float d = sqrt(x * x + y * y + z * z) - r; float d = length(vec3(x, y, z)) - r; ///< 同上 然后通过对球体进行拉伸（抛物线公式），构造一个如下的形状（♥ 的半边） float y ...
Unity实现照片人脸瘦脸特效
最新发布
senlan47的博客
07-12 1222
本文阐述了如何用Unity实现照片人脸的瘦脸特效
ShaderJoy —— “百叶窗” 特效的实现【GLSL】
ShaderJoy 的兴趣技术杂货铺
01-31 1719
效果图 静态图 ​ 动态图 ​ 代码及详解： 代码很简单，让我们直接来看代码和注释 varying vec2 texcoord; // uniform float iGlobalTime; // uniform vec2 iResolution; #define PI 3.1415926f #define PIx2 2.*PI #define PI_HALF PI/2. #iChannel0 "file://./yeah_0.jpg" #iChannel1 "file://./yeah.jpg" ..
ShaderJoy —— 核心仅三行代码实现酷炫特效 “吉星高照 虎年鸿运” 【GLSL】
ShaderJoy 的兴趣技术杂货铺
01-20 6742
theme: channing-cyan highlight: vs2015 “ PK创意闹新春，我正在参加「春节创意投稿大赛」，详情请看：春节创意投稿大赛” ShaderJoy —— Shader 特效乐趣无穷 效果图 动态图 静态图 核心代码分析 话不多说，先看核心代码，我们从简单的二维坐标入手（之后再推广到三维），如下 /// @note 将屏幕坐标换算为 [-.5, .5] 的范围 vec2 p = fragCoord.xy / iResolution.xy - .5; float pa, .
ShaderJoy —— 超实用 GLSL 函数之 “绕任意轴旋转点”（一）
ShaderJoy 的兴趣技术杂货铺
12-13 2201
绕任意轴旋转点 以下代码中的函数的作用是返回三维点 p 绕轴 ax 旋转 ro 角度的后的三维点 p' 。这个旋转以原点为中心。值得注意的是 ax 必须标准化（normalized）。 下图说明了该函数的作用。p' 是返回值。 vec3 erot(vec3 p, vec3 ax, float ro) { return mix(dot(ax, p)*ax, p, cos(ro)) + cross(ax, p)*sin(ro); } 原理详解 mix(dot(ax,...
ShaderJoy —— 四种超实用的 GLSL 函数代码（二）
ShaderJoy 的兴趣技术杂货铺
12-13 1681
当我们标准化一个高斯分布的向量，我们得到一个均匀随机的单位向量【相对均匀】。换句话说，它创建的矩阵除了对角线之外都是零，对角线上的值就是你传入的值。该函数找到直线上最接近 p 点的点，然后返回到 p 点的距离。这是通过把这个点投影到直线上，然后截断它的投影，使它在端点之间。我们所做的是将两个 int 值放入一个特殊的多项式函数中，然后将其转换为浮点数，并将结果映射到 (- 1,1) 的范围内。假设我们直接将一个方框中的向量映射到一个球面上的向量，我们会得到的是。没有它，我们得到的值就不是随机的。
ShaderJoy —— 中国结特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
11-06 1441
效果图 原理/码参考自 活用 Shader，讓你的頁面更小，更炫，更快，我对代码进行了简化和性能优化，并对作者省略的部分进行了补充。 首先，效果可以拆解为两大部分：中间圆形区域的中国结部分，和外部烘托氛围的金黄色碎片，主要由梯度噪声来实现。而中国结部分又可以进一步分为直（射）线和方框（矩形）的绘制， 直线和射线的区别在于两边是否都到达了图像边缘 Talk is cheap, Show you the code ! 完整代码与注释 中国结部分： /// 源码...
ShaderJoy —— 仿抖音 “天使光芒” 特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
08-20 2117
动态效果图 gif 动图，质量有损失 静态效果图 其他效果： 发光的谷歌小恐龙 发光的桥本 发光的桥本 代码和详细注释 #iChannel0 "file://../../images/AEES.jpg" float decay = 0.92; float density = 1.0; float weight = 0.58767; int nsamples = 50; float beta = 0.4; vec4 rays(vec2 texCoor...
ShaderJoy —— 简单的粒子雨特效【GLSL】
ShaderJoy 的兴趣技术杂货铺
02-07 2109
效果图 粒子雨效果 完整代码和注释 #define PI 3.14159 #define TAU 6.28318 #iUniform float A = 55. in {0., 300.} #iUniform float B = 35. in {0., 300.} #iUniform float C = .25 in {0., 1.} #iUniform float D = 64. in {0., 200.} #iUniform float E = 5. in {0., 20.} #...
ShaderJoy —— 最简单的 “RayTrace（光线追踪）” 的实现 【GLSL】
ShaderJoy 的兴趣技术杂货铺
08-27 3434
判断 “直线和圆是否相交” 的理论推导。 延伸阅读：“直线和平面是否相交” 的理论推导。 效果图： GLSL代码： vec2 iResolution = vec2(512., 512.); // 简单的光线结构体，更高级的Ray Tracer所需的字段更多 struct Ray { vec3 origin; // 光源点 vec3 di
ShaderJoy —— 简单 Ray-Marching（光线步进）入门【GLSL】【Unity Shader】
ShaderJoy 的兴趣技术杂货铺
02-24 5839
参考自： http://blog.csdn.net/baidu_26153715/article/details/46510703 http://imgtec.eetrend.com/blog/8845 http://ogldev.atspace.co.uk/www/tutorial13/tutorial13.html 效果如图： 完整代码及详细注释如下【...
ShaderJoy —— 用 Shader 绘制一只可爱的 “小挠斧” （详细版）【GLSL】
ShaderJoy 的兴趣技术杂货铺
01-24 3379
ShaderJoy —— Shader 特效乐趣无穷 效果图 设计思路 我设计的这只 “小挠斧” 的造型十分简单，只用到了三种基本图形 圆形 （圆头）弧线 （圆头）直线 那么在 shader 当中我们该如何绘制这三种基本图形呢？ 答案是通过 SDF ！【想进一步了解的同学可以搜索我的相关专栏文章 ShaderJoy 】 限于篇幅，我这里就直接列出了本文所用到的三种 SDF 的函数 sdCircle udSegment sdArc sdCircle 的使用 sdCircle 具体代码分别如下所示 /
ShaderJoy —— 噪声之美，大家一起 “噪” 起来 【GLSL】
热门推荐
ShaderJoy 的兴趣技术杂货铺
06-19 1万+
本文是学习了CandyCat的博客之后写的一个小结，女神的博客理论写得非常详尽，看完有种如沐春风的感觉。 1.若干常见噪声类型 先上个效果图： 从左到右依次为：1.Perlin噪声，2.FBM叠加的分形噪声，3.对FBM绝对值叠加的分形噪声，4.值噪声，5. Simplex噪声。 以下代码是基于ShaderToy的作者Inigo Quilez的demo进行二次修改的，并添加...
ShaderJoy —— 螺旋发光粒子【GLSL】
ShaderJoy 的兴趣技术杂货铺
06-20 1704
效果图 算法思路与步骤 首先，我们在屏幕中心绘制一个发光的圆点 代码如下 void mainImage( out vec4 fragColor, in vec2 fragCoord ) { vec2 uv = (fragCoord - 0.5 * iResolution.xy) / iResolution.y; vec2 p = uv; fragColor = vec4( .003 / length(p) ); } 发光效果的原理，看了以下函数示意图就容..
在OpenGL中利用shader进行实时瘦脸大眼等脸型微调
zfgrinm的专栏
02-08 1万+
在OpenGL中利用shader进行实时瘦脸大眼等脸型微调在现在这个靠脸吃饭的时代,如果你没有一张瓜子脸一双大眼睛,那还怎么去吃饭呢,而现在一些直播视频App相机应用基本都会有瘦脸大眼效果.本文是在OpenGl环境下,在shader中通过对像素位置进行偏移来实现放大缩小的,实现起来快速简单,也是各大主流应用裁刘德基本方式.举个栗子首先在这里给大家看一个效果图脸型微调之后细心的朋友应该可以看出来两张图
ShaderJoy —— 平移的爱心 ❤ 阵列 【GLSL】
ShaderJoy 的兴趣技术杂货铺
12-06 1273
效果图 心形阵列 完整代码与注释 float heart(vec2 p, float radius) { vec2 q = p; /// 绘制心形的第一步 q.y -= .62 * abs(q.x); /// 绘制心形的第二步 return length(q) * .9 + q.y * 0.25 - radius; } void mainImage( out vec4 fragColor, in vec2 fragCoord ) { .
cesium+glsl:中心扩散+旋转弧段效果
05-08
中心扩散旋转弧段效果的主要实现方式是使用圆形和扇形两种图形。首先，我们需要定义一个垂直于屏幕的平面，并定义其中心点坐标。然后，我们可以通过计算当前点距中心点的距离来决定颜色的变化和半径的大小。一旦我们...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

ShaderJoy

您的打赏是我继续写博客的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值