ShaderJoy —— 心形爆炸烟花效果【GLSL】

迷南。 2023-02-27 13:54 22阅读 0赞

## 效果图 ##

![20200718114708620.gif][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbmRhMTIzNGxlZQ_size_16_color_FFFFFF_t_70][]

## 心形爆炸（上升到一定高度后）的核心代码 ##

/// --------------------------------------------------
    /// @note 根据（单位圆的）角度计算笛卡尔坐标
    float x = cos(ang); //coords of unit circle
    float y = sin(ang);
    /// 心形公式
    y = y + abs(x) * sqrt( (8. - abs(x)) / 50.0 );
    /// 心形速度向量，随着时间而变小
    vec2 heart = vec2(x * x + y * y) * (0.4 / (t_i * sqrt(t_i))); 
    
    /// 根据心形的当前速度和加速度、初始位置等更新粒子的位置
    vec2 S = get_pos(heart, acc * ACC_RATIO, h_max, t_i - (t_up), ang);
    /// ----------------------------------

[20200718114708620.gif]: /images/20230209/aa8c5a853ecd436eb02ffdb98e1ef9ec.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbmRhMTIzNGxlZQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200718112947578.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbmRhMTIzNGxlZQ==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，22人围观）

还没有评论，来说两句吧...

相关阅读

相关烟花爆炸特效

![在这里插入图片描述][20200720135605212.gif] css代码请直接下载 [url][] html <div class="camera -x

心已赠人/ 2023年02月28日 05:27/ 0 赞/ 124 阅读

相关 ShaderJoy —— 心形爆炸烟花效果【GLSL】

效果图 ![20200718114708620.gif][] ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

迷南。/ 2023年02月27日 13:54/ 0 赞/ 23 阅读

相关 ShaderJoy ——上下 “乐” 动效果【GLSL】

效果视频 ShaderJoy —— 上下“乐”动效果图 ![20200528014323927.gif][] 主要设计思路上下分阶首先，对纹理

客官°小女子只卖身不卖艺/ 2023年02月13日 08:18/ 0 赞/ 12 阅读

相关 ShaderJoy —— 最简单的景深（DoF）效果【GLSL】

效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L

叁歲伎倆/ 2022年12月30日 01:20/ 0 赞/ 209 阅读

相关 ShaderJoy ——螺旋线闪光粒子效果【GLSL】

效果图 ![20201204201535339.gif][] ![20201204201202425.gif][] 完整代码和注释 const floa

小咪咪/ 2022年12月26日 10:29/ 0 赞/ 213 阅读

相关 ShaderJoy —— Raytrace 实现的景深效果【GLSL】

![20200927151610293.gif][] 举例：Raytrace 实现效果图当我们想利用 Raytrace 技术实现一些伪 3D 的效果的时候，常常会遇到 Vi

客官°小女子只卖身不卖艺/ 2022年12月11日 01:23/ 0 赞/ 200 阅读

相关 ShaderJoy —— Tricky 的图像透视效果【GLSL】

效果图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L

快来打我*/ 2022年12月10日 07:04/ 0 赞/ 218 阅读

相关 ShaderJoy —— 星空隧道【GLSL】

效果图 ![20210207220252694.gif][] 其中使用到的噪声纹理 ![20210207215413700.png][] 完整代码和注释

古城微笑少年丶/ 2022年10月29日 03:13/ 0 赞/ 274 阅读

相关 ShaderJoy —— 漫画 sketch 效果【GLSL】

效果图 ![image.png][] 原图 ![image.png][image.png 1] 核心算法思路该效果的核心思路一共分为以下几步【参考 [P

川长思鸟来/ 2022年09月04日 13:56/ 0 赞/ 260 阅读

相关烟花爆炸

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title><

深藏阁楼爱情的钟/ 2022年06月17日 06:24/ 0 赞/ 265 阅读