Viewing Program

Program Data

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

Title	Interactive Chubby Cat!!
ID	4951540344291328
Created	11 years ago, 1397257837223
Updated	10 years ago, 1428622947034
Code	//THANKS TO ROBERT.B.LYON for his awesome Rounded Triangle Function found here: http://www.khanacademy.org/cs/rounded-triangle-function/1345770138 // Move your mouse over chubby cat to play :) // Click to toggle Pirate Mode! // Change this variable to false if you want the sound off! // V var useSound = true; // B. Klosowski - barimonsterbk /*FOR FANS WHO ARE INTERESTED, CHECK OUT MY 3D CHUBBY CAT GAME HERE: (still in progress...) http://www.khanacademy.org/cs/3d-chubby-cat/5902397477486592/ //Create Rounded Triangle Function //var externals; frameRate(30); var roundTri = function(ax, ay, bx, by, cx, cy, curvatureRadius) { var ab = dist(ax, ay, bx, by); var bc = dist(bx, by, cx, cy); var ac = dist(ax, ay, cx, cy); if (curvatureRadius <= 0 \|\| ab === 0 \|\| bc === 0 \|\| ac === 0) { triangle(ax, ay, bx, by, cx, cy); return; } var p = []; p.push({ x: ax, y: ay, next_dist: ab, dx: bx - ax, dy: by - ay, next_x: 0, next_y: 0, prev_x: 0, prev_y: 0 }); p.push({ x: bx, y: by, next_dist: bc, dx: cx - bx, dy: cy - by }); p.push({ x: cx, y: cy, next_dist: ac, dx: ax - cx, dy: ay - cy }); var triVertex = function(A) { var d; var C = (A + 2) % 3; var theta = atan2(p[A].dy, p[A].dx); var gamma = atan2(-p[C].dy, -p[C].dx); var alpha = (gamma - theta); alpha /= 2; var i = abs(curvatureRadius / sin(alpha)); d = p[A].next_dist; p[A].next_x = p[A].x + i/d * p[A].dx; p[A].next_y = p[A].y + i/d * p[A].dy; d = p[C].next_dist; p[A].prev_x = p[A].x - i/d * p[C].dx; p[A].prev_y = p[A].y - i/d * p[C].dy; }; beginShape(); for (var i = 0; i < p.length; i++) { triVertex(i); vertex(p[i].prev_x, p[i].prev_y); bezierVertex(p[i].x, p[i].y, p[i].x, p[i].y, p[i].next_x, p[i].next_y); } endShape(CLOSE); }; noCursor(); //Starting Position var pirate = false; var x = 200; var y = 215; var MX = x-110; var MY = y+90; //Stripes for wall & floor var S = [2, 6, 4, 2, 5, 2, 6, 4, 2, 5, 2, 3, 2, 4, 5, 3, 6, 3, 8, 7, 4, 10, 4, 6]; //AutoTail variables var dotX = x + 50; var dotY = y + 35; var theta = 0; var radius = 200; var center = 200; var speed = 5; //WIP... var catColor = [100,80,86]; //Background var drawBkgnd = function () { noStroke (); background(63, 153, 123); for(var W = 0; W < 400; W += 35){ stroke(111, 168, 106); strokeWeight(S[W/35]); line(W + 22, 0, W + 22, 265); } noStroke(); fill(38, 26, 3); rect(0,y+50,400,400-y+70); for (var T = 0; T < 400; T +=10){ stroke(51, 38, 6); strokeWeight(S[T/10 + 10]/2); line(0, T + 270, 400, T + 270); } noStroke(); fill(230, 230, 179); rect(0, y + 30, width, 20); stroke(227, 212, 168); strokeWeight(2); line(0, y + 45, width, y + 45); noStroke(); fill(0, 0, 0, 120); ellipse(200, y + 95, 180, 45); }; //Kitty Parts var drawTail = function () { noFill(); strokeWeight(30); stroke(catColor[0]-10, catColor[1]-13, catColor[2]-12); bezier(x, y + 75, x + dotX/20, y + dotY/200, x - 100 + dotY/2, y + dotX/10 - 75, x + 132 - dotX * 0.7, y - 80 - dotY/40); }; var drawFeets = function () { noStroke(); fill(catColor[0]-5, catColor[1]-4, catColor[2]-5); ellipse(x-55,y+20,88,125); ellipse(x-60,y+80,50,20); //left ellipse(x+55,y+20,88,125); ellipse(x+60,y+80,50,20); //right }; var drawBase = function () { fill(catColor[0],catColor[1],catColor[2]); ellipse(x, y,170, 190); // body ellipse(x, y-100, 109, 95); // face }; var drawEar = function (rx1, rx2, rx3) { noStroke (); fill(catColor[0], catColor[1], catColor[2]); roundTri(rx1-60+MX/25,y-155, rx2-50,y-105, rx3-15, y-145, 8); }; var drawNose = function () { fill(5, 0, 0); roundTri(x+2, y-89, x-5, y-94, x+9, y-94, 3); }; var drawEyes = function (ps) { fill(153, 230, 0); ellipse(184, 113, 15,15); ellipse(219, 113, 15, 15); fill(0, 0, 0); if(MX > 185 && MX < 215 && MY > 70 && MY < 180){ ellipse(187, 103 + MY/13, ps, 10); ellipse(216, 103 + MY/13, ps, 10); } else { ellipse(180 + MX/60, 110 + MY/60, ps, 10); ellipse(215 + MX/60, 110 + MY/60, ps, 10); } }; var drawEyePatch = function () { stroke(0); strokeWeight(4); line(x - 54, y - 105, x + 50, y - 117); fill(0); arc(x - 18, y - 110, 20, 40, 0, 170); }; var drawMouth = function () { stroke(catColor[0]-33, catColor[1]-47, catColor[2]-48); strokeWeight(1); line(x-3, y-83, x+2, y-84); line(x+7, y-83, x+2, y-84); line(x+2, y-89, x+2, y-85); }; var drawSmile = function (ts, MM) { stroke(0, 0, 0); strokeWeight(1); fill(255, 122, 122); arc(x+2, y-84, 10, 11, 10, 170); fill(255, 255, 0); textSize (ts); text(MM, x+15, y-60); }; var drawLPaw = function () { noStroke(); fill(catColor[0]+13, catColor[1]+12, catColor[2]+14); ellipse(x-50+MX/10, y-20+MY/5, 42, 33); strokeWeight(1); stroke(catColor[0]-3, catColor[1]-17, catColor[2]-18); line(x-41+MX/10, y-36+MY/3.9, x-41+MX/10, y-26+MY/3.9); line(x-59+MX/10, y-36+MY/3.9, x-59+MX/10, y-26+MY/3.9); }; var drawRPaw = function () { noStroke(); fill(catColor[0]+13, catColor[1]+12, catColor[2]+14); ellipse(x+20,y+80,42,33); strokeWeight(1); stroke(catColor[0]-3, catColor[1]-17, catColor[2]-18); line(x+29, y+85, x+29, y+95); line(x+11, y+85, x+11, y+95); }; var drawStickyPaws = function () { strokeWeight (1); noStroke(); fill(catColor[0]+13, catColor[1]+12, catColor[2]+14); ellipse(MX-20,MY-5,30,40); stroke(catColor[0]-3, catColor[1]-17, catColor[2]-18); line(MX-15, MY+3, MX-8, MY+3); line(MX-15, MY-13, MX-8, MY-13); //left noStroke(); ellipse(MX+20,MY+5,30,40); stroke(catColor[0]-3, catColor[1]-17, catColor[2]-18); line(MX+15, MY-3, MX+8, MY-3); line(MX+15, MY+13, MX+8, MY+13);//right }; //Full Kitty var drawChubbyCat = function () { drawFeets (); drawBase (); drawEar (x, x, x); //left drawEar (x+105,x+100,x+30); //right drawNose (); drawEyes(5); drawMouth (); drawLPaw (); drawRPaw (); }; //Victory!! var victory = function(){ drawFeets(); drawBase (); //Bigger pupils drawEyes(7); drawNose (); //Happy kitty mouth drawMouth (); drawSmile (20); //Ears back drawEar (x + 8, x, x); //left drawEar (x + 98, x + 100, x + 30); //right if(pirate){ drawEyePatch(); fill(255, 0, 0); textSize(20); text("ARRRRGH!", x + 30, y - 70); } else { fill(255, 0, 0); textSize(20); text("Meow!", x + 30, y - 70); } //Caught Ball noStroke(); fill(255, 0, 0); ellipse(MX, MY, 15,25); //Catchy Paws drawStickyPaws (); }; //Tail speeds up a little when ball is moved var mouseMoved = function(){ if (speed < 8){ speed++; } }; //Start Interaction var draw = function() { MX = mouseX; MY = mouseY; //AutoTail dotX = center + radius * cos(theta); dotY = center + radius * sin(theta); drawBkgnd(); drawTail(); theta += speed; if(theta >= 360){ theta = 0; } //Catches ball if(MX < x + 50 && MX > x - 50 && MY < y + 70 && MY > y - 40) { if((pmouseX >= x + 50 \|\| pmouseX <= x - 50 \|\| pmouseY >= y + 70 \|\| pmouseY <= y - 40) && useSound){ playSound(getSound("rpg/battle-swing")); } victory(); if(speed < 10){ speed++; } } else{ drawChubbyCat(); if(pirate){ drawEyePatch(); } //Ball noStroke(); fill(255, 0, 0); ellipse(MX, MY, 20,20); if(speed > 5){ speed--; } } }; var mouseClicked = function(){ pirate = !pirate; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgMCa5ezlCAw
Votes	564
Spin-Offs	112
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Becky
Author Name	barimonsterbk
Author ID	kaid_857727321320908352169808
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739371949916
Updated	10 months ago, 1739371958467
Source Deleted	unknown