Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	Magnifying glass
ID	6291066563854336
Created	10 years ago, 1422748641811
Updated	10 years ago, 1436135546206
Code	/* Based on the principles in Larry Serflaten's program. https://www.khanacademy.org/computer-programming/spin-off-of-custom-tie-dye-clothing/5929025779531776 / // Feel free to use this in any way or form without credit. /* Also check out an improved multiple-key input system: https://www.khanacademy.org/computer-programming/more-flexible-multiple-key-input/5399098963001344 No more annoying ASCII numbers! **/ var spunky = getImage("avatars/spunky-sam"); var hopper = getImage("creatures/Hopper-Happy"); var spicey = getImage("avatars/old-spice-man"); imageMode(CENTER); background(194, 227, 191); image(hopper, 100, 200); image(spicey, 300, 200); image(spunky, 200, 200); // The scene image is the colored image that fills the entire screen. var scene = get(0, 0, width, height); background(0); noStroke(); ellipse(200, 200, 100, 100); // The mask image is a black and white, or greyscale image. var mask = get(150, 150, 100, 100); // img is a colored image. // I set it here just so that it exists. It will be colored later. var img = get(mouseX - 50, mouseY - 50, 100, 100); textAlign(CENTER); var draw = function() { image(scene, width / 2, height / 2); // Here img becomes a colored image. It's part of the scene image that was just drawn. img = get(mouseX - 50, mouseY - 50, 100, 100); strokeWeight(1); stroke(0); fill(77, 138, 61); rect(-1, -1, 111, 31); // This shows what the colored image looks like. image(img, 15, 15, 30, 30); fill(0, 0, 0); text("img", 15, 40); // Show shows what the greyscaled maskimage looks like. image(mask, 55, 15, 30, 30); text("mask", 55, 40); // This if statement is necessary because... Khan Academy is being weird. if(img) { // Masking an image with a greyscaled image makes the dark areas transparent. img.mask(mask); } // This shows what the original image looks like after applying the mask. image(img, 95, 15, 30, 30); text("masked", 95, 40); text("img", 95, 55); // After the image was masked, it has transparent areas. // In this case everything outside of a circle is fully transparent. // Now we're ready to draw the magnifying glass. image(img, mouseX, mouseY, 200, 200); strokeWeight(4); stroke(0, 0, 0); fill(224, 248, 255, 70); ellipse(mouseX, mouseY, 200, 200); noFill(); strokeWeight(15); stroke(255, 255, 255, 100); arc(mouseX, mouseY, 170, 170, 180, 260); arc(mouseX, mouseY, 170, 170, 0, 80); };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgLCekbaWCww
Votes	384
Spin-Offs	29
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Dalendrion
Author Name	Dalendrion
Author ID	kaid_635504323514339937071278
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739456032930
Updated	8 months ago, 1744828519671
Source Deleted	unknown