Viewing Program

Program Data

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

Title	Spam
ID	4886771434258432
Created	11 years ago, 1399570655736
Updated	5 years ago, 1604337352280
Code	/* * This is usually a reply to a series of incessant pleas to * the Community Questions forum in the hope that the "question" * poster will get a clue and stop. * * The techology demonstrated here is: * 1. How to create your own image, in this case, an image of * one can of spam. * 2. How to position, rotate and scale an image. * 3. How to implement a simple real time delay mechanism. * 4. How to implement a "screen shot" aka "thumbnail" which * is different from that of the running program. / / * This returns a square width × width image of a can of spam. * It was copied from a normal hand drawn picture, then modified * with "osb" prefixes to draw into the image canvas rather * than the default display canvas. See createGraphics below. / var spamPlease = function(width) { var naturalWidth = 260; var naturalHeight = 190; width = (width === undefined) ? naturalWidth : width; var osb = createGraphics(width, width, JAVA2D); if (! osb) { return osb; } osb.beginDraw(); osb.background(0, 0, 0, 0); / fourth zero makes it transparent / osb.scale(width / naturalWidth, width / naturalWidth); osb.translate(2, (naturalWidth - naturalHeight) / 2); / 260 by 190 / osb.ellipse(100, 100, 50, 50); osb.scale(1, 0.6); osb.fill(43, 35, 122); osb.stroke(110, 94, 94); osb.strokeWeight(9); osb.rect(0, 0, 250, 310, 30); osb.scale(1, 1/0.6); osb.stroke(42, 99, 115); osb.strokeWeight(6); osb.fill(237, 228, 237); osb.pushMatrix(); osb.translate(105, 120); osb.rotate(radians(10)); osb.ellipse(0, 0, 180, 90); osb.popMatrix(); var spamSlice = function(x, y, theta, w, h) { w = (w === undefined) ? 100 : w; h = (h === undefined) ? 50 : h; osb.pushMatrix(); osb.fill(145, 19, 19); osb.stroke(176, 48, 48); osb.strokeWeight(3); osb.translate(x, y); osb.rotate(radians(theta)); osb.rect(0, 0, w, h, 20); osb.popMatrix(); }; spamSlice(110, 60, 50); spamSlice(90, 75, 80, 70); spamSlice(80, 40, 15); spamSlice(75, 45, 15); spamSlice(70, 50, 15); spamSlice(65, 55, 15); spamSlice(60, 60, 15); osb.fill(237, 228, 237); osb.strokeWeight(2); osb.stroke(110, 94, 94); osb.rect(145, 150, 80, 20, 9); osb.fill(145, 19, 19); osb.textSize(16); osb.text("Hormel", 157, 167); osb.scale(1, 0.6); osb.fill(245, 245, 20); var sz = 100; var f = createFont("monospace", sz); osb.textFont(f, sz); osb.textSize(sz); osb.text("SPAM", 5, 97); osb.endDraw(); return osb; }; angleMode = radians; imageMode(CENTER); var img; / THE can of spam image / var delayTime = 180; / wait time in milliseconds between rendering cans / var lastTime = 0; / the time when the current delay interval started / var total = 40; / render this many cans of spam / var cnt = 0; / the number of cans we have currently rendered / var one; / If true, only render one can of spam / / Called by Processing.js numerous times per second. / draw = function() { if (img === undefined) { img = spamPlease(); return; } var now = millis(); / get the "current time" / if (now - lastTime < delayTime) { / Too soon! Do nothing and try again / return; } lastTime = now; / The new delay interval starts right now / delayTime += 3; / wait a little longer / if (++cnt > total) { / We are done done rendering all the spam cans, so do nothing / one = true; / All future renderings will be ONE can of spam / return; } / Set rendering parameters based on ONE versus many cans of spam / var x = (! one) ? random(50, 350) : width/2; var y = (! one) ? random(50, 350) : height/2; var r = (! one) ? random(-PI, PI) : 0; var s = (! one) ? random(0.20, 0.90) : 1.2; / Render / pushMatrix(); / get ready to make a mess / translate(x, y); / move the origin to the center of the can / rotate(r); / rotate always rotates around the origin / / Now render the scaled image at the origin / image(img, 0, 0, simg.width, simg.height); popMatrix(); / clean up after yourself */ }; // I am honored any time anybody uses my code for any purpose. // Copy freely! All my programs are at // https://www.khanacademy.org/profile/BobLyon/programs
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMCb4o_XCAw
Votes	178
Spin-Offs	6
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Bob Lyon
Author Name	BobLyon
Author ID	kaid_1116520053705160540512971
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739371277309
Updated	10 months ago, 1739371283093
Source Deleted	unknown