Viewing Program

Program Data

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

Title	Obi Run Kenobi
ID	4691980457672704
Created	8 years ago, 1488208125570
Updated	8 years ago, 1488387103835
Code	/** * Obi Run Kenobi * February 21 2017 * Chester Banks * * A quick entry to the "3D without P3D" contest: khanacademy.org/cs/-/4791486020911104 * * Subscribe to me here! khanacademy.org/cs/sub/4790207744704512 * Thanks to my subscribers! This program's lucky subscriber is LEGOWAR! Check out his profile here: khanacademy.org/profile/legowar / var reduceLag = !true; // Change to true to de-lag // Variables var scene = 'Logo'; var progress = 30; var trans = {x: 900, trans: 255, out: false, active: false, nextScene: 'Game'}; var gameTime = 0; // Settings textAlign(CENTER, CENTER); // Credit to Eric Balingit var loadGoogleFont = (function () { return this.Function ( "gfName", "gfName = gfName.replace ( /\\s+/g, '+' );var subsets = Array.prototype.slice.call ( arguments, 1, arguments.length - 1 ), url = 'https://fonts.googleapis.com/css?family=' + gfName + ( subsets.length > 0 ? '&subset=' + subsets : '' ), callback = arguments [ arguments.length - 1 ], gfs = document.querySelectorAll('link[href=\"'+url+'\"]');if(!gfs.length){var f=document.createElement('link');f.setAttribute('rel','stylesheet');f.setAttribute('type','text/css');f.onload=callback;f.setAttribute('href',url);document.head.appendChild(f);}else if ( typeof callback === 'function' ) { callback.call ( gfs [ 0 ] ); }"); })(); var fontloaded = false; // Key movement var keys = []; var keyPressed = function(){ keys[keyCode] = true; }; var keyReleased = function(){ keys[keyCode] = false; }; // Clicking var clicked = false, overButton = false; mouseClicked = function(){ clicked = true; }; // Buttons var button = function(x, y, sz, txt, next){ this.x = x; this.y = y; this.sz = sz; this.txt = txt; this.next = next; }; button.prototype.draw = function() { textSize(this.sz / 1.5); strokeWeight(5); stroke(251, 255, 0, 150); fill(255, 255, 255, 100); if(dist(mouseX, mouseY, this.x, this.y) < this.sz/2){ overButton = true; fill(255, 255, 255, 150); ellipse(this.x, this.y, this.sz + sin(frameCount10)3, this.sz + cos(frameCount10)3); if(clicked){ trans.active = true; trans.nextScene = this.next; } } else { ellipse(this.x, this.y, this.sz, this.sz); } fill(255); if(this.txt === '.'){ noStroke(); fill(255); triangle(this.x + 20, this.y, this.x - 15, this.y - 20, this.x - 15, this.y + 20); } else if (this.txt === '-'){ strokeCap(SQUARE); stroke(255); strokeWeight(5); line(this.x - 15, this.y - 10, this.x + 15, this.y - 10); line(this.x - 15, this.y, this.x + 15, this.y); line(this.x - 15, this.y + 10, this.x + 15, this.y + 10); } else { text(this.txt.toUpperCase(), this.x, this.y); } }; var buttons = { play: new button(200, 330, 90, '.', 'Game'), how: new button(100, 330, 70, '?', 'How'), about: new button(300, 330, 70, '-', 'About'), back: new button(40, 360, 50, '<', 'Menu'), }; // The rectangle collision function var rectCollide = function(one, two){ if( one.x+one.w > two.x && one.y+one.h > two.y && one.x < two.x+two.w && one.y < two.y+two.h){ return true; } }; // The blocks var Block = function(x, y, w, h){ this.x = x; this.y = y; this.w = w; this.h = h; }; Block.prototype.draw = function() { noStroke(); fill(66, 66, 66); quad(this.x, this.y, this.x + this.w, this.y, this.x + this.w/2 + (200 - this.x) / 2, this.y - 30 + (300 - this.y) / 2, this.x + (200 - this.x) / 2, this.y - 30+ (300 - this.y) / 2); quad(this.x + this.w, this.y + this.h, this.x + this.w, this.y, this.x + this.w/2 + (200 - this.x) / 2, this.y - 30 + (300 - this.y) / 2, this.x + this.w/2 + (200 - this.x) / 2, this.y - 30 + this.h/2 + (300 - this.y) / 2); quad(this.x, this.y + this.h, this.x, this.y, this.x + (200 - this.x) / 2, this.y - 30 + (300 - this.y) / 2, this.x + (200 - this.x) / 2, this.y - 30 + this.h/2 + (300 - this.y) / 2); fill(0, 0, 0); rect(this.x, this.y, this.w, this.h); fill(48, 48, 48); rect(this.x, this.y, this.w, this.h / 5); this.x -= 5; }; var Blocks = [new Block(0, 370, 620, 30)], blockSpacing = 120; // Master Kenobi himself var Player = function(){ this.x = 200; this.y = 300; this.w = 30; this.h = 30; this.xvel = 0; this.yvel = 0; this.speed = 5; this.jumping = true; }; Player.prototype.draw = function() { noStroke(); fill(204, 159, 134); quad(this.x + this.w, this.y + this.h, this.x + this.w, this.y, this.x + this.w/2 + (250 - this.x) / 10, this.y - 10 + (380 - this.y) / 10, this.x + this.w/2 + (250 - this.x) / 10, this.y - 10 + this.h/2 + (380 - this.y) / 10); quad(this.x, this.y + this.h, this.x, this.y, this.x + (250 - this.x) / 10, this.y - 10 + (380 - this.y) / 10, this.x + (250 - this.x) / 10, this.y - 10 + this.h/2 + (380 - this.y) / 10); quad(this.x, this.y, this.x + this.w, this.y, this.x + this.w/2 + (250 - this.x) / 10, this.y - 10 + (380 - this.y) / 10, this.x + (250 - this.x) / 10, this.y - 10+ (380 - this.y) / 10); quad(this.x, this.y + this.h, this.x + this.w, this.y + this.h, this.x + this.w/2 + (250 - this.x) / 10, this.y - 10 + (380 - this.y) / 10 + (this.h/2), this.x + (250 - this.x) / 10, this.y - 10+ (380 - this.y) / 10 + (this.h/2)); fill(232, 181, 153); rect(this.x, this.y, this.w, this.h); fill(168, 106, 62); rect(this.x, this.y, this.w, this.h / 3); pushMatrix(); translate(this.x + this.w + 5, this.y + 15); rotate(sin(frameCount5)15); strokeCap(ROUND); for(var i = 17; i > 5; i -= 5){ stroke(0, 196, 255, 50); strokeWeight(i); line(0, -35, 0, -2); } stroke(212, 237, 255); strokeWeight(5); line(0, -35, 0, -2); stroke(194, 194, 194); strokeWeight(5); line(0, 0, 0, 10); popMatrix(); noStroke(); fill(25); rect(this.x + (this.xvel/2) + 5, this.y + 15, 5, 10, 5); rect(this.x + (this.xvel/2) + 20, this.y + 15, 5, 10, 5); // Player movement if(keys[LEFT] \|\| keys[65]){ this.dir = 'left'; this.xvel -= 2; } if(keys[RIGHT] \|\| keys[68]){ this.dir = 'right'; this.xvel += 2; } if(!keys[LEFT] && !keys[RIGHT] && !keys[65] && !keys[68]){ this.xvel = 0; } if ((keys[UP] \|\| keys[87]) && !this.jumping) { this.yvel -= 10; this.jumping = true; } if(this.xvel > this.speed){ this.xvel = this.speed; } if(this.xvel < -this.speed){ this.xvel = -this.speed; } for(var i = Blocks.length - 1; i >= 0; i --) { if(rectCollide(this, Blocks[i]) && this.y < Blocks[i].y + 5){ this.y = Blocks[i].y - this.h - 0.1; this.yvel = 0; this.jumping = false; } } this.x += this.xvel; this.y += this.yvel; this.yvel += 0.5; this.x = constrain(this.x, 0, width - this.w); }; var player = new Player(); // The lava bubbles var Fire = function(){ this.x = random(width); this.y = random(350, 500); this.trans = 255; this.sz = random(15, 30); this.xSp = random(-5, 5); this.ySp = random(1, 5); }; Fire.prototype.draw = function() { noStroke(); fill(168, 37, 37, this.trans); ellipse(this.x, this.y, this.sz, this.sz); strokeWeight(1); stroke(255, 255, 255, this.trans / 2); arc(this.x, this.y, this.sz - 10, this.sz - 10, 0, 90); this.trans -= 10; this.sz /= 1.06; this.x += this.xSp; this.y -= this.ySp; }; var Fires = []; // The fire from above var Fireball = function(){ this.x = random(width); this.y = random(-200); this.w = 30; this.h = 30; this.points = []; for(var i = 0; i < 360; i += 30){ this.points.push({x: random(-2, 2) + sin(i) 15, y: random(-2, 2) + cos(i) * 15}); } this.spin = random(10); this.particle = function(x, y){ this.x = x; this.y = y; this.w = this.h = random(10); this.trans = 255; this.rot = random(10); }; this.particles = []; this.particle.prototype.draw = function() { noStroke(); fill(255, 106, 0, this.trans); pushMatrix(); translate(this.x, this.y); rotate(frameCountthis.rot); rect(0, 0, this.w, this.h); popMatrix(); this.sz -= 0.01; this.trans -= 10; }; }; Fireball.prototype.draw = function() { if(!reduceLag){ this.particles.push(new this.particle(this.x + random(this.w), this.y + random(this.h - 5))); for(var i = this.particles.length - 1; i >= 0; i --){ this.particles[i].draw(); if(this.particles[i].trans < 0){ this.particles.splice(i, 1); } } } strokeWeight(5); stroke(191, 121, 0); fill(255, 170, 0); pushMatrix(); translate(this.x + 15, this.y + 15); rotate(frameCount this.spin); beginShape(); for(var i in this.points){ vertex(this.points[i].x, this.points[i].y); } endShape(CLOSE); popMatrix(); this.y += 3; }; var Fireballs = [new Fireball()]; // Images (obviously) var images = { 'bg': function(){ strokeWeight(1); background(54, 11, 11); noStroke(); fill(15); triangle(-30, 320, 130, 320, 50, 166); triangle(100, 320, 300, 320, 200, 140); fill(20); triangle(0, 320, 200, 320, 100, 100); quad(150, 325, 483, 320, 354, 126, 325, 100); fill(28, 28, 28); quad(150, 320, 450, 320, 320, 100, 285, 100); fill(209, 62, 25); beginShape(); vertex(285, 100); vertex(237, 178); vertex(264, 166); vertex(269, 177); vertex(246, 212); vertex(277, 182); vertex(275, 158); vertex(287, 137); vertex(291, 151); vertex(291, 172); vertex(288, 181); vertex(298, 178); vertex(298, 200); vertex(286, 205); vertex(303, 200); vertex(306, 179); vertex(298, 175); vertex(297, 145); vertex(305, 143); vertex(304, 168); vertex(310, 147); vertex(315, 140); vertex(316, 133); vertex(330, 192); vertex(320, 210); vertex(315, 202); vertex(313, 210); vertex(321, 227); vertex(323, 215); vertex(334, 197); vertex(321, 141); vertex(328, 138); vertex(334, 132); vertex(372, 198); vertex(375, 197); vertex(380, 201); vertex(325, 100); endShape(); noFill(); stroke(158, 82, 82); beginShape(); vertex(251, 211); vertex(233, 248); vertex(249, 262); vertex(209, 280); vertex(224, 296); vertex(215, 308); vertex(228, 322); vertex(329, 329); vertex(335, 290); vertex(315, 279); vertex(322, 256); vertex(316, 240); vertex(323, 227); endShape(); filter(BLUR, 2); return get(0, 0, width, 320); }, 'obi': function(){ noStroke(); fill(232, 181, 153); rect(0, 0, 30, 30); fill(168, 106, 62); rect(0, 0, 30, 10); pushMatrix(); translate(35, 15); rotate(sin(frameCount5)15); strokeCap(ROUND); for(var i = 17; i > 5; i -= 5){ stroke(0, 196, 255, 50); strokeWeight(i); line(0, -35, 0, -2); } stroke(212, 237, 255); strokeWeight(5); line(0, -35, 0, -2); stroke(194, 194, 194); strokeWeight(5); line(0, 0, 0, 10); popMatrix(); noStroke(); fill(25); rect(5, 15, 5, 10, 5); rect(20, 15, 5, 10, 5); return get(0, 0, 40, 30); }, 'anakin': function(){ noStroke(); fill(71, 42, 25); for(var i = 5; i < 30; i += 7){ ellipse(i, 15, 12, 40); } fill(222, 157, 122); rect(0, 0, 30, 30); fill(71, 42, 25); rect(0, 0, 30, 10); ellipse(15, 12, 20, 5); pushMatrix(); translate(35, 15); rotate(sin(frameCount5)15); strokeCap(ROUND); for(var i = 17; i > 5; i -= 5){ stroke(0, 102, 255, 50); strokeWeight(i); line(0, -35, 0, -2); } stroke(212, 237, 255); strokeWeight(5); line(0, -35, 0, -2); stroke(194, 194, 194); strokeWeight(5); line(0, 0, 0, 10); popMatrix(); noStroke(); fill(25); rect(5, 15, 6, 10, 5); rect(20, 15, 6, 10, 5); fill(242, 255, 0); rect(7, 16, 2, 7, 5); rect(22, 16, 2, 7, 5); return get(0, 0, 40, 40); }, }; // The Chestah Banks Logo var logo = function(x, y, sz){ var logoColors = [ color(172, 189, 47), color(187, 217, 89), color(248, 255, 56), color(219, 230, 69), ]; pushMatrix(); translate(x, y); scale(sz); noFill(); strokeCap(SQUARE); stroke(0, 0, 0, 30); strokeWeight(30); arc(10, 20, 160, 160, 30, 330); strokeWeight(11); // Outer layer stroke(logoColors[0]); arc(0, 0, 200, 200, -85, -30); arc(0, 0, 180, 180, -75, -30); arc(0, 0, 200, 200, -300, -240); arc(0, 0, 180, 180, -285, -250); stroke(logoColors[1]); arc(0, 0, 200, 200, -125, -85); arc(0, 0, 180, 180, -115, -75); arc(0, 0, 200, 200, -200, -160); arc(0, 0, 180, 180, -200, -150); stroke(logoColors[2]); arc(0, 0, 200, 200, -160, -125); arc(0, 0, 180, 180, -150, -116); arc(0, 0, 200, 200, -330, -300); arc(0, 0, 180, 180, -330, -286); stroke(logoColors[3]); arc(0, 0, 200, 200, -240, -200); arc(0, 0, 180, 180, -250, -200); // Inner layer stroke(logoColors[0]); arc(0, 0, 160, 160, -200, -160); arc(0, 0, 140, 140, -200, -150); stroke(logoColors[1]); arc(0, 0, 160, 160, -300, -240); arc(0, 0, 140, 140, -285, -250); stroke(logoColors[2]); arc(0, 0, 160, 160, -240, -200); arc(0, 0, 140, 140, -250, -200); arc(0, 0, 160, 160, -125, -85); arc(0, 0, 140, 140, -115, -75); stroke(logoColors[3]); arc(0, 0, 160, 160, -85, -30); arc(0, 0, 140, 140, -75, -30); arc(0, 0, 160, 160, -330, -300); arc(0, 0, 140, 140, -330, -286); arc(0, 0, 160, 160, -160, -125); arc(0, 0, 140, 140, -150, -116); stroke(0, 0, 0, 50); strokeWeight(20); arc(0, 0, 150, 150, 30, 330); popMatrix(); }, logoFinish = -100; draw = function() { // Load the images for(var i in images){ if (typeof images[i] !== "object") { background(0, 0, 0, 0); images[i] = images[i](); } } if ( !fontloaded ) { loadGoogleFont('Bungee', 'latin-ext', 'vietnamese'); } if(scene !== 'Logo'){ // The background background(133, 22, 22); if(!reduceLag){ Fires.push(new Fire(), new Fire(), new Fire(), new Fire(), new Fire()); for(var i in Fires){ Fires[i].draw(); if(Fires[i].trans < 0){ Fires.splice(i, 1); i--; } } } image(images.bg, 0, 0); noStroke(); fill(255, 0, 0, 10); rectMode(CENTER); for(var i = 0; i < 70; i += 5){ rect(200, 320, width, i); } rectMode(CORNER); } // Scenes textFont(createFont('Bungee')); if(scene === 'Logo'){ background(23, 23, 23); for(var i = 0; i < 360; i += 24){ for(var j = 0; j < 360; j += 61){ pushMatrix(); noStroke(); translate(200, 200); rotate(frameCount2); rotate(i); fill(255, 0, 0, -j + 200); arc(0, -325 + j, 100, 77, -307, 16); popMatrix(); } } logo(200, 200, 1 + sin(frameCount20)/40); noStroke(); fill(0, 0, 0, logoFinish); rect(0, 0, 405, 405); logoFinish += 7; if(logoFinish > 270){ scene = 'Menu'; } } if(scene === 'Menu'){ Fireballs = []; gameTime = 0; player = new Player(); progress = 30; Blocks = [new Block(150, 370, width, 30)]; textSize(64); textLeading(50); fill(255, 255, 255, 20); for(var i = 0; i < 360; i += 30){ text('OBI RUN\nKENOBI', 200 + sin(i)19, 200 + cos(i)11); } fill(255, 255, 255, 70); for(var i = 0; i < 360; i += 30){ text('OBI RUN\nKENOBI', 200 + sin(i)3, 200 + cos(i)3); } fill(181, 174, 36); text('OBI RUN\nKENOBI', 200, 200); fill(222, 213, 37); textSize(60); textLeading(50); text('OBI RUN\nKENOBI', 200, 200); textSize(13); text('CHESTER BANKS \|\| FEBRUARY 2017', 200, 265); buttons.play.draw(); buttons.how.draw(); buttons.about.draw(); } if(scene === 'How'){ fill(222, 213, 37); textSize(40); text('HOW TO PLAY', 200, 50); textSize(16); text('Use the arrow keys to move.\n\nDon\'t fall into the lava.\n\nDon\'t get hit by the falling lava.', 200, 200); buttons.back.draw(); } if(scene === 'About'){ fill(222, 213, 37); textSize(40); text('ABOUT', 200, 50); textFont(createFont("HelveticaNeue-Light")); textSize(18); textLeading(30); text('You are the jedi Obi-Wan Kenobi, on the volcanic planet of Mustafar. Your apprentice Anakin Skywalker has just turned evil, and you must defeat him before he does any more damage. He has fled on the floating rock formations on the lava. You must run on each platform until you make it to him.', 25, 25, 350, 350); textFont(createFont("Arial Black")); buttons.back.draw(); } if(scene === 'Game'){ if(gameTime % 60 === 0){ Fireballs.push(new Fireball()); } if(player.y > 450){ trans.active = true; trans.nextScene ='Menu'; } if(gameTime % blockSpacing === 10){ Blocks.push(new Block(600, 370, width, 30)); } strokeWeight(2); stroke(199, 199, 199); fill(255, 255, 255); rect(25, 25, 350, 20); fill(35, 232, 48); rect(25, 25, progress, 20); stroke(199, 199, 199); fill(255, 255, 255); ellipse(progress + 13, 35, 50, 50); image(images.obi, progress, 24, 40/1.3, 30/1.3); ellipse(365, 35, 50, 50); image(images.anakin, 353, 24, 40/1.3, 40/1.3); for(var i = Blocks.length - 1; i >= 0; i --) { Blocks[i].draw(); if(Blocks[i].x + Blocks[i].w < -600){ Blocks.splice(i, 1); i--; } } for(var i = Fireballs.length - 1; i >= 0; i --) { Fireballs[i].draw(); if(rectCollide(player, Fireballs[i])){ trans.active = true; trans.nextScene ='Menu'; } if(Fireballs[i].y > 500){ Fireballs.splice(i, 1); i--; } } if(gameTime % 30 === 0 && blockSpacing < 130){ blockSpacing ++; } player.draw(); gameTime ++; progress += 0.2; if(progress > 350){ trans.active = true; trans.nextScene = 'Win'; } } if(scene === 'Win'){ fill(222, 213, 37); textSize(49); text('EXCELLENT!', 200, 100); textSize(14); text('THE FORCE IS WITH YOU, MASTER KENOBI.', 200, 135); textFont(createFont("HelveticaNeue-Light")); textSize(16); textLeading(23); text('Congratulations, you were able to catch up to Anakin and defeat him once you got the higher ground.\n\nNow the galaxy will forever be free of Anakin!\n\nRight?', 25, 55, 350, 350); textFont(createFont("Arial Black")); } // Transition if(trans.active){ pushMatrix(); if(trans.out){ translate(trans.x - 100, 200); fill(0, 0, 0, trans.trans); } else { translate(400 - trans.x, 200); fill(0, 0, 0, 255 - trans.trans); } noStroke(); rect(-400, -200, width, height); scale(10); rotate(frameCount * 10); strokeCap(ROUND); for(var i = 17; i > 5; i -= 2){ stroke(0, 196, 255, 50); strokeWeight(i); line(0, -35, 0, -2); } stroke(212, 237, 255); strokeWeight(5); line(0, -35, 0, -2); stroke(194, 194, 194); strokeWeight(5); line(0, 0, 0, 10); popMatrix(); trans.x /= 1.1; trans.trans /= 1.1; if(trans.x < 10 && !trans.out){ trans.x = 400; trans.trans = 255; trans.active = true; scene = trans.nextScene; trans.out = true; } if(trans.x < 10 && trans.out){ trans.x = 400; trans.trans = 255; trans.out = false; trans.active = false; } } // Cursor cursor(overButton ? 'pointer' : 'default'); // Reset mouse properties clicked = false; overButton = false; };
Folds	38,44,45,76,77,82,85,92,95,100,101,124,128,139,230,237,238,251,255,288,289,315,319,469,472,533,548,573,577,599,600,629,630,639,640,652,653,712,713,726,729,772
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgOSjzeqqCAw
Votes	488
Spin-Offs	32
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Chester Banks
Author Name	chesterbanks
Author ID	kaid_910220310264858588057640
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739366537166
Updated	8 months ago, 1744821303469
Source Deleted	unknown