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

原创于 2020-01-05 21:16:02 发布 · 253 阅读

CC 4.0 BY-SA版权

本文分享了一组编程习作，通过五个章节深入探讨了随机行为及牛顿运动学在编程中的应用。从随机数的生成到向量、力的概念，再到震荡现象和粒子系统的实现，每章节包含至少两个案例，详细介绍了背后的数学和物理原理，并提供了核心代码片段。

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

要求：编程语言与工具：编程工具不限；作品：参考《代码本色》的第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噪声游走：