32 lines
557 B
JavaScript
32 lines
557 B
JavaScript
|
// Sketch 3.3: Image!
|
||
|
|
|
||
|
|
var alan_image;
|
||
|
|
var img_x, img_y;
|
||
|
|
|
||
|
|
function preload() {
|
||
|
|
alan_image = loadImage("alan-turing.png")
|
||
|
|
}
|
||
|
|
|
||
|
|
function setup() {
|
||
|
|
createCanvas(800, 800);
|
||
|
|
img_x = 400 - alan_image.width/2;
|
||
|
|
img_y = 400 - alan_image.height/2;
|
||
|
|
colorMode(RGB, 255, 255, 255, 255);
|
||
|
|
}
|
||
|
|
|
||
|
|
function draw() {
|
||
|
|
background("yellow");
|
||
|
|
image(alan_image, img_x, img_y);
|
||
|
|
let R = 255;
|
||
|
|
let G = 100;
|
||
|
|
let B = mouseY / 800.0 * 255;
|
||
|
|
let A = mouseX / 800.0 * 255;
|
||
|
|
tint(R, G, B, A);
|
||
|
|
}
|
||
|
|
|
||
|
|
function keyTyped() {
|
||
|
|
if(key == 's') {
|
||
|
|
saveCanvas("yeah", "png");
|
||
|
|
}
|
||
|
|
}
|