xxxxxxxxxx
89
// picture stretches flexible web png
// changing gradients
// background changes filters with mouth pressed
let x1=0
let y1=100
let d1=0
let pic
let back
let interscope
let originaltint=false
function preload(){
pic= loadImage("Untitled_Artwork-1.png")
back= loadImage("Untitled_Artwork 11.png")
}
// function mousePressed(){
// }
function setup() {
createCanvas(pic.width, pic.height);
imageMode(CENTER)
}
function draw() {
background(255);
if(mouseIsPressed){
fill('red')
rect(0,0,pic.width,pic.height)
// tint(255,0,0,150)
}
display()
interscope1()
}
// function display(){
// let x= map(noise(x1), 0,1,0, width)
// let y= map(noise(y1), 0,1,0, height )
// x1+= 0.001
// y1+=0.001
// circle(createVector(cos(x),sin(y)))
// }
function display(){
frameRate(50)
let x= map(noise(x1), 0, 1,0, width)
let y= map(noise(y1), 0,1,0, height)
let d= map(noise(x1), 0, 1,0, 50)
// console.log(d)
x1+= 0.01
y1+=0.01
d1+=0.01
// pic.filter(BLUR,d)
image(pic,x,y,pic.width, pic.height)
}
function interscope1(){
image(back,width/2,height/2,pic.width,pic.height)
}
// function blurImg(){
// let x= map(noise(x1), 0, 1, 0, 50)
// x1+= 0.01
// pic.filter(BLUR,x)
// }