230115_YUAN - OpenProcessing

mySketch
Particle
xxxxxxxxxx
 
let particles=[]
// let colors = ["#e9d985","#b2bd7e", "#749c75", "#6a5d7b","#5d4a66"]
let colors = "1c3144-d00000-ffba08-a2aebb-3f88c5".split("-").map(a=>"#"+a)
let canvasTexture, mainGraphics//001 mainGraphics 
let seed = 100//004 Save
​
function preload(){//001
  canvasTexture = loadImage("canvas-light.jpeg")
}
function setup() {
  seed = int(random(1000))//004 Save
  // seed = 85
  createCanvas(154*6, 111*6);//004
  mainGraphics = createGraphics(width,height);//001
  // mainGraphics.rect(10,10,50,50)//001
  
  pixelDensity(3)// Export:5~8
  randomSeed(seed)
  
  
  background(0);
  for(let i=0;i<100;i++){
    let newP = new Particle({
      // p: createVector(random(width),random(height)),
      // p: createVector(0,i),
      v: createVector(0,2).rotate(random(10)),
      p: createVector(width/2,height/2),
      // v: createVector(1,0),
      color: color(random(colors)),
      // color2: color(255,0,0),
      color2: color(random(colors)),//
      a: createVector(0,0),
      r: random(150)*random()
    })
    particles.push(newP)
  }
}
​
//003
function keyPressed(){
  if (key ==' '){
    noLoop()
    print(frameCount)
}
  if (key =='s'){
    save("demo_s" + seed + "_f" + frameCount + ".jpg")
  }
} 
//003
​
​
function draw() {
  if(frameCount == 33){ //004 Save frameCount
    noLoop()
  }
  background(245,245,200) //004 Background
  if (mouseIsPressed){
    let newP = new Particle({
      // p: createVector(random(width),random(height)),
      // p: createVector(0,i),
      // v: createVector(random(-2,2),random(-2,2)),
      p: createVector(mouseX,mouseY),
      // v: createVector(1,0),
      color: color(0),
      // a: createVector(0,0),
      r: random(100)*random()
    })
    particles.push(newP)
  }
  
  particles.forEach(p=>{
    p.update()
    p.draw(mainGraphics)//001
  })
  particles= particles.filter(p=>p.life>0)
  
  // image(mainGraphics,mouseX/10,0)//001 
  image(mainGraphics,0,0)//001 
  
  mainGraphics.push()//003
    // mainGraphics.rotate(sin(frameCount/100)/500)
    mainGraphics.rotate(sin(frameCount/300)/500)
    // mainGraphics.scale(0.9995)//004
    // mainGraphics.image(mainGraphics,0,1)//002 
    // mainGraphics.image(mainGraphics,0,0.01)//002 
    mainGraphics.image(mainGraphics,0.01,0)//002 
    // mainGraphics.image(mainGraphics,2,0,width-2,height)//005
    mainGraphics.image(mainGraphics,-sin(frameCount/100),0,width-2,height)//005
  mainGraphics.pop()
  push()
    blendMode(MULTIPLY)
    image(canvasTexture,0,0)//001 
    image(canvasTexture,0,0)//001 
    blendMode(MULTIPLY)
    image(mainGraphics,0,0)//001
    // blendMode(SCREEN) //006 Brighter
    // image(mainGraphics,0,0)//001 006 Brighter
  
  pop()
​
  
  
  // p.add(v)
  // v.add(a)
  // v.x+=sin(p.y/10)*0.5
  // v.y+=sin(p.y/20)*0.5
  // v.x =random(-5,5)
  // v.y =random(-5,5)
  // fill(p.x/3,p.y/3,frameCount)
  // noStroke()
  // circle(p.x,p.y, r);
}