【互动媒体技术】 编程习作

最新推荐文章于 2020-01-05 20:31:03 发布
最新推荐文章于 2020-01-05 20:31:03 发布
阅读量178 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/milk1111/article/details/103845603
版权

代码本色零到四章内容
0噪声
1向量
2力
3震荡
4粒子爆炸

第零章
本习作是对Perlin噪声的拓展应用，通过控制噪声随时间的平滑变化规律，辅以色彩的亮度变化表现大小关系。

void setup(){
  size(600,600,P3D);
  background(0);
  fill(255,100);
  noStroke();
  //lights();
  //noiseSeed(1);
  noiseDetail(3);

}

float t=0;  
float theta = 0.0;
void draw(){
  t++;
  clear();
  pushMatrix();
  rotateX(PI/5);
  rotateZ(theta);
  drawbox();
  popMatrix();
  theta += 0.0025;
}

void drawbox(){ 
  for(int x=-width;x<width;x=x+50){
    for(int y=-height;y<height;y=y+50){
        float n=noise(0.02*x,0.02*y,0.02*(t));
        translate(x,y,0);
        fill(n*255,n*255,255);
        box(n*70);

效果
在这里插入图片描述
第一章 向量

代码`Mover[] movers=new Mover[10];

void setup() {
size(600,600);
smooth();
background(0);
for (int i=0;i<movers.length;i++){
movers[i]=new Mover();
}
}

void draw() {
for (int i=0;i<movers.length;i++){
movers[i].update();
movers[i].checkEdges();
movers[i].display();
}
}

//Mover类
class Mover {
PVector location;
PVector velocity;
PVector acceleration;
float topspeed;
int a=int(random(255));
int b=int(random(255));
int c=int(random(255));

Mover() {
location = new PVector(random(width),random(height));
velocity =new PVector(random(1),random(1));
topspeed = 20;
}

void update() {
noStroke();
fill(0,10);
rect(0,0,width,height);
PVector mouse = new PVector(mouseX,mouseY);
PVector dir = PVector.sub(mouse,location);
dir.normalize();
dir.mult(0.2);
acceleration=dir;
velocity.add(acceleration);
velocity.limit(topspeed);
location.add(velocity);
}

void display() {
noStroke();
fill(a,b,c);
ellipse(location.x,location.y,20,20);
}

void checkEdges(){
if(location.x>width){
location.x=width;
velocity.x*=-1;
}else if (location.x<0){
location.x=0;
velocity.x*=-1;
}
if (location.y>height){
velocity.y*=-1;
location.y=height;
}else if (location.y<0){
location.y=0;
location.y*=-1;
}
}
}`
屏幕上随机位置生成圆，每个小球都具有一个朝向鼠标的加速度，当运动到图片边缘时被反弹，速度方向改变，但加速度方向仍朝向鼠标。给所有小球设置一个最大速度，如果这个速度设置的过小，那么很快这些小球就会全部达到这个速度并逐渐重合，
在这里插入图片描述
第二章 力

void setup(){
  size(600,400);
}
void draw(){
  colorMode(HSB,360,100,100);
  background(0,40,100);
  float w = 120;
  float l = w/3*5;
  DaBai db = new DaBai(w,l);
  db.leftArm.a=atan2(mouseY,mouseX);
  db.rightArm.a=PI-atan2(mouseY,width-mouseX);
  if((mouseX-pmouseX)>5){
    db.leftLeg.a=PI/4;db.rightLeg.a=PI/4;
  }else if((mouseX-pmouseX)<-5){
    db.leftLeg.a=-PI/4;db.rightLeg.a=-PI/4;
  }else{
    db.leftLeg.a=0;db.rightLeg.a=0;
  }

  stroke(30,75,75);strokeWeight(2);
  line(0,0,mouseX-db.body.w-db.leftArm.l*cos(db.leftArm.a),mouseY-db.body.l/2-db.leftArm.l*sin(db.leftArm.a));
  line(width,0,mouseX+db.body.w-db.rightArm.l*cos(db.rightArm.a),mouseY-db.body.l/2-db.rightArm.l*sin(db.rightArm.a));
  
  pushMatrix();
  translate(mouseX,mouseY);
  db.display();
  popMatrix();
}

class DaBai{
  float w,l;
  Head head;
  Body body;
  Arm leftArm;
  Arm rightArm;
  Leg leftLeg;
  Leg rightLeg;
  DaBai(float w,float l){
    this.w=w;this.l=l;
    head = new Head(w/3.5);
    body = new Body(l/3);
    leftArm = new Arm(l/5,0);
    rightArm = new Arm(l/5,0);
    leftLeg = new Leg(l/6,0);
    rightLeg = new Leg(l/6,0);
  }
  void display(){
    ellipseMode(RADIUS);
    // left arm
    pushMatrix();
    translate(-body.w,-body.l/2);
    rotate(leftArm.a);
    leftArm.display();
    popMatrix();
    // right arm
    pushMatrix();
    translate(body.w,-body.l/2);
    rotate(rightArm.a);
    rightArm.display();
    popMatrix();
    // left leg
    pushMatrix();
    translate(-body.w/3,body.l/1.25);
    rotate(leftLeg.a);
    leftLeg.display();
    popMatrix();
    // right leg
    pushMatrix();
    translate(body.w/3,body.l/1.25);
    rotate(rightLeg.a);
    rightLeg.display();
    popMatrix();
    // body
    body.display();
    // head
    pushMatrix();
    translate(0,-body.l);
    head.display();
    popMatrix();
  } 
}
class Head{
  float w,l;
  Head(float w){
    this.w=w;l=w*2/3;
  }
  void display(){
    ellipseMode(RADIUS);
    fill(0,0,100);stroke(0,0,0);strokeWeight(2);
    ellipse(0,0,w,l);
    fill(0,0,0);stroke(0,0,0);
    ellipse(-w/5*2,-l/10,l/10,l/10);
    ellipse(w/5*2,-l/10,l/10,l/10);
    noFill();stroke(0,0,0);strokeWeight(2);
    bezier(-w/5*2,-l/10,0,l/20,0,l/20,w/5*2,-l/10);
    fill(20,80,80);stroke(20,80,80);strokeWeight(2);
    ellipse(-w/5*3,l/5,l/10,l/15);
    ellipse(w/5*3,l/5,l/10,l/15);
  } 
}
class Body{
  float w,l;
  Body(float l){
    this.l=l;w=l*1/1.2;
  }
  void display(){
    ellipseMode(RADIUS);
    fill(0,0,100);stroke(0,0,0);strokeWeight(2);
    ellipse(0,0,w,l);
    fill(30,10,100);stroke(0,10,60);strokeWeight(1);

    ellipse(w/5*2,-l/5*2,w/8,w/8);
    beginShape();
    vertex(w/5*2-w/8,-l/5*2);
    vertex(w/5*2-w/16,-l/5*2);
    vertex(w/5*2-w/16,-l/5*2-w/16);
    vertex(w/5*2+w/16,-l/5*2-w/16);
    vertex(w/5*2+w/16,-l/5*2);
    vertex(w/5*2+w/8,-l/5*2);
    endShape();
  }
}
class Arm{
  float w,l;
  float a;
  Arm(float w,float a){
    this.w=w;l=w*1/3;this.a=a;
  }
  void display(){
    ellipseMode(RADIUS);
    fill(0,0,100);stroke(0,0,0);strokeWeight(2);
    ellipse(0,0,w,l);
  } 
}
class Leg{
  float w,l;
  float a;
  Leg(float l,float a){
    this.l=l;w=l*1/2;this.a=a;
  }
  void display(){
    ellipseMode(RADIUS);
    fill(0,0,100);stroke(0,0,0);strokeWeight(2);
    ellipse(0,0,w,l);
  } 
}

在这里插入图片描述
第三章 震荡


```cpp
Wave[] waves=new Wave[20];

void setup(){
  size(600,600);
  for (int i=0;i<waves.length;i++)
  {  
   waves[i]=new Wave(new PVector(0,300),600,int(random(300)));
  }
   background(0);
}

void draw(){
   background(0);
  for (int i=0;i<waves.length;i++){
    waves[i].calculate();
    waves[i].display();
  } 
}

//Wave类
class Wave { 
  int xspacing =int(random(2,10)); 
  int w;
  int r=int(random(100,255));
  int g=int(random(100,255));
  int b=int(random(100,255));
  PVector origin;         
  float theta = 0.0;       
  float amplitude;       
  float period;         
  float dx;            
  Particle[] particles;
  float a;
  float t=random(1);
  
  Wave(PVector o, int w_,float p) {
    origin = o;
    w = w_;
    period = p; 
    dx = (TWO_PI / period) * xspacing;
    particles = new Particle[w/xspacing];
     if(t<0.7){
    a=random(100);
  }
  else{
    a=random(200,300);
  }
    amplitude =a;
    for (int i = 0; i < particles.length; i++) {
      particles[i] = new Particle(); 
    }
  }
  
  void calculate() {
    theta += random(0.05);
    float x = theta;
    for (int i = 0; i < particles.length; i++) {
      particles[i].setposition(origin.x+i*xspacing,origin.y+sin(x)*amplitude);
      x+=dx;
    }
  }
  void display() {
    for (int i = 0; i < particles.length; i++) {
      particles[i].display(r,g,b);
    }
  }
}

//Particle类
class Particle {
  PVector position;
  
  Particle() {
    position = new PVector(); 
  }
  
  void setposition(float x, float y) {
    position.x = x;
    position.y = y; 
  }
  
  void display(int r,int g,int b) {    
    noStroke();
    fill(r,g,b);
    ellipse(position.x,position.y,2,2); 
  } 
}

效果图在这里插入图片描述

第四章  粒子爆炸
鼠标点击生成粒子爆炸效果，按住鼠标拖动，会生成一连串的粒子，之前鼠标点击出现的粒子会被清空，每次点击出现的爆炸粒子颜色都是随机的。
```cpp
ArrayList<ParticleSystem> systems;
boolean t;

void setup() {
  size(600,600);
  background(0);
  systems = new ArrayList<ParticleSystem>();
}

void draw() {
  fill(0,20);
  rect(0,0,width,height);
  for (ParticleSystem ps: systems) {
    if(t){
      ps.origin.set(mouseX,mouseY,0);
    }
    ps.run();
    ps.addParticle(); 
  }
}
void mousePressed() {
  systems.add(new ParticleSystem(1,new PVector(mouseX,mouseY)));
}
void mouseDragged(){
  t=true;
}
void mouseReleased(){
  t=false;
}

//ParticleSystem类
class ParticleSystem {
  ArrayList<Particle> particles;   
  PVector origin;       
  PVector  q;
  int r=int(random(255));
  int g=int(random(255));
  int b=int(random(255));
  ParticleSystem(int num, PVector v) {
    particles = new ArrayList<Particle>();   
    origin = v;  
    q=new PVector(mouseX,mouseY);  
    for (int i = 0; i < num; i++) {
     particles.add(new Particle(origin,r,g,b));   
    }  
  }
  void run() {
    for (int i = particles.size()-1; i >= 0; i--) {
      Particle p = particles.get(i);
      p.run();
      if (p.isDead()) {
        particles.remove(i);
      }
    }
  }
  void addParticle() {
   particles.add(new Particle(origin,r,g,b));
  }
  boolean dead() {
    if (particles.isEmpty()) {
      return true;
    } 
    else {
      return false;
    }
  }
}

//Particle类
class Particle {
  PVector position;
  PVector velocity;
  PVector acceleration;
  float lifespan;
  int r,g,b;
 
  Particle(PVector l,int R,int G,int B) {
    acceleration = new PVector(0,0.05);
    velocity = new PVector(random(-4,4),random(-4,1));
    position = l.get();
    lifespan = 255.0;
    r=R;
    g=G;
    b=B;
  }
  
  void run() {
    update();
    display();
  }
  
  void update() {
    velocity.add(acceleration);
    position.add(velocity);
    lifespan -= 2.0; 
  }
  
  void display() {
    noStroke();
    fill(r,g,b,lifespan);
    ellipse(position.x,position.y,3,3);
  }  
  
  boolean isDead() {
    if (lifespan < 0.0) {
      return true;
    } else {
      return false;
    }
  }

效果图
在这里插入图片描述

梦在心在
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
互动媒体编程习作
kelett551的博客
01-05 317
互动媒体编程习作 目录互动媒体编程习作实验要求主题要求第0章 随机行为实验原理柏林噪声实验原理实验效果实验代码第1章 向量实验原理实验效果实验代码第2章 力实验原理实验效果实验代码第3章 振荡实验原理实验效果实验代码第4章 粒子系统实验原理实验效果实验代码 实验要求 主题 创作一组编程习作，体现随机行为及牛顿运动学。 要求 报告：写一篇文章，发表为博文/推文等形式，描述运用的规律，若用到了数学/...
【互动媒体技术】互动编程习作1——表现随机行为及牛顿运动学
qq_44382115的博客
01-05 207
第0章：引言 这一章里我参考了示例0-5和示例0-6，把0-5中Perlin噪声的游走模型用在了0-6的颜色显示代码上，画出了颜色随着时间改变的烟雾效果。主要用到的函数有： noise()函数 noise()函数返回指定坐标处的Perlin噪声值。Perlin噪声算法能生成符合自然排序（“平滑”）的伪随机数序列。noise()函数有3个参数，分别代表x轴，y轴，z轴的随机数，所以可以生成1维到3维...
互动媒体技术——基于processing实现随机行为及牛顿运动学：自然这么美，带你去看看！
小明明明很开心
01-05 1114
博文索引目录： 1. 引言 2. 作品 2.1 第0章（引言）—— 我对我的梦有种迷恋，就像这漫天星的夜 2.2 第1章（向量）—— 心如止水，却为叶所动 2.3 第2章（力）—— 樱花飘来的方向，大概就是我思念追随的地方 2.4 第3章（振荡）—— 你看那活泼可爱的小蝌蚪，它在找荷叶还是妈妈呢？ 2.5 第4章（粒子系统）——是彩虹桥呀！ 3. 总结 1. 引言 这一次互动媒体技术的作品...
Processing编程【2】彩虹下的小车跑动，水波效果模拟，彩色的几何连线
清凌的博客
07-08 4217
彩虹下的小车int x=0, y=height; void setup() { size(500, 500); } void draw() { int i; int X=0; background(0, 0, 255); for (i=1000; i>=650; i-=50, X+=37) { colorMode(HSB, 360, 255, 100); s
互动媒体技术——编程习作集
weixin_43425465的博客
12-12 387
chapter 0 随机数的学习 根据噪声生成紫色烟雾效果 涉及函数 1、noise（）函数 描述： 返回指定坐标处的Perlin噪声值。 Perlin噪声是随机序列发生器，产生比标准random（）函数更自然，谐波序列的数字。它是由Ken Perlin在20世纪80年代开发的，并已用于图形应用程序，以生成程序纹理，形状，地形和其他看似有机的形式。 与random（）函数相反，Perlin噪声被定...
【互动媒体习作】创意编程作业——导航
A_Ainley的博客
12-07 686
背景 本篇文章为互动媒体技术课，互动编程习作一——表现随机行为及牛顿运动学的导航文章。 本篇文章中将包含五篇习作博文的链接，这五篇文章分别对应《代码本色》第0~4章的内容，以下为链接地址： 第0章：引言 第1章：向量 第2章：力 第3章：振荡 第4章：粒子系统 ...
【互动编程习作】引言——表现随机行为
A_Ainley的博客
12-07 374
前言 在《代码本色》的第0章 引言 中，主要讲到了随机行为和噪声，以下为第0章的内容目录： 针对随机行为和噪声，我进行了自己的习作。 关于习作 ...
互动媒体编程习作——表现随机行为及牛顿运动学
Run_ying的博客
01-04 384
互动媒体编程习作——表现随机行为及牛顿运动学————参考学习《代码本色》书籍【互动媒体编程习作————使用processing来编写】（1）第0章 随机游走主要学习的知识点：实现结果：（PS：第一个有些晃眼）（2）第一章 向量（3）第二章 力（4）第三章 振荡（5）粒子系统KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图 【互动媒体编程习作————使用proc...
基于编程思维培养的习作教学方法-论文
05-22
基于编程思维培养的习作教学方法
写话与习作教学PPT课件.ppt
12-13
写话与习作教学PPT，写话与习作教学，写话与习作教学课件
习作集[借鉴].pdf
10-14
【习作集[借鉴].pdf】是一本包含多个主题的短篇作品集，主要探讨了个人成长、情感体验以及社会事件。以下是从标题、描述、标签及部分内容中提炼出的相关知识点： 1. **个人成长与态度转变**： - 文章通过作者任若...
《珍惜资源_保护环境》习作指导.pptx
10-11
6. **教育技术的互动性**：现代教育技术强调互动性，比如PPT可能包含互动元素，让学生参与讨论、回答问题，增强课堂参与度，促进深度学习。 7. **可持续发展与编程教育**：环保主题可以与编程教育结合，通过编写...
COM组件习作VC源代码
03-15
COM组件是Microsoft开发的一种软件组件模型，用于在不同的编程环境中实现组件重用和互操作性。这个"COM组件习作VC源代码"提供了一个实践性的示例，教你如何使用Visual C++（VC）和MFC（Microsoft Foundation Classes...
matlab下载.pdf
07-14
matlab下载下载方式及注意事项
Android系统原理及开发要点详解-从入门到精通
07-13
Android系统原理及开发要点详解 Java4 Android视频教程 Android开发视频教学 从入门到精通 Android的软件管理器的开发教程视频 Android深入浅出_Android高端课程分享试听 JavaWeb Android系统的手机防盗软件的实现 Android开发入门与实战随书视频 视频列表.txt 0.0MB 开发入门与实战代码.rar 6.1MB 第9章 我来“广播”你的“意图”——Intent和Broadcast面对面.wmv 15.1MB 第8章 移动信息仓库——Android的数据存储操作之轻轻地我保护——SharedPreferences存储-2.wmv 0.6MB 第8章 移动信息仓库——Android的数据存储操作之轻轻地我保护——SharedPreferences存储-1.wmv 24.3MB 第8章 移动信息仓库——Android的数据存储操作之Android数据存储概述.wmv 57.7MB 第7章 良好的学习开端——Android基本组件介绍之友好地互动交流——对话框(Dialog)介绍与实例-2.wmv 7.
GESP等级认证 2024年6月 C++一级真题
最新发布
07-14
GESP等级认证 2024年6月 C++一级真题 从官网上刚刚下载下来的,题都是热乎的,这可是最新真题 大家看一看瞧一瞧,走过路过不要错过,免费下载,全篇无水印,不好用随便吐槽我! 涵盖选择题,判断题,编程题,基础知识多,满满的干货,非常建议下载!!!!! 萌新小白来做做题,复习巩固都很合适!
大学生创业计划书(35)三份资料.doc
07-14
大学生创业计划书(35)三份资料.doc
大学生创业计划书(33)三个文档.doc
07-14
大学生创业计划书(33)三个文档.doc
水文分析(20181015 汤国安教材)
03-08
本教程的三个习作详细介绍了以下几个关键技术点： 1. **地形特征提取**： - **正负地形提取**：通过焦点统计计算平均值生成meandem，然后用原始DEM减去meandem，再进行重分类，区分出正地形（高于平均值）和负地形...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值