processing 粒子扩散_一天一点Processing|14网易云音乐动效并不难——宇宙尘埃

又又又是新的尝试!!!这次是模仿网易云音乐动效的第四期,这次我们来试试宇宙尘埃这个超级梦幻的动效吧~~~教程素材还是用王菲演唱的《我和我的祖国》专辑封面。前部分教程中已经写过如何实现圆形旋转唱片和渐变色背景,本次教程就只贴上代码不再重复教程啦,如果有疑问的同学可以直接在 processing生成设计学习之路 专栏中浏览之前的教程。我们先将音乐可视化的基础结构写完,此处用到Minim库,需要提前下载...
摘要由CSDN通过智能技术生成

v2-1b1a3e398a4e08152e2233e9bc94c5b4_1440w.jpg?source=172ae18b

又又又是新的尝试!!!

这次是模仿网易云音乐动效的第四期,这次我们来试试宇宙尘埃这个超级梦幻的动效吧~~~教程素材还是用王菲演唱的《我和我的祖国》专辑封面。

v2-904bdfd506c2f82e19bb7c94a17586e7_b.jpg

前部分教程中已经写过如何实现圆形旋转唱片和渐变色背景,本次教程就只贴上代码不再重复教程啦,如果有疑问的同学可以直接在 processing生成设计学习之路 专栏中浏览之前的教程。

我们先将音乐可视化的基础结构写完,此处用到Minim库,需要提前下载,可以在教程1中看具体步骤。

import ddf.minim.*;    //导入Minim库(音乐可视化)
AudioPlayer player;    //建立音乐播放器
Minim minim;           //定义音频对象

int rAlbum = 200;   //唱片半径
color c1, c2;  //从唱片中提取颜色,黑色
color c;       //星环和星球的颜色

void setup() {
  size(800, 800);  //设置画布大小
  colorMode(HSB, 360, 100, 100, 100);  //HSB颜色模式
  mycolor();    //颜色设置

  minim = new Minim(this);
  player = minim.loadFile("music.mp3", 1024);  //调取音频文件,指定缓存的采样频率为1024
  player.play();     //播放文件
}

void draw() {  
  translate(width/2, height/2);  //将坐标原点移到中央
  background(360);   //白色背景
  stroke(0);
  noFill();
  ellipse(0, 0, rAlbum*2, rAlbum*2);   //替代唱片
}

void stop() {   //最终关闭Minim
  player.close();  //关闭播放器
  minim.stop();    //停止音频播放
  super.stop();
}


//设置颜色
void mycolor() {
  //c1 = album.get(0, 0);        //从唱片中心点提取颜色
  c1 = color(0, 100, 0, 100);    //暂时用黑色替代,后期用唱片颜色提取替代
  c2 = color(0, 0, 0, 40);       //黑色透明
  //c = color(hue(c1), saturation(c1), brightness(c1), 50);  //将从唱片中心点提取的颜色变透明
}

v2-0aa84de960bdeda55e87293152f5d6b4_b.jpg

对象:尘埃粒子(基础)

宇宙尘埃这个动效简单上说就是无数颗粒子往外发散,势必需要建立一个粒子对象。我们首先粒子确定粒子的位置和运动速度,从动效中不难发现,粒子从唱片旁边产生,粒子往圆外运动,所以粒子的位置和运动速度与粒子初始产生的角度相关。

我们先写一个粒子对象的最基础版本。

//对象:尘埃粒
  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值