Viewing Program

Program Data

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

Title	Ignisaur
ID	5835165874470912
Created	5 years ago, 1608325022993
Updated	4 years ago, 1611431808715
Code	/* Ignisaur Igni (Fire) + saur (like dinosaur) “The Ignisaur was a dinosaur from 65 million years ago. They are the only known dinosaur who survived the meteor crash that took dinosaurs to extinction, due to the fact that they have power and immunity over fire and lava. Now, they live near active volcanoes. They enjoy peace and do not communicate with humans much. Although they are usually peaceful, they can be very aggressive.” (Credit to Coyote Programming) Made as an entry to this avatar contest here: https://www.khanacademy.org/cs/ky/5011501759283200 This was selected for the Loopember 2021 Competition! https://www.khanacademy.org/cs/ky/6437005807796224 To use the Ignisaur avatar, copy lines 27 to 506 To call it, simply write: ignisaur(TYPE, X, Y, WIDTH, HEIGHT); Where the: TYPE = The avatar's form. Example: "ultimate" X = The x position of the avatar Y = The y position of the avatar WIDTH = (optional) The width of the avatar HEIGHT = (optional) The height of the avatar EXAMPLE: ignisaur("seedling", 200, 200); / /Setup/ rectMode(CENTER); imageMode(CENTER); textAlign(CENTER, CENTER); angleMode = "Radians"; /*Define variables/ var sprites=[]; var sparks=[]; var cloudTimer = 0; var changeTimer = 0; var featured = 0; var next; /*Define functions/ function ignisaur(t, x, y, w, h){ /*Avatar made by Ky (@KyProgramming)/ pushMatrix(); translate(x, y); if(w){ if(h){ scale(w/100, h/100); }else{ scale(w/100); } } noStroke(); switch(t){ case "seed": case 0: //seed outer rim fill(255, 100, 0); beginShape(); vertex(-5, -40); bezierVertex(10, -10, 18, -31, 32, 0); bezierVertex(38, 21, 15, 40, 0, 39); bezierVertex(-18, 40, -41, 21, -36, 0); bezierVertex(-21, -31, -20, -13, -5, -40); endShape(); //seed inner rim fill(255, 177, 127); beginShape(); vertex(-5, -40); bezierVertex(10, -8, 16, -31, 26, 0); bezierVertex(28, 21, 15, 32, 0, 34); bezierVertex(-18, 35, -41, 21, -36, 0); bezierVertex(-21, -31, -20, -13, -5, -40); endShape(); //seed outer eyes fill(100, 50, 0); ellipse(5, 16, 6, 6); ellipse(-17, 19, 6, 6); //seed inner eyes fill(255, 230, 200); ellipse(5.5, 15.5, 3, 3); ellipse(-16.5, 18.5, 3, 3); break; case "seedling": case 1: //seedling main fill(255, 177, 127); beginShape(); vertex(31, -58); bezierVertex(12, -40, 29, -11, 6, -2); bezierVertex(0, 0, -8, 1, -10, 9); bezierVertex(23, 13, 19, 61, -20, 48); bezierVertex(-36, 31, -23, 15, -14, 9); bezierVertex(-33, -33, 15, -55, 31, -58); endShape(); //seedling outer foot left beginShape(); vertex(-21, 50); bezierVertex(-10, 48, -9, 60, -21, 58); bezierVertex(-27, 60, -34, 49, -21, 50); endShape(); //seedling dark fill(190, 85, 0); beginShape(); vertex(31, -58); bezierVertex(12, -40, 29, -11, 6, -2); bezierVertex(0, 0, -8, 1, -10, 9); bezierVertex(-8, -10, -11, -33, 31, -58); endShape(); //seedline rim fill(255, 100, 0); beginShape(); vertex(16, -41); bezierVertex(23, -38, 21, 1, -5, 1); bezierVertex(-12, -18, 10, -40, 16, -41); endShape(); beginShape(); vertex(-10, 9); bezierVertex(23, 13, 19, 61, -20, 48); bezierVertex(10, 55, 14, 13, -10, 9); endShape(); //seedling foot right inside beginShape(); vertex(-21, 53); bezierVertex(-13, 50, -12, 58, -21, 56); bezierVertex(-24, 58, -31, 51, -21, 53); endShape(); //seedling foot left outside fill(255, 177, 127); beginShape(); vertex(5, 41); bezierVertex(15, 45, 11, 52, 5, 53); bezierVertex(-5, 56, -3, 46, 5, 41); endShape(); //seedling foot left inside fill(255, 100, 0); beginShape(); vertex(5, 43); bezierVertex(13, 45, 9, 52, 5, 51); bezierVertex(-2, 56, -3, 46, 5, 43); endShape(); //seedling outer eyes fill(100, 50, 0); ellipse(-5, 36, 4, 4); ellipse(-19, 39, 4, 4); //seedling inner eyes fill(255, 230, 200); ellipse(-4.7, 35.7, 2, 2); ellipse(-18.7, 38.7, 2, 2); break; case "sapling": case 2: //fix offset translate(-5, 0); //spikes left fill(255, 158, 96); beginShape(); vertex(-35, 22); bezierVertex(-30, -1, -28, -5, -10, 7); endShape(); beginShape(); vertex(20, 22); bezierVertex(5, -11, 2, -11, -10, 7); endShape(); beginShape(); vertex(0, 22); bezierVertex(23, -9, 30, -8, 35, 30); endShape(); beginShape(); vertex(30, 17); bezierVertex(45, 20, 47, 25, 40, 40); endShape(); beginShape(); vertex(55, 57); bezierVertex(53, 35, 49, 35, 40, 40); endShape(); //spikes right fill(255, 100, 0); beginShape(); vertex(-18, 24); vertex(-26, 3); bezierVertex(-26, 3, -28, -5, -10, 7); endShape(); beginShape(); vertex(20, 22); bezierVertex(5, -11, 2, -11, 3, 7); endShape(); beginShape(); vertex(21, 16); vertex(27, 1); bezierVertex(27, 1, 30, 1, 35, 30); endShape(); beginShape(); vertex(35, 32); bezierVertex(45, 20, 47, 25, 40, 40); endShape(); beginShape(); vertex(55, 57); bezierVertex(53, 35, 50, 37, 50, 44); endShape(); //sapling feet far side fill(255, 138, 64); beginShape(); vertex(-11, 45); bezierVertex(-12, 62, -21, 63, -22, 40); endShape(); beginShape(); vertex(20, 45); bezierVertex(16, 62, 10, 63,4, 40); endShape(); //sapling tail beginShape(); vertex(40, 35); bezierVertex(60, 56, 60, 61, 40, 48); endShape(); //sapling main fill(255, 177, 127); beginShape(); vertex(-10, 45); bezierVertex(-25, 60, -35, 60, -40, 40); bezierVertex(-43, 15, -1, 2, 10, 5); bezierVertex(35, 6, 45, 29, 40, 50); bezierVertex(35, 75, 25, 40, 5, 50); bezierVertex(0, 60, -15, 70, -10, 40); endShape(); //sapling rim fill(255, 138, 64); beginShape(); vertex(-10, 40); bezierVertex(-25, 58, -35, 57, -40, 40); bezierVertex(-35, 60, -25, 60, -10, 45); vertex(-10, 40); endShape(); beginShape(); vertex(-40, 40); bezierVertex(-43, 15, -1, 2, 10, 5); bezierVertex(35, 6, 45, 29, 40, 50); bezierVertex(35, -10, -25, 10, -40, 40); endShape(); //sapling outer eye fill(100, 50, 0); ellipse(-22, 40, 5, 5); //sapling inner eye fill(255, 230, 200); ellipse(-21.5, 39.5, 2.5, 2.5); break; case "tree": case 3: //fix offset translate(-23, 0); //tree spikes left fill(255, 158, 96); beginShape(); vertex(-31, 7); bezierVertex(-27, -30, -24, -20, -10, -4); endShape(); beginShape(); vertex(-10, -4); bezierVertex(0, -28, 5, -28, 16, -4); endShape(); beginShape(); vertex(16, -4); bezierVertex(30, -20, 35, -20, 37, 8); endShape(); beginShape(); vertex(37, 10); bezierVertex(60, 10, 60, 13, 53, 34); endShape(); beginShape(); vertex(53, 38); bezierVertex(65, 24, 69, 24, 71, 42); endShape(); beginShape(); vertex(71, 44); bezierVertex(79, 35, 83, 35, 85, 45); endShape(); //spikes right fill(255, 100, 0); beginShape(); vertex(-21, 0); bezierVertex(-27, -30, -24, -20, -10, -4); endShape(); beginShape(); vertex(3, -6); bezierVertex(0, -28, 5, -28, 16, -4); endShape(); beginShape(); vertex(28, 0); bezierVertex(30, -20, 35, -20, 37, 8); endShape(); beginShape(); vertex(45, 22); bezierVertex(60, 10, 60, 13, 53, 34); endShape(); beginShape(); vertex(63, 39); bezierVertex(65, 24, 69, 24, 71, 42); endShape(); beginShape(); vertex(79, 44); bezierVertex(79, 35, 83, 35, 85, 45); endShape(); //tree feet far side fill(255, 138, 64); beginShape(); vertex(-20, 32); bezierVertex(-20, 35, -20, 40, -25, 45); vertex(-16, 45); vertex(-13, 30); endShape(); beginShape(); vertex(15, 32); bezierVertex(15, 35, 15, 40, 10, 43); vertex(18, 43); vertex(21, 30); endShape(); //tree tail top beginShape(); vertex(40, 12); bezierVertex(50, 35, 60, 40, 85, 45); bezierVertex(60, 45, 50, 40, 40, 32); endShape(); //tree main + tail bottom fill(255, 177, 127); beginShape(); vertex(40, 22); bezierVertex(50, 40, 60, 42, 85, 45); bezierVertex(60, 45, 50, 40, 40, 32); endShape(); beginShape(); vertex(-10, 32); bezierVertex(-25, 35, -35, 40, -40, 25); bezierVertex(-43, 1, -1, -8, 10, -5); bezierVertex(33, 0, 49, 10, 45, 53); vertex(33, 53); bezierVertex(35, 47, 35, 35, 29, 33); bezierVertex(20, 37, 12, 39, 4, 37); bezierVertex(2, 37, -1, 45, 0, 53); vertex(-10, 53); bezierVertex(-11, 37, -12, 39, -10, 32); endShape(); //tree belly fill(255, 210, 140); beginShape(); vertex(29, 33); bezierVertex(20, 37, 12, 39, 4, 37); vertex(6, 32); vertex(28, 31); endShape(); beginShape(); vertex(-10, 32); bezierVertex(-25, 35, -35, 40, -40, 25); bezierVertex(-35, 37, -25, 33, -9, 27); endShape(); //tree rim fill(255, 138, 64); beginShape(); vertex(-24, 1); bezierVertex(-23, 1, -1, -8, 10, -5); bezierVertex(33, 2, 44, 13, 45, 23); bezierVertex(20, -2, 0, -4, -24, 1); endShape(); //tree outer eye fill(100, 50, 0); ellipse(-22, 20, 4, 4); //tree inner eye fill(255, 230, 200); ellipse(-22.5, 20.5, 2, 2); break; case "ultimate": case 4: //fix offset translate(-29, 0); //spikes left fill(255, 158, 96); beginShape(); vertex(-10, -11); bezierVertex(-5, -40, 5, -40, 10, -11); endShape(); beginShape(); vertex(10, -11); bezierVertex(18, -36, 28, -36, 30, -8); endShape(); beginShape(); vertex(30, -8); bezierVertex(40, -30, 55, -30, 45, -2); endShape(); beginShape(); vertex(45, -2); bezierVertex(60, -15, 75, -15, 60, 12); endShape(); beginShape(); vertex(60, 12); bezierVertex(80, 0, 80, 5, 70, 26); endShape(); beginShape(); vertex(70, 26); bezierVertex(80, 18, 90, 18, 85, 39); endShape(); beginShape(); vertex(85, 39); bezierVertex(93, 29, 98, 29, 100, 44); endShape(); //spikes right fill(255, 100, 0); beginShape(); vertex(0, -13); bezierVertex(-5, -40, 5, -40, 10, -11); endShape(); beginShape(); vertex(20, -11); bezierVertex(18, -36, 28, -36, 30, -8); endShape(); beginShape(); vertex(38, -4); bezierVertex(40, -30, 55, -30, 45, -2); endShape(); beginShape(); vertex(50, 10); bezierVertex(60, -15, 75, -15, 60, 12); endShape(); beginShape(); vertex(60, 22); bezierVertex(80, 0, 80, 5, 70, 26); endShape(); beginShape(); vertex(77, 35); bezierVertex(80, 18, 90, 18, 85, 39); endShape(); beginShape(); vertex(93, 43); bezierVertex(93, 29, 98, 29, 100, 44); endShape(); //ultimate feet far side fill(255, 177, 127); beginShape(); vertex(-15, 10); bezierVertex(-15, 20, -15, 25, -20, 30); vertex(-9, 30); vertex(-7, 15); endShape(); beginShape(); vertex(25, 22); bezierVertex(25, 25, 25, 30, 20, 33); vertex(30, 33); vertex(33, 20); endShape(); //ultimate main + tail bottom fill(255, 177, 127); beginShape(); vertex(-40, -3); bezierVertex(-32, -16, -30, -2, -22, -15); bezierVertex(-16, -16, -16, -8, -5, -14); bezierVertex(5, -15, 15, -12, 25, -10); bezierVertex(60, -10, 70, 40, 100, 44); bezierVertex(70, 45, 55, 15, 45, 20); bezierVertex(40, 30, 5, 30, -5, 20); bezierVertex(-15, 0, -35, 30, -40, -3); endShape(); //ultimate tail top fill(255, 138, 64); beginShape(); vertex(-10, -12); bezierVertex(5, -15, 15, -12, 25, -10); bezierVertex(60, -10, 70, 40, 100, 44); bezierVertex(70, 45, 60, 0, 25, -4); bezierVertex(5, -5, 0, -12, -10, -12); endShape(); //ultimate belly fill(255, 210, 140); beginShape(); vertex(45, 20); bezierVertex(40, 30, 5, 30, -5, 20); bezierVertex(-15, 0, -32, 25, -37, 7); bezierVertex(-30, 15, -15, 0, -5, 15); bezierVertex(5, 23, 40, 20, 45, 20); endShape(); //ultimate legs fill(255, 177, 127); beginShape(); vertex(30, 12); bezierVertex(25, 15, 25, 20, 35, 32); bezierVertex(30, 45, 26, 32, 23, 42); vertex(43, 42); vertex(45, 32); bezierVertex(50, 30, 50, 20, 44, 15); endShape(); beginShape(); vertex(-6, 7); bezierVertex(-12, 12, -12, 20, -5, 32); bezierVertex(-5, 45, -14, 32, -10, 42); vertex(3, 42); vertex(4, 32); bezierVertex(8, 30, 8, 20, 7, 11); endShape(); //ultimate muscle outlines fill(255, 158, 96); beginShape(); vertex(36, 32); bezierVertex(29, 15, 29, 20, 30, 12); bezierVertex(25, 15, 25, 20, 35, 32); endShape(); beginShape(); vertex(-4, 32); bezierVertex(-8, 15, -8, 20, -6, 7); bezierVertex(-12, 12, -12, 20, -5, 32); endShape(); beginShape(); vertex(44, 15); bezierVertex(50, 20, 50, 30, 42, 32); vertex(41, 42); endShape(); beginShape(); vertex(5, 11); bezierVertex(9, 20, 10, 25, 3, 32); endShape(); //ultimate outer eye fill(100, 50, 0); ellipse(-20, -5, 3, 3); //ultimate inner eye fill(255, 230, 200); ellipse(-20.3, -4.7, 1.5, 1.5); break; } popMatrix(); } function fract(value){ //fracture values return (value%1+1)%1; } function rand(value){ //return pseudorandom (it's like random, but I get more control) return fract(10000Math.sin(value)); } function cloud(){ noStroke(); //run all the particles for(var i=0; i<sprites.length; i++){ //make them move away from the center sprites[i].x += sprites[i].vx; sprites[i].y += sprites[i].vy; //smaller bubble if just created var resize = min(sprites[i].b, 1); sprites[i].b += 0.2; //fill fill(255, sprites[i].t/3); //display the particle ellipse(sprites[i].x,sprites[i].y,resizesprites[i].s,resizesprites[i].s); resize = 4/5; ellipse(sprites[i].x,sprites[i].y,resizesprites[i].s,resizesprites[i].s); resize = 3/4; ellipse(sprites[i].x,sprites[i].y,resizesprites[i].s,resizesprites[i].s); resize = 2/3; ellipse(sprites[i].x,sprites[i].y,resizesprites[i].s,resizesprites[i].s); //make them smaller and lighter sprites[i].t -= 6; sprites[i].s -= 2; //destroy particle when no longer visible if(min(sprites[i].t, sprites[i].s) <= 0){ sprites.splice(i, 1); --i; } } } function makeCloud(cx, cy, small){ //Make 10 particles for(var i=0; i<10; i++){ //velocity angle var v = random(TWO_PI); //velovity speed var vs= random(0.5, 3.75); //position angle var p = random(TWO_PI); //position distance var pd= random(90); //create particle sprites.push({ x : cx + Math.sin(p) * pd, y : cy + Math.cos(p) * pd, vx: Math.sin(v) * vs, vy: Math.cos(v) * vs, t : random(150, 510) * (small ? 0.4 : 1), s : random(150, 250) * (small ? 0.7 : 1), b : 0 }); } } function fires(){ //run all the falling flames strokeWeight(4); for(var i=0; i<sparks.length; i++){ //basically the brightness var resize = 2 * noise(sparks[i].x, (sparks[i].y/sparks[i].sp)/50); //colouring stroke(255resize, 100resize, 0, 100); fill(255resize, 200resize, 150resize); //draw ellipse(sparks[i].x + 70Math.sin(rand(sparks[i].x)5+(sparks[i].y/sparks[i].sp)/50),sparks[i].y,resizesparks[i].s,resizesparks[i].s); sparks[i].y += sparks[i].sp; //replace with new spark once its off the screen if(sparks[i].y > height +30){ sparks[i] = { y : random(-20, -50), x : random(width), s : random(5, 10), sp: random(0.5, 2) }; } } } function makeFires(){ //create a hundred random sparks for(var i=0; i < 100; i++){ sparks.push({ y : random(-20,height), x : random(width), s : random(5, 10), sp: random(0.5, 2) }); } } function rectToCircle(cx, cy, cr, rx, ry, rw, rh){ //Credit to stack overflow for this function's algorithm //Used to calculate rounded buttons var dX=abs(cx-rx-rw/2); var dY=abs(cy-ry-rh/2); if(dX>(rw/2+cr)\|\|dY>(rh/2+cr)){ return 0; } return dX<=(rw/2)\|\|dY<=(rh/2)\|\|sq(dX-rw/2)+sq(dY-rh/2)<=sq(cr); } function roundedButton(x, y, w, h, r){ w -= 2r; h -= 2r; return rectToCircle(mouseX,mouseY,r,x-w/2,y-h/2,w,h); } /Now the real stuff/ makeFires(); draw = function() { cursor(ARROW); background(0); //the falling flames! fires(); //all the rounded rectangles noFill(); stroke(255); strokeWeight(4); rect(300, 250, 400, 300, 100); beginShape(); vertex(60, 230); bezierVertex(60, 242, 50, 245, 40, 250); bezierVertex(50, 255, 60, 258, 60, 270); endShape(); beginShape(); vertex(540, 230); bezierVertex(540, 242, 550, 245, 560, 250); bezierVertex(550, 255, 540, 258, 540, 270); endShape(); strokeWeight(2); rect(50, 250, 60, 100, 20); rect(550, 250, 60, 100, 20); strokeWeight(1); rect(40, 500, 55, 150, 20); rect(100, 500, 55, 150, 20); rect(182, 500, 100, 150, 20); rect(312, 500, 155, 150, 20); rect(490, 500, 195, 150, 20); //the bottom row avatars ignisaur("seed", 40, 520, 50); ignisaur("seedling", 100, 500, 75); ignisaur("sapling", 182, 500, 80); ignisaur("tree", 315, 500, 90); ignisaur("ultimate", 490, 500, 120); //featured main avatar ignisaur(featured, 300, 250, 200); //Make the buttons highlight on hover noFill(); stroke(255); strokeWeight(4); if(roundedButton(50, 250, 60, 100, 20)){ rect(50, 250, 60, 100, 20); cursor(HAND); }else if(roundedButton(550, 250, 60, 100, 20)){ rect(550, 250, 60, 100, 20); cursor(HAND); } strokeWeight(2); if(roundedButton(40, 500, 55, 150, 20) && featured !== 0){ rect(40, 500, 55, 150, 20); cursor(HAND); }else if(roundedButton(100, 500, 55, 150, 20) && featured !== 1){ rect(100, 500, 55, 150, 20); cursor(HAND); }else if(roundedButton(182, 500, 100, 150, 20) && featured !== 2){ rect(182, 500, 100, 150, 20); cursor(HAND); }else if(roundedButton(312, 500, 155, 150, 20) && featured !== 3){ rect(312, 500, 155, 150, 20); cursor(HAND); }else if(roundedButton(490, 500, 195, 150, 20) && featured !== 4){ rect(490, 500, 195, 150, 20); cursor(HAND); } if(featured === 0){ rect(40, 500, 55, 150, 20); }else if(featured === 1){ rect(100, 500, 55, 150, 20); }else if(featured === 2){ rect(182, 500, 100, 150, 20); }else if(featured === 3){ rect(312, 500, 155, 150, 20); }else if(featured === 4){ rect(490, 500, 195, 150, 20); } //display the poof-sprite cloud(); if(cloudTimer > 0){ makeCloud(300, 250, cloudTimer > 10); cloudTimer --; } if(changeTimer > 0){ changeTimer --; if(changeTimer <= 0){ featured = next; } } // background(255); }; mouseClicked = function(){ //make the buttons responsive if(roundedButton(50, 250, 60, 100, 20)){ cloudTimer = 12; changeTimer = 13; next = (featured + 4) % 5; }else if(roundedButton(550, 250, 60, 100, 20)){ cloudTimer = 12; changeTimer = 13; next = (featured + 1) % 5; }else if(roundedButton(40, 500, 55, 150, 20) && featured !== 0){ cloudTimer = 12; changeTimer = 13; next = 0; }else if(roundedButton(100, 500, 55, 150, 20) && featured !== 1){ cloudTimer = 12; changeTimer = 13; next = 1; }else if(roundedButton(182, 500, 100, 150, 20) && featured !== 2){ cloudTimer = 12; changeTimer = 13; next = 2; }else if(roundedButton(312, 500, 155, 150, 20) && featured !== 3){ cloudTimer = 12; changeTimer = 13; next = 3; }else if(roundedButton(490, 500, 195, 150, 20) && featured !== 4){ cloudTimer = 12; changeTimer = 13; next = 4; } };
Folds	42,521,522,525,526,529,530,559,560,582,583,605,606,616,617,626,627,631,635,731,732,763
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgJ3p1uGuCgw
Votes	178
Spin-Offs	8
Type	PJS
Width	600
Height	600
User Flagged	false
Origin Scratchpad	{"id":"5011501759283200","title":"Contest: Make an avatar","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Ky
Author Name	KyProgramming
Author ID	kaid_734655799699922356147662
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739449763302
Updated	10 months ago, 1739449763302
Source Deleted	unknown