【Processing笔记】NO.3

使白色矩形重复平移

int Xpostion=0;
void setup()
{
  size(400,400);
}
void draw()
{
  background(0,0,0);
  rect(Xpostion,0,100,100);
  Xpostion+=3;
  if(Xpostion>width)
  {
    Xpostion=0;
  }
  
}

在这里插入图片描述
width是processing默认的满屏幕像素宽,同理height是满屏像素的高。


加载图片并显示
在这里插入图片描述
PImage类,用于存储图像的数据类型。处理可以显示.gif,.jpg,.tga和.png图像。图像可以显示在2D和3D空间中。在使用图像之前,必须使用loadImage()函数加载该图像。
loadImage(),将图像加载到PImage类型的变量中。可以加载四种类型的图像(.gif,.jpg,.tga,.png)图像。为了正确加载,图像必须位于当前草图的数据目录中。
**image()**将图像显示在窗口的函数。


图片跟随鼠标移动
在这里插入图片描述
mouseX与mouseY分别是鼠标的x,y轴坐标。将鼠标坐标替换成图片位置坐标每次刷新就实现了图片跟随图片效果,也可以把鼠标坐标替换成图片大小的数值,图片大小就会跟随鼠标移动而变化大小。
例子:让一条线跟着鼠标动。

void draw() 
{
  background(204);
  line(mouseX, 20, mouseX, 80);
}

实现重影叠加效果。
在这里插入图片描述
将background()函数注释掉。背景不会被清除,实现了重影拖尾的效果。


发布了5 篇原创文章 · 获赞 0 · 访问量 39

猜你喜欢

转载自blog.csdn.net/wangpuqing1997/article/details/104822806