互动影像设计:音乐可视化作业 processing
processing音乐可视化作业
作业中用的是aespa的发行单曲《Black Mamba》,图片来自aespa官方微博,侵删
效果如下
代码部分
周围圆轨迹、中心圆、图片在Particle类中
class Particle {float r, angle, d;//中心圆的直径r,周围小圆的旋转角度和直径PImage img;int[] c = new int[3];//颜色数组Particle(float r, float d) {this.r =r;this.angle = random(radians(0), 2*PI);this.d = d;img = loadImage("aespa.png");//aespa的照片for(int j=0;j<3;j++){c[j]=0;}}//调用下面两个方法void run(float rms) {display(rms);update(rms);}//周围小圆点位置更新,形成轨迹void update(float rms) {//使旋转角度随音频振幅大小变化angle+=rms/18;}//展示void display(float rms) {pushMatrix();translate(width/2, height/2);rotate(angle);colorChange(rms);//利用振幅的变化改变小球颜色float radius = map(rms, 0, 1, 0, 600);ellipseMode(CENTER);ellipse(0, 0, radius, radius);ellipse(r, r, d, d);imageMode(CENTER);image(img, 0, 0, 200, 200);popMatrix();}//颜色随振幅参数改变void colorChange(float rms) {colorMode(HSB);noStroke();fill(c[0], c[1], c[2]);int ca =(int)map(rms, 0, 1, 0,10);for (int i=0; i<c.length; i++) {c[i]+=ca;if(c[i]>255||c[i]<0){ c[i]=0; //当颜色值大于255时使之清零}}}
}
主标签内容
实例化Particle类
import processing.sound.*;
//导入sound库,这个是要自己下载的:速写本——引用库文件——添加库文件——Libraries搜索栏输入:sound——选择搜索结果中的sound然后install(不过下载的很慢就是了)
AudioIn audio;
Amplitude amp;
//振幅影响速度
String filename;
Particle[] particles;
SoundFile file;void setup() {size(1000, 1000);smooth();background(0);particles =new Particle[4];//周围想几个轨迹就设置几个圆for (int i=0; i<particles.length; i++) {particles[i]=new Particle(random(150, 300), 5);}//指定音乐文件播放file = new SoundFile(this, "Black_mamba.mp3");file.play();//采集音频振幅amp = new Amplitude(this);amp.input(file);//保存图片filename = this.getClass().getName();
}void draw() {fill(0, 10);noStroke();rect(0, 0, width, height);float rms = amp.analyze();//返回音频振幅数据rms = constrain(rms, 0, 1);for (int i=0; i<particles.length; i++) {particles[i].run(rms);}
}//鼠标点击界面即可保存图片
void mousePressed() {saveFrame(filename+".jpg");
}
碎碎念:上学期写的一个作业,整理整理,现在康康还是感觉蛮好玩的,这种效果比较适合欢快节奏感强的歌曲
互动影像设计:音乐可视化作业 processing相关推荐
- 吉大21c语言在线作业,21春吉大《脚本语言和互动网页设计》在线作业二参考
吉大<脚本语言和互动网页设计>在线作业二' S3 X# M4 O& r 1.[单选题] 下面哪项不是application对象的方法() ; A* b$ f- `7 [4 u; B ...
- HTML网页设计制作大作业(div+css) ~中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化)
HTML网页设计制作大作业(div+css) ~ 中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...
- 互动媒体技术作业——processing码绘
互动媒体技术作业--processing码绘 一.作品临摹 二.码绘拓展 三.心得体会 一.作品临摹 1.要求: 从参考资料中的"动态图形艺术"中选取不少于1幅作品,用编程方式临摹 ...
- HTML+CSS+JS网页设计期末课程大作业 :音乐在线网站设计——音乐在线听平台网站(26页) 网页设计成品DW静态网页Html5响应式css3
HTML5期末大作业:音乐在线网站设计--音乐在线听平台网站(26页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页 ...
- 【Web前端期末大作业 网页html+css+javascript网页设计 音乐app介绍】
网页设计 可以找小编设计网站 期末作业 可以照着需求写内容 音乐app(手机) 技术(js插件 动画插件 bookstrap插件 适用pc端 手机端 轮播图 导航栏) 根据不同屏幕显示不同样式 音乐a ...
- 【Python】音乐可视化播放器(PyQt5 + matplotlib.animation)
前言 最近同学有个作业,做音乐可视化播放器,为了学习PyQt,我就尝试做了做.该设计主要分为音乐播放器和可视化两部分.两部分单独做相对于结合在一起容易很多,结合的过程遇到了很多麻烦. 音乐播放器: 采 ...
- (音乐可视化项目)Light-Dancer为音乐而生
序言: 这是以我为项目组长所做的一个训练项目,项目结题之后笔者决定拿出来跟诸位分享,希望对你对我都有所帮助 一.成果简单介绍: (1)Reading-LED(作品) (2)Listening-LED( ...
- 不看这篇,你可能学不好音乐:音乐可视化与可视分析
封面图是<爆裂鼓手>剧照,主角与其他鼓手在排练时,一直达不到老师要求,打得不是太快,就是太慢,只要他们打不准,整队乐团都没法开始排练,最后等到后半夜才开始排练. 如果主角早点读到下面内容, ...
- HTML期末作业课程设计期末大作业——体育排球5页面带注册HTML+CSS+JS(学生网页设计作业源码)
HTML期末作业课程设计期末大作业--体育排球5页面带注册HTML+CSS+JS(学生网页设计作业源码) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手 ...
最新文章
- 据说中台凉了?唔,真香
- Akka in JAVA(三)
- java socket channel_Java NIO 教程(八) SocketChannel
- vlookup反向查询_【Excel 函数】Vlookup 正反向查询
- ios开发,地图标注聚集。搜索标注title功能
- 3层,5层,7层,9层网络性能比较-0-2
- (转)Javascript面向对象编程(二):构造函数的继承
- 解决Lync2010错误:无法同步通讯簿信息
- 引用另一模板的宏_生信人值得拥有的编程模板Shell
- linux7自动挂载怎么做,CentOS7 Virtual Box 开机自动挂载共享文件夹
- StretchBlt()函数
- python pop3_Python使用POP3和SMTP协议收发邮件
- 游戏美术专业人士如何评价Share Creators智能数字资产管理系统
- 快速傅里叶变换(FFT):蝶形算法(CT蝴蝶、GS蝴蝶)
- 同事把实数作为 HashMap 的key,领导心态崩了
- 华为p8 root android6,华为p8青春版root教程【图解】
- python多个判断条件_python if 条件语句多条件判断怎么做?
- 【云原生工具集】洋气·给程序自定义启动图案
- Matplotlib绘制圆环图
- Javascript之网页版待办事项