互动媒体技术—代码本色0-4章编程学习

大憨熊 提交于 2020-01-11 05:34:11

主题:创作一组编程习作,体现随机行为及牛顿运动学

要求:编程语言与工具:编程工具不限;作品:参考《代码本色》的第0~4章内容及其实例程序(自行在processing内下载),针对这5章分别编写1个习作(一共5个),每个习作都有不少于2个案例参考,且必须有一定的拓展;报告:写一篇文章(也可以多篇文章,但最好有一个总的导航文章),发表为博文/推文等形式,描述运用的规律,若用到了数学/物理/化学等学科中的知识,要用平实易懂的语言介绍原理,尝试运用凝练的数学语言表达(公式、方程、推导等),特别要描述出这些原理如何在作品中呈现的。

第0章,随机数

实现效果截图:

在这里插入图片描述

利用知识及原理:

1.不停闪烁和改变大小的颜色的圆形是利用random函数产生随机数进行颜色和位置的变化
位置变化:

 void update() {
    float m=random(0,1);
    if(m<0.8){
    position.x=random(0,640);
    position.y=random(0,640);
    }
    else{
    position.x=random(0,300);
    position.y=random(0,300);
    }
  }

2.黄色椭圆形图像是在做具有右移趋势的运动。参考原理如下:
在这里插入图片描述
3.中间的蓝色圆形运动参考perlin噪声游走模型;
在这里插入图片描述

核心代码:

随机位置的定义:

 void update() {
    float m=random(0,1);
    if(m<0.8){
    position.x=random(0,640);
    position.y=random(0,640);
    }
    else{
    position.x=random(0,300);
    position.y=random(0,300);
    }
  }
  void step(){
    float stepx = random(-5, 5);           
    float stepy = random(-5, 5);    
    position.x += stepx;    
    position.y += stepy; 
  }

右移趋势的运动:
在这里插入图片描述
perlin噪声游走:
在这里插入图片描述

第1章,向量

实现效果截图:

在这里插入图片描述
实际运行起来背景颜色不会出现变化,可能是录屏软件的原因。

利用知识及原理

1.向量的加法,参考弹球程序:
在这里插入图片描述
2.加速度的交互,存在有向鼠标位置的加速度
在这里插入图片描述

核心代码

在这里插入图片描述
碰撞后改变运动方向+指向鼠标位置的加速度
在这里插入图片描述

第2章 力

实现效果截图:

在这里插入图片描述

利用知识及原理

1.在这里插入图片描述
2.
在这里插入图片描述
3.在这里插入图片描述

核心代码:

1.画星星
在这里插入图片描述
2.引力的计算和添加
在这里插入图片描述
在这里插入图片描述

第3章,震荡

实验效果截图

在这里插入图片描述

利用知识及原理

1.在这里插入图片描述
2.在这里插入图片描述

核心代码

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

第4章,粒子系统

实现效果截图

在这里插入图片描述

利用知识及原理

1.在这里插入图片描述
2.在这里插入图片描述

核心代码

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

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!