预览模式: 普通 | 列表

Processing的运动模糊

Processing中实现运动模糊的思路独具特色,充分表现出了它和Flash的区别。

先来创建一段小球上下弹跳的小动画:

float y=50.0;
int change=1;
void setup() {
  size(100, 100); 
  smooth();
  noStroke();
  }
void draw() { 
  fill(255);
  ellipse(33, y, 20, 20);
  y+=change;
  if((y<=10)||(y>=height-10)){
    change=-change;
  }
}

查看更多...

Tags: processing

分类:processing | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 431

pushMatrix和popMatrix的用处

pushMatrix和popMatrix的用处

如下图所示,创建多个原地自旋的矩形,这个效果在AS中很容易实现,但相同的思路在Processing中却会遇到麻烦。

问题的关键是在Processing中没有对象局部坐标的概念,rotate()函数始终以场景左上角为中心推动对象旋转。如果该对象的旋转中心没有在场景的左上角就不能得到原地自旋的效果。这时就需要pushMatrix和popMatrix来解决问题。code如下:

查看更多...

Tags: processing

分类:processing | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 609

Processing中的自定义函数

为了使程序更加易读,往往需要将执行某种功能的代码封装起来,创建自定义函数。AS2中创建格式如下:

function 函数名(参数1,参数2,参数3......) {
      需要执行的命令......
}

Processing中的自定义函数:

void 函数名(参数1,参数2,参数3......)  {
  需要执行的命令......
}

查看更多...

Tags: processing

分类:processing | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 724

processing中的鼠标跟随

先看一下AS2中的鼠标跟随:

mc.onEnterFrame = function() {
 this._x = _xmouse;
 this._y = _ymouse;
};

再看一下processing:

void setup() {
  size(100, 100);
}
void draw() {
  background(255);
  // 将鼠标x轴的值储存在浮点x中
  float x = mouseX;
  // 将鼠标y轴的值储存在浮点y中
  float y = mouseY;
  //以浮点x、y为坐标创建线
  line(x, y, x+20, y);
}

查看更多...

Tags: processing

分类:processing | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 420

新媒体欢迎你!!

新媒体欢迎你!!

分类:杂货铺 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 377

帮人做作业的老师

    我是一个催眠师,却答应帮一个留学生做作业,并忙活了好几天了。
    原因很简单,我对她的作业本身感兴趣,是关于processing的9个小动画。别骂我。。。。
    其实也不能怪她,一个学了4年设计的女孩,要靠老师不痛不痒的几节课就可以写Code,实在是夸张了些。但是,国外的大学开设了processing课程,不得不佩服。

查看更多...

分类:杂货铺 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 445