Viewing Program

Program Data

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

Title	3D CHUBBY CAT!!
ID	5902397477486592
Created	Unknown
Updated	10 years ago, 1423423361535
Code	/** Chubby Cat has been practicing his hunting skills! - Try to help him catch all the mice! ENJOY!! - Becky AKA: barimonsterbk * CHECK OUT THE FULL-SCREEN VERSION HERE: * http://jsbin.com/wahayu/7 CONTROLS: - hold UP to walk - tap S to jump - LEFT & RIGHT (or A & D) to turn HUNTING: - hold DOWN to crouch - hold S to stalk (this allows you to turn) - release DOWN to chase, then tap UP to pounce - hold SHIFT for extra speed & longer jump/pounce - added secret flying kitty mode...hold S to control POINTS: 10 pts for Gray Mice, 50 pts for Brown Mice, catch 2 or more mice at once for COMBO BONUS (100 pts per extra mouse) IF ANYONE HAS PROBLEMS W/THE CODE TAKING TOO LONG TO RUN - TRY THIS: reduce the number of mice (line 150) or the number of rows (line 101) CREDITS: 3D floor based on Peter Collingridge's "First person maze game" found here: http://www.khanacademy.org/cs/first-person-maze-game/972626402 THANKS TO ROBERT.B.LYON for his awesome Rounded Triangle Function found here: http://www.khanacademy.org/cs/rounded-triangle-function/1345770138 Pop up instructions in full-screen version borrowed from phil's excellent "Bowling" program found here: http://www.khanacademy.org/cs/bowling/4790543296495616 MY OTHER WORK: For those who are interested - here are some of my other games & programs.... - http://www.khanacademy.org/cs/interactive-chubby-cat/4951540344291328 - http://www.khanacademy.org/cs/flying-cubes/6502191385280512 - http://www.khanacademy.org/cs/asteroids-3d/5699994305167360 - http://www.khanacademy.org/cs/bouncey-winston-vector-sidescroller/6699907147104256 - http://www.khanacademy.org/cs/fireflies/4993362273239040 - http://www.khanacademy.org/cs/warm-fuzzies/5242473510076416 - http://www.khanacademy.org/cs/vector-balls-bouncy/5286009265192960 - http://www.khanacademy.org/cs/3d-base/6442234234273792 - http://www.khanacademy.org/cs/noisy-sunset/6413901288701952 - http://www.khanacademy.org/cs/animated-sunsetsunrise/6728096836222976 I've been a busy girl... / //TO DO: add instructions button - add lock-on target w/S - more interesting mouse behavior - add swiping, more levels! frameRate(30); angleMode = "degrees"; var init = true; var keyState = []; keyPressed = function(){ keyState[keyCode] = true; }; keyReleased = function(){ keyState[keyCode] = false; }; //Create Rounded Triangle Function 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); }; var bkgnd = [60, 160, 130]; //Create Objects var Grid = function(){ this.tileWidth = 200; this.rows = 25; this.columns = 18; this.horizon = 80; this.persp = 600; this.colorDk = [180, 170, 100]; this.colorLt = [210, 220, 170]; this.visibility = 350; }; var grid = new Grid(); var Player = function(){ this.x = 0; this.y = 90; this.color = [100, 86, 80]; this.size = 6; this.turnSpeed = 2; this.theta = 0; this.jumpTheta = 0; this.jumper = 0.001; this.fC = 0; this.angle = 0; this.jumping = 0; this.zStart = -10 + grid.persp * 0.4 - grid.horizon * 0.1; this.position = new PVector((grid.columns + 1)/2 * grid.tileWidth, 0, 0); this.height = 120 - grid.horizon * 0.33; this.wall = []; this.corner = 999; this.turn = 0; this.mice = 0; this.points = 0; this.combo = false; this.start = 0; }; var player = new Player(); var Ball = function(x, z, speed){ this.size = 0.3; this.position = new PVector(x, ((124 - this.size/2) + grid.horizon * 0.675), z); this.velocity = new PVector(); this.topspeed = speed; this.speed = speed; this.color = [120, 120, 120]; if(speed > 5){ this.color = [90, 80, 70];} this.coord = new PVector(x, -z); this.acceleration = new PVector(); this.v = new PVector(); }; //Create Mice var totalMice = 30; var balls = []; for(var i = 0; i < totalMice * 5/6; i++){ balls.push(new Ball(random(1000, 3000), random(-500, -2000), 5)); } for(var j = 0; j < totalMice/6; j++){ balls.push(new Ball(random(1000, 3000), random(-500, -2000), 10)); } //Create Mice Functions Ball.prototype.rotate = function(angle){ this.moveX = 70 * cos(angle + 90); this.moveY = 40 * sin(angle + 90); this.moveX0 = 80 * cos(angle); this.moveY0 = 60 * sin(angle); this.moveX180 = 80 * cos(angle + 180); this.moveY180 = 60 * sin(angle + 180); this.moveX270 = 80 * cos(angle + 270); this.moveY270 = 40 * sin(angle + 270); }; Ball.prototype.update = function(){ this.scatter(); this.acceleration = PVector.random2D(); this.acceleration.mult(random(-this.speed/5, this.speed/5)); this.angle = atan2(-this.velocity.y, this.velocity.x); this.angle -= 90; if(this.angle > 359){ this.angle -= 360; } else if (this.angle < 0){ this.angle += 360;} this.checkEdge(); var x, z, a, b; if(player.turn){ var ct = cos(-player.turn * player.turnSpeed); var st = sin(-player.turn * player.turnSpeed); x = this.velocity.x; z = this.velocity.y; a = this.acceleration.x; b = this.acceleration.y; this.velocity.x = ctx + stz; this.velocity.y = ctz - stx; this.acceleration.x = cta + stb; this.acceleration.y = ctb - sta; } this.velocity.add(this.acceleration); this.velocity.limit(this.topspeed); this.position.x += this.velocity.x; this.position.z -= this.velocity.y; this.v.x = this.velocity.x * cos(player.angle) + this.velocity.y * sin(player.angle); this.v.y = this.velocity.y * cos(player.angle) - this.velocity.x * sin(player.angle); this.coord.x += this.v.x; this.coord.y += this.v.y; }; Ball.prototype.checkEdge = function(){ var buffer = 20; var sw = buffer; var n = (grid.rows + 1) * grid.tileWidth - buffer; var e = (grid.columns + 1) * grid.tileWidth - buffer; var nextX = this.velocity.x * cos(player.angle) + this.velocity.y * sin(player.angle); var nextY = this.velocity.y * cos(player.angle) - this.velocity.x * sin(player.angle); if(this.coord.x + nextX < sw \|\| this.coord.x + nextX > e \|\| this.coord.y + nextY < sw \|\| this.coord.y + nextY > n){ this.acceleration.mult(-1); this.velocity.mult(-1); } }; Ball.prototype.scatter = function(){ if((abs(this.position.x) < grid.tileWidth/2 && abs(this.position.z) < grid.tileWidth * 1.2 && !player.hunting) \|\| (abs(this.position.x) < 60 && abs(this.position.z) < 60 && abs(this.position.x) >= 40 && abs(this.position.z) >= 40)){ var cat = new PVector(0, 0); var run = PVector.sub(this.position, cat); run.normalize(); run.mult(30); this.topspeed = 30 + player.speed; this.velocity.set(run); } else if (abs(this.position.x) > grid.tileWidth * 3.5 \|\| abs(this.position.z) > grid.tileWidth * 4 && this.topspeed === (30 + player.speed)){ this.velocity.normalize(); this.topspeed = this.speed; } }; Ball.prototype.draw = function(){ var z = this.position.z; var p = grid.persp / (grid.persp - player.zStart - z); var a = 255 + z/(grid.tileWidth/10); pushMatrix(); translate(p * this.position.x, p * this.position.y - grid.horizon); scale(this.size * p); this.rotate(this.angle); noStroke(); if(this.angle >= 260 \|\| this.angle <= 100){ fill(this.color[0] - 10, this.color[1] - 10, this.color[2] - 10, a); //tail roundTri(this.moveX180 * 0.1 - this.moveY180 / 2, this.moveY180 * 0.1 + 10, this.moveX270 * 2, this.moveY270 * 2, this.moveX0 * 0.1 + this.moveY0 / 2, this.moveY0 * 0.1 + 10, 10);} fill(this.color[0], this.color[1], this.color[2], a); //body ellipse(0, 0, 90, 90 * 0.8); //head roundTri(this.moveX0 * 0.6 + this.moveY180/3.5, this.moveY0 * 0.6 + this.moveX0/5, this.moveX, this.moveY * 1.25, this.moveX180 * 0.6 + this.moveY180/3.5, this.moveY180 * 0.6 + this.moveX0/5, 20); fill(this.color[0] - 70, this.color[1] - 70, this.color[2] - 70, a); //nose ellipse(this.moveX * 0.9, this.moveY * 1.1 - 3, 10, 10); //eyes var i, j; if(this.angle < 325 && this.angle > 170){ j = 0;} else {j = 5;} if(this.angle > 35 && this.angle < 190){ i = 0;} else {i = 5;} ellipse(this.moveX * 0.7 - this.moveY/3, this.moveY * 0.75 - 5, i, i); ellipse(this.moveX * 0.7 + this.moveY/3, this.moveY * 0.75 - 5, j, j); //ears var c, f, s; if(this.angle > 90 && this.angle < 270){ fill(this.color[0], this.color[1], this.color[2], a); } else { fill(this.color[0] + 30, this.color[1] + 20, this.color[2] + 20, a);} stroke(this.color[0], this.color[1], this.color[2], a); strokeWeight(5 * p); ellipse(this.moveX * 0.5 - this.moveY/1.3, this.moveY * 0.5 - 20, this.moveX0/2, 40); ellipse(this.moveX * 0.5 + this.moveY/1.3, this.moveY * 0.5 - 20, this.moveX0/2, 40); noStroke(); fill(this.color[0], this.color[1], this.color[2], a); //forehead arc(this.moveX/1.7, this.moveY * 0.5, 10 + this.moveY, 40 - this.moveY * 0.1, 180, 360); if(this.angle <= 100 \|\| this.angle >= 260){ fill(this.color[0] - 70, this.color[1] - 70, this.color[2] - 70, a); //eyes if(this.angle < 315 && this.angle > 170){ j = 0;} else {j = 5;} if(this.angle > 45 && this.angle < 190){ i = 0;} else {i = 5;} ellipse(this.moveX * 0.7 - this.moveY/3, this.moveY * 0.75 - 5, i, i); ellipse(this.moveX * 0.7 + this.moveY/3, this.moveY * 0.75 - 5, j, j);} if(this.angle > 100 && this.angle < 260){ fill(this.color[0] - 10, this.color[1] - 10, this.color[2] - 10, a); //tail roundTri(this.moveX180 * 0.1 - this.moveY180 / 2, this.moveY180 * 0.1 + 10, this.moveX270 * 2, this.moveY270 * 2, this.moveX0 * 0.1 + this.moveY0 / 2, this.moveY0 * 0.1 + 10, 10);} popMatrix(); }; //Create Cat Movement Engines Player.prototype.engine = function(theta){ var radius = 150; //Right/Back this.dotX = width/2 + radiuscos(theta); this.dotY = height/2 + radiussin(theta); //Left this.dotXL = width/2 + radiuscos(theta + 150); this.dotYL = height/2 + radiussin(theta + 150); //Front this.dotXF = width/2 + radiuscos(this.jumpTheta2+45); this.dotYF = height/2 + radiussin(this.jumpTheta2+45); //Tail this.tailx = width/2 + radiuscos(this.theta); this.taily = height/2 + radiussin(this.theta); //Updates theta += this.speed; this.theta += this.speed; if(this.theta > 359){ this.theta = 0; } this.jumpTheta += this.speed; this.jumpTheta %= 360; }; //Create Cat Parts... Player.prototype.shadow = function(engine, shade, sit){ noStroke(); fill(0, 0, 0, 5 + shade); if(!sit){ roundTri(0, this.position.y/5 + 1, -15 + engine, this.position.y/5 + 26, 15-engine, this.position.y/5 + 26, 13); } else {ellipse(0, 21, 26, 11);} }; Player.prototype.head = function(engine1, engine2, trot, jump, size, color, y2, w){ noStroke(); if(w){ fill(255, 176, 183); stroke(230, 135, 143); strokeWeight(0.3); ellipse(w * 3 - 3, 2, 3, 2); fill(this.color[0]-10-color, this.color[1]-10-color, this.color[2]-10-color); noStroke(); roundTri(2, -8, 7 + w * 0.9, 1, 1, 6, 4.5); } fill(this.color[0]-5-color, this.color[1]-5-color, this.color[2]-5-color); ellipse(trot + engine1 + w/3, -0.5 + trot - jump * 0.6 + engine2 + y2, 14 - size - w/7, 13 - size - 1); //Left ear roundTri(-7 + trot + engine1 + (y2 * 0.1) + w/2 + (w? 3:0), -9 + jump + engine2 + (y2 * 0.75) + w/6 - (w?1.5:0), -6 + trot/3 + engine1 + jump - (y2 * 0.1) + w * 0.7, -1 + trot * 2/3 + engine2 + (y2), 2 + trot * 2 + engine1 + jump, -4.6 + trot * 2/3 + jump + engine2 + (y2 * 0.9), 2); //Right ear roundTri(7 + trot + engine1 - (y2 * 0.1) - w/4 + (w? 1:0), -9 + jump + engine2 + (y2 * 0.73) - w * 0.6 + (w?2:0), 6 + trot * 4/3 + engine1 - jump - w/4, -1 + trot * 2/3 + engine2 + (y2 * 1.1), -2 + trot/3 + engine1 - jump - (y2 * 0.1) + w/2, -4.6 + trot * 2/3 + jump + engine2 + (y2), 2); }; Player.prototype.frontFeets = function(engine1, engine2, x, y, jump, color, top, w){ fill(this.color[0]-color, this.color[1]-color, this.color[2]-color); //Paws ellipse(-x, y + jump - engine1, 5 - w * 5, 5); ellipse(x, y + jump - engine2, 5 + w/3, 5 - w/2); if(w){ quad(x - engine1 * 0.07, y - engine2, x + 2.7 - engine1 * 0.03, y - engine2, x + 3 - engine1 * 0.1, y - engine2 + 14, x - 1 - engine1 * 0.1, y - engine2 + 12); ellipse(x * 0.7 + 2.6, y - engine2 * 0.1 - 2, 6 - engine1/10, 4 + engine2); } if(!top){ //Left Toes fill(this.color[0]+color+35, this.color[1]+color-10, this.color[2]+color-15); ellipse(-x, y + 0.2 + jump - engine1 * 0.6, 3, 1); ellipse(-x, y + 2 + jump - engine1, 1.2, 0.8); ellipse(-x + 1.2, y + 1.6 + jump - engine1, 1.2, 0.8); ellipse(-x - 1.2, y + 1.6 + jump - engine1, 1.2, 0.8); //Right Toes ellipse(x, y + 0.2 + jump - engine2 * 0.6, 3, 1); ellipse(x, y + 2 + jump - engine2, 1.2, 0.8); ellipse(x - 1.2, y + 1.6 + jump - engine2, 1.2, 0.8); ellipse(x + 1.2, y + 1.6 + jump - engine2, 1.2, 0.8);} }; Player.prototype.backFeets = function(engine1X, engine1Y, engine2X, engine2Y, jump, off, sit, up, stand){ fill(this.color[0] - 1, this.color[1] - 3, this.color[2] - 2); if(!sit){ //Left ellipse(-3.8 + (off * 0.5) - engine1X - stand * 2, jump + 11.2 - (off * 2) + engine1Y * (1.36 - (off * 0.19)), 5.6, 4); roundTri(-12 + engine1X - stand, jump + 5 - off + engine1Y - stand * 3, -3.6 - engine1X - stand * 3, jump + 17 - (off * 3.4) + engine1Y, 2 - engine1X - stand, jump + 7.6 - (off * 2) + engine1Y, 5.6 - off - stand); //Right ellipse(3.8 - (off * 0.5) + engine2X + stand * 2, jump + 11.2 - (off * 2) + engine2Y * (1.36 - (off * 0.19)), 5.6, 4); roundTri(12 - engine2X + stand, jump + 5 - off + engine2Y - stand * 3, 3.6 + engine2X + stand * 3, jump + 17 - (off * 3.4) + engine2Y, -2 + engine2X + stand, jump + 7.6 - (off * 2) + engine2Y, 5.6 - off - stand); } else { ellipse(9.3 - (sit * 0.8) - up, 20 + (sit * 1) - engine1Y, 7.4 - (sit * 0.4), 5); ellipse(-9.3 + (sit * 0.8) + up, 20 + (sit * 1) - engine2Y, 7.4 - (sit * 0.4), 5);} }; Player.prototype.body = function(engine1, engine2, jump, y, sit, size, y2){ //Haunches fill(this.color[0]-1, this.color[1]-3, this.color[2]-2); ellipse(-5 - (y2 * 0.1), 7 + jump + y + (y2 * 1.1) + engine1, 12 + size * 2, 19 + size - y2/2); ellipse(5 + (y2 * 0.1), 7 + jump + y + (y2 * 1.1) + engine2, 12 + size * 2, 19 + size - y2/2); //Body fill(this.color[0], this.color[1], this.color[2]); ellipse(0, 6 + jump + sit + y2, 19 + size, 21 + size * 6 - (y2/3)); }; Player.prototype.tail = function(x1, y1, x2, y2, x3, y3, x4, y4, sit, crawl, up){ noFill(); strokeWeight(4 + (sit? 0.5:0) + (up? 0.5: 0)); if(sit){ stroke(0, 0, 0, 20);//shadow bezier(x1, y1 + 1 - crawl, x2, y2 + 1, x3 + 1, y3 + 1, x4 + 1, y4 + 9);} stroke(this.color[0] + 8 + (sit? 1:0) + (up? 1:0), this.color[1] + 9 + (sit? 1:0) + (up? 1:0), this.color[2] + 8 + (sit? 1:0) + (up? 1:0)); bezier(x1, y1 - crawl + up, x2, y2 - crawl + up2, x3, y3 - crawl + up2, x4, y4 - crawl + up3); }; //Set Cat Movement Variables... Player.prototype.trot = function(){ this.reset = 0; this.jumpTheta = 0; this.movement = { engine: this.theta 2, shadow: [0, 30], ff: [this.dotXL * 0.025, this.dotX * 0.025, 1.4, 18, 0, 25, 0, 0], head: [this.dotX * 0.007, 0, -1.5, 0, 2, 3, 0, 0], bf: [this.dotXL * 0.001, this.dotXL * 0.021, this.dotX * 0.001, this.dotX * 0.021, 0, 0, 0, 0, 0], body: [this.dotXL * 0.004, this.dotX * 0.004, 0, 0, 0, 0, 0], tail: [1 - this.dotX * 0.004, 0, this.dotXL * 0.003 - 1, -4, this.taily * 0.1 - 20, this.tailx * 0.007 - 9, 21 - this.tailx * 0.1, this.tailx * 0.007 - 13, 0, 0, 0] }; }; Player.prototype.jump = function(){ var jump = true; var shdw; if(this.reset === 0){ this.y2 = 0; this.jumpTheta = 0; this.reset = 1;} this.y2 += (-(this.dotY - 200) * (this.speed * this.jumper)); if(this.reset === 2){ var jump = false; this.y2 = 0; this.y2 += (-(this.dotY - 200) * (this.speed * (this.jumper/2))); this.reset = 0;} if(!jump){ shdw = [0, 30]; } else { shdw = [this.dotX * 0.01 - 3, this.dotX/8]; } this.movement = { engine: this.jumpTheta * 2, shadow: shdw, head:[0, this.y2 - this.dotX 0.007, 0, 1, 2, 3, 0, 0], ff: [this.dotXF 0.025, this.dotXF * 0.025, 2.4, 17, this.y2, 25, 0, 0], bf:[this.dotX * 0.004, this.dotX * 0.029, this.dotX * 0.004, this.dotX * 0.029, this.y2, 1, 0, 0, 0], body:[this.dotX * 0.011, this.dotX * 0.011, this.y2, -2, 0, 0, 0], tail: [0, this.y2 - 3 + this.dotX * 0.015, 0, this.y2 - 5, this.taily * 0.1 - 20, this.y2 - 9 + this.tailx * 0.008, 21 - this.tailx * 0.1, this.y2 - 13 + this.tailx * 0.007, 0, 0, 0] }; }; Player.prototype.stand = function(){ this.reset = 0; this.jumpTheta = 0; this.movement = { engine: 0, shadow: [0, 30], head: [1, -2, -1.1, 0, 2, 3, 0, 0], ff: [1, 1, 2, 16.2, 0, 25, 1, 0], bf: [1, 6, 1, 6, 1, 0, 0, 0, 0.5], body: [1, 1, 0, 0, 0, 0, 0], tail: [0, 0, this.dotXL * 0.003 - 1, -4, this.taily * 0.1 - 20, this.tailx * 0.007 - 9, 21 - this.tailx * 0.1, this.tailx * 0.007 - 13, 0, 0, 0] }; }; Player.prototype.sit = function(){ this.reset = 0; this.jumpTheta = 0; this.movement = { engine: 0, shadow: [0, 45, 1], head: [0, 0, 0, 0, 0, 0, 0, 0], ff: [], bf: [0, 0, 0, 0, 0, 0, 1, 0, 0], body: [0, 0, 0, 8, 6.5, 1, 0], tail: [0, 24, 0, 25, -20 + this.taily * 0.1, 27 + this.tailx * 0.008, 21 - this.tailx * 0.1, 28 + this.tailx * 0.007, 1, 0, 0] }; }; Player.prototype.stalk = function(){ this.reset = 0; this.jumpTheta = 0; this.movement = { engine: this.theta, shadow: [-1, 40], ff: [this.dotXL * 0.025, this.dotX * 0.025, 7, 15.5, 0, 18, 1, 0], head: [this.dotX * 0.007, 0, -1.5, 0, 1, 3, 7, 0], bf: [this.dotXL * 0.001, this.dotXL * 0.021, this.dotX * 0.001, this.dotX * 0.021, 0, 0, 3, 0, 0], body: [this.dotXL * 0.005, this.dotX * 0.005, 0, 0, 1, 0.1, 5], tail: [1 - this.dotX * 0.004, 24, 0, 25, -20 + this.taily * 0.1, 27, 21 - this.tailx * 0.1, 28, 1, 6, 0] }; }; Player.prototype.pounce = function(){ if(this.reset === 0){ this.y2 = 0; this.jumpTheta = 0; this.theta = 0; this.reset = 2;} this.y2 += ((200 - this.dotY) * this.speed * 0.0008); this.movement = { engine: this.jumpTheta * 2, shadow: [this.dotX * 0.01 - 3, this.dotX/8], ff: [this.dotXF * 0.02, this.dotXF * 0.02, 8.4 - this.dotXF * 0.02, 16 + this.y2, this.y2 1.2, 25, 1, 0], head: [0, this.y2 + this.dotX 0.01 + 2, 0, 0.9, 2, 3, 0, 0], bf: [this.dotX * 0.001, this.y2/2 + this.dotXL * 0.05, this.dotX * 0.001, this.y2/2 + this.dotXL * 0.05, 0, 0, 3, 0.5, 0], body: [-this.dotX * 0.005 + 5, -this.dotX * 0.005 + 5, this.y2 + 1, -2, 1, 0, 4], tail: [0, this.y2 + 10 + this.dotX * 0.005, -8, this.y2 + 3, 8 + this.taily * 0.00, this.y2 + this.tailx * 0.00 + 5, 1 - this.tailx * 0.00, this.y2 * 2 + this.tailx * 0.00 - 3, 0, 6, 20 - this.taily * 0.05] }; }; Player.prototype.win = function(){ this.reset = 0; this.jumpTheta = 0; this.movement = { engine: this.theta, shadow: [0, 45, 1], head: [0, 0, 0, 0, 0, 0, this.dotY * 0.004 - 1, this.dotY * 0.01], ff: [this.dotY * 0.1, this.dotYL * 0.04 + 3, this.dotX * 0.02 - this.dotYL/45 + 8, 10, 0, 0, 1, 1], bf: [0, 0, 0, 0, 0, 0, 1, 0, 0], body: [0, 0, 0, 8, 6.5, 1, 0], tail: [0, 24, -1, 25, -21 + this.taily * 0.1, 27 + this.tailx * 0.008, 20 - this.tailx * 0.1, 28 + this.tailx * 0.007, 1, 0, 0] }; }; //Draw Chubby Cat Player.prototype.draw = function(){ var m = this.movement; pushMatrix(); translate(this.x, this.y); scale(this.size); this.engine(m.engine); this.shadow(m.shadow[0], m.shadow[1], m.shadow[2]); if(this.theta >= 180 \|\| !m.ff[7]){ this.frontFeets(m.ff[0], m.ff[1], m.ff[2], m.ff[3], m.ff[4], m.ff[5], m.ff[6], m.ff[7]); } this.head(m.head[0], m.head[1], m.head[2], m.head[3], m.head[4], m.head[5], m.head[6], m.head[7]); if(m.ff[7] && (this.theta < 180 \|\| this.theta > 290)){ this.frontFeets(m.ff[0], m.ff[1], m.ff[2], m.ff[3], m.ff[4], m.ff[5], m.ff[6], m.ff[7]); } this.backFeets(m.bf[0], m.bf[1], m.bf[2], m.bf[3], m.bf[4], m.bf[5], m.bf[6], m.bf[7], m.bf[8]); this.body(m.body[0], m.body[1], m.body[2], m.body[3], m.body[4], m.body[5], m.body[6]); if(this.flying){ pushMatrix(); translate(0, 5); scale(1.5); this.flap = 4 * sin(360 * this.start/20); stroke(191, 217, 219); strokeWeight(2.5); noFill(); arc(-8, 0, 12, -5 - this.flap, 0, 110 - this.flap);//L arc(-6, 0, 10, -3 - this.flap, 0, 150 - (this.flap * 4));//L arc(-4, 0, 8, -2 - this.flap, 0, 150 - (this.flap * 3));//L arc(-2, 0, 6, -1 - this.flap, 0, 170 - (this.flap * 2));//L arc(8, 0, 12, -5 - this.flap, 70, 180 - this.flap);//R arc(6, 0, 10, -3 - this.flap, 30 + (this.flap * 4), 180);//R arc(4, 0, 8, -2 - this.flap, 30 + (this.flap * 3), 180);//R arc(2, 0, 6, -1 - this.flap, 10 + (this.flap * 2), 180);//R fill(191, 217, 219); noStroke(); ellipse(0, 0, 5, 3); if(this.start === 20){this.start = 0;} this.start++; popMatrix(); } this.tail(m.tail[0], m.tail[1], m.tail[2], m.tail[3], m.tail[4], m.tail[5], m.tail[6], m.tail[7], m.tail[8], m.tail[9], m.tail[10]); popMatrix(); }; //Create Floor var Node = function(position){ this.position = position.get(); }; Grid.prototype.findNodes = function(nodes, target){ for (var n in nodes) { if (nodes[n].position.x === target.position.x && nodes[n].position.y === target.position.y && nodes[n].position.z === target.position.z) { return n;} } return false; }; Grid.prototype.addFace = function(object, nodes, colour){ var corners = []; var i; for (var n in nodes) { i = this.findNodes(object.nodes, nodes[n]); if (i === false) { object.nodes.push(nodes[n]); i = object.nodes.length - 1;} corners.push(i);} object.colours.push(colour); object.faces.push(corners); }; Grid.prototype.createFloor = function(x, y, z, w, rows) { var building = { nodes: [], faces: [], colours: [],}; var colour; for (var i = 0; i <= this.rows; i ++) { for (var j = 0; j <= this.columns; j ++) { if ((i/2 - j) % 2) {colour = true;} else {colour = false;} var n1 = new PVector(x + j * w, y, z - i * w); var n2 = new PVector(x + (j+1) * w, y, z - i * w); var n3 = new PVector(x + (j+1) * w, y, z - (i+1) * w); var n4 = new PVector(x + j * w, y, z - (i+1) * w); this.addFace(building, [new Node(n1), new Node(n2), new Node(n3), new Node(n4)], colour);} } return building; }; var building = grid.createFloor(0, player.height + grid.horizon, 0, grid.tileWidth); Grid.prototype.draw = function(){ var faces = []; var obj = building; var nodes = obj.nodes; for (var f in obj.faces) { var face = obj.faces[f]; var col = obj.colours[f]; var fnodes = []; var valid = true; for (var n in face) { var z = nodes[face[n]].position.z; var p = this.persp / (this.persp - player.zStart - z); if (p > 0) { var x = nodes[face[n]].position.x; var y = nodes[face[n]].position.y; fnodes.push([p * x, p * y - this.horizon, p]); } else { valid = false; break;} } if (valid) { var meanZ = nodes[face[0]].position.z + nodes[face[2]].position.z - 0.20 * (abs(fnodes[0][0]) + abs(fnodes[2][0])); faces.push([meanZ, fnodes, col]);} } faces.sort(function(a, b){ var x = player.position.z; return (x-a[0]) - (x-b[0]);}); for (var f in faces) { var face = faces[f]; var nodes = face[1]; noStroke(); if(face[2]){ fill(lerpColor(color(this.colorDk[0], this.colorDk[1], this.colorDk[2], 255), color(20, 20, 20, 20), map(f, 0, this.visibility, 0, 1))); stroke(lerpColor(color(this.colorLt[0] - 10, this.colorLt[1] - 10, this.colorLt[2] - 10, 255), color(80, 80, 80, 30), map(f, 0, this.visibility * 1, 0, 1))); } else { fill(lerpColor(color(this.colorLt[0], this.colorLt[1], this.colorLt[2], 255), color(80, 80, 80, 30), map(f, 0, this.visibility * 1, 0, 1))); stroke(lerpColor(color(this.colorLt[0] - 10, this.colorLt[1] - 10, this.colorLt[2] - 10, 255), color(80, 80, 80, 30), map(f, 0, this.visibility * 1, 0, 1))); } if(f <= this.visibility){ if(nodes[0][2] < 1){ strokeWeight(2 * nodes[0][2]); } else {strokeWeight(0);} quad(nodes[0][0], nodes[0][1], nodes[1][0], nodes[1][1], nodes[2][0], nodes[2][1], nodes[3][0], nodes[3][1]);} } }; //Create Grid Movements var moveGrid = function(x, y, z){ var move = new PVector(x, y, z); var nodes = building.nodes; for (var i = 0; i < nodes.length; i++) { nodes[i].position.add(move);} for(var b in balls){ balls[b].position.add(move);} }; Player.prototype.move = function(x, z){ if(x === "wallride"){ var angle = this.wall[0]; var wall = this.wall[1]; x = cos(angle) * this.speed * sin(angle); z = sin(angle) * this.speed * sin(angle); var offset = this.speed * sin(angle); if(wall === 180){this.position.x -= offset;} if(wall === 0 \|\| wall === 360){this.position.x += offset;} if(wall === 270){this.position.z += offset;} if(wall === 90){this.position.z -= offset;} } else { var velocity = new PVector(z * sin(this.angle), 0, z * cos(this.angle)); this.position.add(velocity);} moveGrid(-x, 0, z); }; player.move(player.position.x, 100); Player.prototype.bounce = function(gravity){ var y; if (this.position.y \|\| this.jumping) { if (this.position.y + this.jumping < 0) { this.jumping = -this.position.y;} y = this.jumping; this.position.y += y;} moveGrid(0, y, 0); if(this.position.y \|\| this.jumping){ this.jumping -= gravity;} }; Player.prototype.rotate = function(){ if(this.turn){ var ct = cos(this.turn * this.turnSpeed); var st = sin(this.turn * this.turnSpeed); var x, y, z; var nodes = building.nodes; for (var i = 0; i < nodes.length; i+=1) { x = nodes[i].position.x; //y = nodes[i][1]; z = nodes[i].position.z; nodes[i].position.x = ctx + stz; nodes[i].position.z = ctz - stx;} for(var b in balls){ x = balls[b].position.x; z = balls[b].position.z; balls[b].position.x = ctx + stz; balls[b].position.z = ctz - stx;} this.angle += (this.turn * this.turnSpeed); if(this.angle > 360 - this.turnSpeed){ this.angle = 0; } else if(this.angle < 0){ this.angle = 360 - this.turnSpeed;} } }; //Collision Detection for Edges var cSort = function(a, b){return a-b;}; var buffer = 30; var wSW = buffer; var wN = (grid.rows + 1) * grid.tileWidth - buffer; var wE = (grid.columns + 1) * grid.tileWidth - buffer; Player.prototype.blocked = function(){ if(this.position.x > wSW && this.position.x < wE && this.position.z > wSW && this.position.z < wN){ this.wall = []; return false;} var normAng = this.getWall(); if(normAng[0] === "corner"){ var corner = [normAng[1], normAng[2]]; corner.sort(cSort); if(this.facingCorner(corner)){return true;} if(!this.facingCorner(corner) && this.corner === 999){return false;} normAng = this.corner;} if (!this.facingWall(normAng[0])) { return false;} return true; }; Player.prototype.getWall = function(){ var wallNorm = []; var north = abs(this.position.z - wN); var south = abs(this.position.z - wSW); var west = abs(this.position.x - wSW); var east = abs(this.position.x - wE); var walls = [north, south, east, west]; walls.sort(cSort); for(var i = 0; i < 2; i++){ if(walls[i] === north && this.angle > 90){ wallNorm[i] = 360;} if(walls[i] === north && this.angle <= 90){ wallNorm[i] = 0;} if(walls[i] === south){ wallNorm[i] = 180;} if(walls[i] === west){ wallNorm[i] = 270;} if(walls[i] === east){ wallNorm[i] = 90;} } if(walls[0] <= buffer && walls[1] <= buffer){ return ["corner", wallNorm[0], wallNorm[1]];} return [wallNorm[0]]; }; Player.prototype.facingCorner = function(corner){ var angle = this.angle; if(corner[1] - corner[0] > 90){//to fix 0/360 wrap if(corner[0] === 0){corner[0] = 360;} if(corner[1] === 360){corner[1] = 0;} corner.sort(cSort); if(angle >= corner[0] && angle < corner[1]){ this.wall = []; return true;}//facing corner if(corner[0] === 0){corner[0] = 360;} if(corner[1] === 360){corner[1] = 0;} if(angle < corner[0] && angle > corner[0] - 90){ this.corner = [corner[0]];//facing one wall } else if(angle >= corner[1] && angle < corner[1] + 90){ this.corner = corner[1];//facing other wall } else {this.corner = 999;}//facing away from corner return false;} if((angle >= corner[0] && angle <= corner[1]) \|\| angle === 0){ this.wall = []; return true;} //facing corner if(angle < corner[0] && angle > corner[0] - 90){ this.corner = [corner[0]];//facing one wall } else if(angle > corner[1] && angle < (corner[1] + 90)){ this.corner = [corner[1]];//facing other wall } else {this.corner = 999;}//facing away from corner return false; }; Player.prototype.facingWall = function(wallAng){ var diffAng = this.angle - wallAng; if(diffAng <= -90 \|\| diffAng >= 90){ this.wall = []; return false;} this.wall = [diffAng, wallAng]; return true; }; //Mouse Tally var mouseCaught = function(x, y){ pushMatrix(); translate(x, y); scale(0.9); stroke(90, 90, 90); strokeWeight(2); fill(120, 120, 120); ellipse(0, -5, 35, 35); ellipse(-20, -15, 20, 20); ellipse(20, -15, 20, 20); fill(0); ellipse(0, 10, 10, 10); stroke(0); strokeWeight(2); line(-10, -10, -5, -5); line(-5, -10, -10, -5); line(5, -10, 10, -5); line(10, -10, 5, -5); popMatrix(); }; //Move Player Function Player.prototype.moveGrid = function(speed){ if(!this.blocked()){ this.move(0, speed); } else if(this.wall){ this.move("wallride", speed);} }; //Set Input Controls var m, f; Player.prototype.controls = function(){ //Jump reset if(this.reset === 1){ if(this.jumpTheta > 180) {this.reset = 0;} } //SHIFT if (keyState[SHIFT]) {this.running = true;} else {this.running = false;} //S for Jumping if ((this.reset === 1 \|\| keyState[83]) && !this.hunting){ if(!this.position.y){ this.jumping = 8.5;} this.speed = 8; this.jumper = 0.0005 * (this.running? 2: 1); this.moveGrid(this.speed * (this.running? 3:2)); this.jump(); //UP } else if (keyState[UP] && !this.hunting) { this.fC = 0; if(this.speed > 8 && !this.running){ this.speed -= 0.1; } else if(this.running){ this.speed = 11; } else { this.speed = 8 + (this.running? 3:0);} this.jumper = 0.0005; this.moveGrid(this.speed * (this.running? 1.5: 1.1)); if(this.running){ this.reset = 2; this.jump(); } else { this.trot();} } else if (keyState[UP] && this.attack){ this.pouncing = true; f = 10; //DOWN } else if (keyState[DOWN]){ this.fC = 0; this.reset = 0; this.jumpTheta = 0; //with S if(keyState[83]){ this.speed = 4; this.moveGrid(this.speed * 0.25); } else { this.speed = 0;} this.stalk(); this.hunting = true; //DOWN Released } else if(this.hunting){ //Chase if(!this.pouncing){ this.attack = true; this.speed = 15 + (this.running? 10:0); this.moveGrid(this.speed); this.stalk(); this.jumpTheta = 0;} //Stopped } else { this.speed = 4; this.fC++; if(this.fC < 200){ this.stand(); } else { this.sit();} } //Turn if(((keyState[UP] \|\| keyState[83] \|\| this.hunting) && this.speed !== 0) \|\| this.flying){ if (keyState[LEFT] \|\| keyState[65]){ this.turnSpeed = 2; this.turn = -1; } else if ((keyState[RIGHT] \|\|keyState[68])){ this.turnSpeed = 2; this.turn = 1; } else {this.turn = 0;} } else {this.turn = 0;} //Ongoing //Pounce if(this.pouncing) { if(this.mice > m){ fill(255, 255, 0); textSize(20); text("Meow!", 45, 90); if(this.mice - m > 1){ fill(255, 115, 8); textSize(36); text("COMBO!", -70, -27); fill(255, 0, 0); text("COMBO!", -70, -30);} } if(this.attack){ this.speed = 0; this.reset = 0; this.theta = 0; this.attack = false;} if(this.theta < 130){ var kittyStart; if(keyState[DOWN]){ this.flying = true; if(keyState[83]){ moveGrid(0, -10, 0); this.position.y -= 10; } textSize(10); fill(0); text("SECRET FLYING KITTY MODE!!", -80, -94); if(f < 3){ fill(255, 0, 0); } else if (f < 5) { fill(255, 255, 0); } else { fill(255); } text("SECRET FLYING KITTY MODE!!", -80, -95); textSize(20); text(f, -30, -70); f -= 0.033; if(f <= 0){ keyState[DOWN] = false; keyState[UP] = false; } } else { this.flying = false; } this.jumping = 4; this.bounce(4); this.moveGrid(14 * (this.running? 1.7:1)); this.speed = 11; this.pounce(); } else { if(this.position.y){ this.bounce(4); this.pounce(); this.moveGrid(14 * (this.running? 1.7:1)); } else { this.speed = 0;} this.fC++; if(this.fC > 30){ this.hunting = false; this.pouncing = false; this.fC = 0;} } } else { m = this.mice;} this.rotate(); if(!this.pouncing){ this.bounce(0.8);} if(this.position.y < 0){ moveGrid(0, -this.position.y, 0);} this.draw(); }; //Game Loop var draw = function() { background(bkgnd[0], bkgnd[1], bkgnd[2]); pushMatrix(); translate(200, 200 - grid.horizon * 0.9); if(player.y > 25){ grid.draw(); balls.sort(function(a, b){ return a.position.z - b.position.z; }); for(var b in balls){ balls[b].update(); if(balls[b].position.z < 90 && balls[b].position.z > -grid.tileWidth * 18){ balls[b].draw();} } } if(init){ player.speed = 4; player.sit(); player.draw(); noStroke(); fill(20, 0, 23, 80); rect(-200, -200 + grid.horizon * 0.9, width, height); fill(150); textSize(50); text("CHUBBY CAT\n\t\t\tThe Game", -160, -80); fill(247, 236, 37); text("CHUBBY CAT\n\t\t\tThe Game", -156, -82); textSize(30); fill(250, 223, 90); text("Click anywhere to play", -150, 20); fill(255); textSize(20); text("<--- PLEASE READ for instructions", -150, 150); } else if (!player.wins) { player.controls(); } else { stroke(255); strokeWeight(20); noFill(); ellipse(0, 150, 1850 - player.y * 20, 1850 - player.y * 20); player.flying = false; player.speed = 5; player.sit(); fill(bkgnd[0], bkgnd[1], bkgnd[2], 345 - player.y * 3); rect(-200, -200 + grid.horizon * 0.9, width, height); if(player.y > 25){ player.y--; } else { player.win(); textSize(50); fill(150, 191, 0); text("GOOD KITTY!", -165, -62); fill(255, 255, 0); text("GOOD KITTY!", -162, -59); textSize(30); text("You caught ALL the mice!", -170, 240); fill(255, 153, 0); textSize(30); text("\t" + player.points + "\n Points!", -160, 0);} player.draw(); } popMatrix(); if(player.pouncing){ for(var b in balls){ if(abs(balls[b].position.x) < 40 && abs(balls[b].position.z) < 40 && player.position.y < balls[b].size * 33){ player.mice ++; if(player.mice - m > 1){ player.combo = true; } if(balls[b].speed === 5){ player.points += (player.combo? (player.flying? 60:110):10); } else { player.points += (player.combo? (player.flying? 100:150):50); } player.combo = false; balls.splice(b, 1); b--;} } } if(player.mice > 0 && !player.wins){ mouseCaught(40, 30); fill(255); textSize(25); text("x " + player.mice, 70, 40); fill(255); textSize(20); text("Points: " + player.points, 280, 30);} if(player.mice === totalMice){ player.wins = true; } //fill(0, 250, 220); //textSize(12); //text(round(player.position.x) + ", " + round(player.position.y) + ", " + round(player.position.z) + " - " + round(player.angle), 290, 390); }; var mouseClicked = function(){ init = false; };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOCHsIa-Cgw
Votes	1442
Spin-Offs	133
Type
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	1 years ago, 1707881042095
Updated	9 months ago, 1739450654504
Source Deleted	unknown