Processing初步学习（3）

98 阅读 0 评论 65 点赞

我是靠谱客的博主聪明帆布鞋，最近开发中收集的这篇文章主要介绍Processing初步学习（3），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

三角函数初步

PImage pic;
float line=10;
int spacing=5;//间距设置
float dis;
void setup(){
  size(455,643);//画布尺寸
  pic=loadImage("any.png");//读取图片
}
void draw(){
  if(line>0.04)
  line-=0.03;
  for(int i=0;i<100;i++){
    
  int posx=int(random(0,width));
  int posy=int(random(0,height));
  float angle=random(0,2);
  color c=pic.get(posx,posy);
  if(brightness(c)<=254){
      fill(c);//填充
      stroke(c);
      float r=map(brightness(c),0,255,spacing*5,spacing*0);//亮度越暗，半径越长
      strokeWeight(line);
      //ellipse(posx,posy,r,r);//画圆
      line(posx-cos(angle)*line*1.2,posy-sin(angle)*line*1.2,posx+cos(angle)*line*1.2,posy+sin(angle)*line*1.2);
      }
}
}

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++


PImage img;

void setup() {
  size(455, 643);
  img=loadImage("any.png");
}

void draw() {
  background(255);
  float offset=map(mouseX, 0, width, 0, TWO_PI);  //鼠标控制线条的初始旋转角度, 这个角度会应用到所有线条上
  
  int space=3;  //取点间距
  //stroke(100, 100);
  
  for (int i=0; i<width; i+=space) {  //等距取点
    for (int j=0; j<height; j+=space) {
      color c=img.get(i,j);
      fill(c);
      stroke(c);
      float angle=map(brightness(img.get(i, j)), 0, 255, 0, TWO_PI);  //根据图片上该点的亮度来控制该处线条的旋转角度
      angle+=offset;  //再加上初始旋转角度
      line(i-cos(angle)*5, j-sin(angle)*5, i+cos(angle)*5, j+sin(angle)*5);//画一根长度为10的线段
    }
  }
}

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

 PImage img;
 int n=0;
 float c=2;
 float value=0;
void setup() {
  size(455, 643);
  img=loadImage("any.png");
  background(255);
}
 
void draw() {
  noStroke();
  if(n<10000){
    float a=n*radians(137.5);
    float r=c*sqrt(n);//半径小点
    float xx=r*cos(a)+width/2;
    float yy=r*sin(a)+height/2;
    value+=0.1;
    color col=img.get(int(xx),int(yy));
    fill(col);
    ellipse(xx,yy,5,5);
    n++;
  }

}