Viewing Program

Program Data

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

Title	Water Blox Story (Fairy Tale)
ID	6184168624750592
Created	10 years ago, 1424957204007
Updated	10 years ago, 1425389598899
Code	//I believe the font works on every computer... am I mistaken? //Official game release date: Tuesday, March 3, 2015 at about 6:40 AM //Watch for it!!! //Please read the instructions... there is a reason I created them. //You probably won't be able to control him if you don't! /* Official game release date: Tuesday, March 3, 2015 at about 6:40 AM This is the official release date program https://www.khanacademy.org/computer-programming/official-water-blox-release-date/6240856799182848 Go to https://www.khanacademy.org/computer-programming/make-your-own-water-blox-levels/4695332614832128 to make your own levels! Now open to public! The program is officially out! https://www.khanacademy.org/computer-programming/water-blox-game/6571361218330624 / //Game variables (not really used in the story) var KAcreated=10; var levels=20; var Height=9; var s=0; var time=s; //Keys to move the player var keys = []; var keyPressed = function(){ keys[keyCode] = true; }; var keyReleased = function(){ keys[keyCode] = false; }; var x1=0; var y1=0; //Collision detection (finally got it right!) var collide = function(o1, o2) { return(o1.x - (o1.w/2) <= o2.x + (o2.w/2) && o1.x + (o1.w/2) >= o2.x - (o2.w/2) && o1.y - (o1.h/2) <= o2.y + (o2.h/2) && o1.y + (o1.h/2) >= o2.y -(o2.h/2)); }; //Character position and activity variables var rot = 0; var x = 200; var y = 350; var posX = 0; var posY = 0; var onFloor = true; var pull = 0.5; var blinkTime=0; var blinkHeight=0; var sleepTime=0; //Actual character var char = function(x, y, i){ pushMatrix(); rectMode(CENTER); translate(x, y); rotate(i); noStroke(); fill(11, 0, 92); rect(0, 0, 50, 50, 10); fill(255, 255, 255); rotate(-i); ellipse(x1-10, y1-10, 10, 15); ellipse(x1+10, y1-10, 10, 15); fill(0, 0, 0); ellipse(x1-10, y1-10, 5, 6); ellipse(x1+10, y1-10, 5, 6); stroke(255, 0, 0); point(x1, y1); stroke(38, 0, 252); fill(38, 0, 252); strokeWeight(0); blinkTime+=1; //This makes him blink if(blinkTime>=500){ blinkHeight+=1.5; rectMode(TOP); rect(x1-14, y1-16, 7, blinkHeight-1, 10000); rect(x1+6, y1-16, 7, blinkHeight-1, 10000); rectMode(CENTER); } if(blinkHeight>=12){ blinkHeight=0; blinkTime=0; } //...And sleep sleepTime+=1; if(!keys[DOWN]&&!keys[UP]&&!keys[LEFT]&&!keys[RIGHT]&&sleepTime>=1800){ blinkHeight=0; blinkHeight+=0.5; } if(!keys[DOWN]&&!keys[UP]&&!keys[LEFT]&&!keys[RIGHT]&&sleepTime>=1807){ blinkHeight=11.99; blinkHeight+=-1.5; } if(!keys[DOWN]&&!keys[UP]&&!keys[LEFT]&&!keys[RIGHT]&&sleepTime>=2100){ textSize(16); fill(255, 255, 255); text("z", x1, y1-40); } if(!keys[DOWN]&&!keys[UP]&&!keys[LEFT]&&!keys[RIGHT]&&sleepTime>=2150){ textSize(23); fill(255, 255, 255); text("z", x1+14, y1-50); } if(!keys[DOWN]&&!keys[UP]&&!keys[LEFT]&&!keys[RIGHT]&&sleepTime>=2200){ textSize(35); fill(255, 255, 255); text("z", x1+9, y1-71); } popMatrix(); }; //The current frame var stage=0; //The water blox var blox=function(w,z){ strokeWeight(3); stroke(255, 255, 255); fill(74, 61, 255, 70); rect(w, z, 50, 50, 10); fill(183, 221, 240); noStroke(); if(x>=w-50&&x<=w+50&&y>=z-50&&y<=z+50&&x1===7){ posX-=0.1; posY-=0.5; } if(x>=w-50&&x<=w+50&&y>=z-50&&y<=z+50&&x1===-7){ posX+=0.1; posY-=0.5; } if(collide(char, blox)) { posX=-3; } }; //Timer for game var timer=function(){ fill(255, 255, 255); textSize(15); text("Time: "+time, 111, 18); time+=1; }; //The grass blox var finishBlox=function(e,f){ strokeWeight(3); stroke(255, 255, 255); fill(0, 255, 4, 45); rect(e, f, 50, 50, 10); fill(183, 221, 240); noStroke(); if(x>=e-50&&x<=e+50&&y>=f-50&&y<=f+50&&x1===7){ stage+=1; x=350; y=350; } if(x>=e-50&&x<=e+50&&y>=f-50&&y<=f+50&&x1===-7){ stage+=1; x=350; y=350; } }; //For game (Khan Academy community created levels) var finishKABlox=function(i,j){ strokeWeight(3); stroke(255, 255, 255); fill(0, 255, 4, 45); rect(i, j, 50, 50, 10); fill(183, 221, 240); noStroke(); if(x>=i-50&&x<=i+50&&y>=j-50&&y<=j+50&&x1===7){ stage+=1; x=350; y=350; } if(x>=i-50&&x<=i+50&&y>=j-50&&y<=j+50&&x1===-7){ stage+=1; x=350; y=350; } }; //Death variables var d=0; var death=d; //Health variables var health=200; //Show death var deaths=function(){ textSize(15); fill(255, 255, 255); text("Deaths: "+death, 332, 381); }; //Shows health var Health=function(){ rectMode(LEFT); strokeWeight(1); stroke(255, 0, 0); noFill(); rect(20, 375, 200, 20); fill(255, 0, 0, 40); noStroke(); rect(20, 375, health, 20); textSize(15); fill(255, 255, 255); text("HEALTH", 119, 384); rectMode(CENTER); if(health<=1){ death+=1; health=200; x=350; y=350; } }; //The lava or death blox var deathBlox=function(g,h){ strokeWeight(3); stroke(255, 255, 255); fill(255, 0, 0, 40); rect(g, h, 50, 50, 10); fill(183, 221, 240); noStroke(); if(x>=g-50&&x<=g+50&&y>=h-50&&y<=h+50&&x1===7){ health-=1; } if(x>=g-50&&x<=g+50&&y>=h-50&&y<=h+50&&x1===-7){ health-=1; } }; //Just a new font var f=createFont("Papyrus"); //Proof of score (for game) var crazySymbol="§"; /**/ //Draw function var draw= function() { //Calculates score (for game) var score=5000-round((time+death1000)/4); //Preset commands for every level/slide var preset=function(){ background(0, 0, 0); noFill(); strokeWeight(4); stroke(255, 255, 255); rect(200, 200, 350, 331); char(x, y, rot); Health(); deaths(); }; //Makes the character move if (keys[RIGHT]&&onFloor){ onFloor = false; posX = 3; posY = -3; x1=7; blinkHeight=0; sleepTime=0; }else if (keys[LEFT]&& onFloor){ onFloor = false; posX = -3; posY = -3; x1=-7; blinkHeight=0; sleepTime=0; }else if (keys[RIGHT]&&keys[UP]&&y>=330){ onFloor = false; posX = 3; posY = -Height; x1=7; blinkHeight=0; sleepTime=0; }else if (keys[LEFT]&&keys[UP]&&y>=330){ onFloor = false; posX = -3; posY = -Height; x1=-7; blinkHeight=0; sleepTime=0; }else //Jumping if(keys[UP] && onFloor){ onFloor = false; posX = 0; posY = -Height; blinkHeight=0; sleepTime=0; }else //Staying down if(keys[DOWN] && !onFloor){ posY = Height; blinkHeight=0; sleepTime=0; }else if(keys[65]){ x1=-7; }else if(keys[68]){ x1=7; }else //Calculates the floor if (!onFloor){ if (posX > 0){ rot += 9; } if (posX < 0){ rot -= 9; } if(posX===0&&x1===-7){ rot -= 9; } if(posX===0&&x1===7){ rot += 9; } if(keys[LEFT]&&posX===0&&x1===-7){ onFloor=false; x+=-3; } if(keys[RIGHT]&&posX===0&&x1===7){ onFloor=false; x+=3; } } if (y > 340){ onFloor = true; y = 340; posY = 0; posX *= 0.5; rot = 0; } if(x >=340){ x = 340; if (keys[RIGHT]&&onFloor){ onFloor = false; posX = 3; posY = -Height-3; x1=7; } } if(x <=60){ x = 60; if (keys[LEFT]&&onFloor){ onFloor = false; posX = -3; posY = -Height-3; x1=-7; } } if(y <=60){ y = 60; } x += posX; y += posY; posY += pull; //Shows the health bar and the deaths Health(); deaths(); //home if(stage===0){ preset(); blox(50, 291); blox(100, 341); blox(50, 341); blox(349, 340); blox(349, 290); blox(299, 341); blox(101, 292); blox(299, 292); textAlign(CENTER,CENTER); textFont(f, 100); fill(255, 255, 255); text("Blox", 200, 140); text("_____", 200, 152); textSize(50); text("Water", 200, 73); textSize(20); text("Play", 75, 245); text("Instructions", 321, 245); pushMatrix(); fill(0, 85, 255); textSize(50); rotate(-17); text("Story!", 119, 288); popMatrix(); if(x>=275&&y>=250){ stage=0.5; } if(x<=125&&y>=250){ stage=0.99; x=200; } } if(stage===0.99){ preset(); blox(51, 337); blox(349, 337); textAlign(CENTER,CENTER); textFont(f, 100); fill(255, 255, 255); textSize(15); text("Game", 51, 294); text("Story", 344, 294); textSize(15); if(x<=100&&y>=300&&y<=350){ stage=1.5; } if(x>=300&&y<=350&&y>=300){ stage=1; } } //Instructions if(stage===0.5){ preset(); textSize(25); textAlign(CENTER,CENTER); fill(255, 255, 255); text("Controls", 200, 59); text("_________", 200, 65); textSize(15); textAlign(LEFT, CENTER); text("Left arrow key moves character left only when on\nthe ground or when the eyes are facing left.\n\nRight arrow key moves character right only when\non the ground or when the eyes are facing right.\n\nDown arrow key pulls the character down\nno matter where it is.", 47, 181); textSize(10); text("More", 37, 340); blox(49, 340); if(x<=75&&y>=300){ stage=0.75; } } if(stage===0.75){ preset(); textSize(25); textAlign(CENTER,CENTER); fill(255, 255, 255); text("Controls cont...", 200, 59); text("_____________", 200, 65); textSize(15); textAlign(LEFT, CENTER); text("The 'a' key moves the eyes to the left which\nenables the character to move left in the air and be\nattracted into water blox on the left.\n\nThe 'd' key moves the eyes to the right which\nenables the character to move right in the air and be\nattracted into water blox on the right.", 47, 181); textSize(10); text("More", 340, 340); blox(350, 340); if(x>=325&&y>=300){ stage=0.8; } } if(stage===0.8){ preset(); textSize(25); textAlign(CENTER,CENTER); fill(255, 255, 255); text("Water Blox", 200, 59); text("___________", 200, 65); textSize(15); textAlign(LEFT, CENTER); text("If you enter a water blox on the left when the\ncharacter's eyes are facing to the right, the \ncharacter will be attracted to the right side.\n\nIf you enter a water blox on the right when the\ncharacter's eyes are facing to the left, the\ncharacter will be attracted to the right side.", 47, 181); textSize(10); text("More", 37, 340); blox(49, 340); if(x<=75&&y>=300){ stage=0.9; } } if(stage===0.9){ preset(); textSize(25); textAlign(CENTER,CENTER); fill(255, 255, 255); text("Water Blox cont...", 200, 59); text("______________", 200, 65); textSize(15); textAlign(LEFT, CENTER); text("If you enter a water blox on the right when the\ncharacter's eyes are facing to the right, the \ncharacter will be repelled away from the blox.\n\nIf you enter a water blox on the left when the\ncharacter's eyes are facing to the left, the \ncharacter will be repelled away from the blox.", 47, 181); textSize(10); text("More", 340, 340); blox(350, 340); if(x>=325&&y>=300){ stage=0.95; } } if(stage===0.95){ preset(); textSize(25); textAlign(CENTER,CENTER); fill(255, 255, 255); text("Completing Levels", 200, 59); text("_______________", 200, 65); textSize(15); textAlign(LEFT, CENTER); text("Use what you learned about the controls to make\nyour way to the green tinted blox, or the finish blox,\non each level. Try to do each level as fast as you\ncan because you will be timed.", 47, 181); textSize(10); text("Remember 'a' and 'd'!", 33, 249); textSize(10); text("Home", 34, 58); blox(49, 59); blox(100, 288); blox(100, 340); blox(51, 287); blox(50, 339); if(x<=75&&y<=100){ stage=0; } } textAlign(CENTER, CENTER); //Levels/Slides if(stage===1){ preset(); textSize(25); fill(255, 255, 255); text("The Story of Blox", 200, 60); text("_________________", 200, 64); textSize(15); text("There was a family of blocks who lived\nin Blockville.", 200, 200); noFill(); fill(11, 0, 92); rect(183, 341, 50, 50, 10); fill(255, 255, 255); ellipse(171, 332, 10, 15); ellipse(196, 332, 10, 15); fill(0, 0, 0); ellipse(196, 332, 5, 6); ellipse(171, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183, 340); noStroke(); fill(11, 0, 92); rect(183+150, 341, 50, 50, 10); fill(255, 255, 255); ellipse(171+150, 332, 10, 15); ellipse(196+150, 332, 10, 15); fill(0, 0, 0); ellipse(196+150, 332, 5, 6); ellipse(171+150, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183+150, 340); finishBlox(51, 337); } if(stage===1.5){ preset(); textSize(20); text("Sorry! This is just the story, stay tuned\nfor the real game!", 200, 200); textSize(15); text("Home", 50, 59); blox(49, 59); blox(100, 288); blox(100, 340); blox(51, 287); blox(50, 339); if(x<=75&&y<=100){ stage=0; } } if(stage===2){ preset(); textSize(15); text("Except, there was one block who was a\nlittle bit rounder than normal...", 200, 200); noFill(); fill(11, 0, 92); rect(183, 341, 50, 50); fill(255, 255, 255); ellipse(171, 332, 10, 15); ellipse(196, 332, 10, 15); fill(0, 0, 0); ellipse(196, 332, 5, 6); ellipse(171, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183, 340); noStroke(); fill(11, 0, 92); rect(183+150, 341, 50, 50); fill(255, 255, 255); ellipse(171+150, 332, 10, 15); ellipse(196+150, 332, 10, 15); fill(0, 0, 0); ellipse(196+150, 332, 5, 6); ellipse(171+150, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183+150, 340); finishBlox(51, 337); } if(stage>=levels+1&&stage===20+1){ preset(); textSize(30); text("The story is over...\nStay tuned for the game!", 200, 121); textSize(20); textSize(15); text("Home", 51, 310); blox(49, 312); if(x<75&&y<350&&y>300){ stage=0; death=d; health=200; x=250; } } if(stage===3){ preset(); textSize(15); text("He was also slightly a different color than\nmost blocks.", 200, 200); noFill(); fill(87, 70, 217); rect(183, 341, 50, 50); fill(255, 255, 255); ellipse(171, 332, 10, 15); ellipse(196, 332, 10, 15); fill(0, 0, 0); ellipse(196, 332, 5, 6); ellipse(171, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183, 340); noStroke(); fill(108, 97, 194); rect(183+150, 341, 50, 50); fill(255, 255, 255); ellipse(171+150, 332, 10, 15); ellipse(196+150, 332, 10, 15); fill(0, 0, 0); ellipse(196+150, 332, 5, 6); ellipse(171+150, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183+150, 340); finishBlox(51, 337); } if(stage===4){ preset(); textSize(15); text("Because of these so-called 'flaws', he\nwas not called a block, but a blox.", 200, 200); noFill(); fill(87, 70, 217); rect(183, 341, 50, 50); fill(255, 255, 255); ellipse(171, 332, 10, 15); ellipse(196, 332, 10, 15); fill(0, 0, 0); ellipse(196, 332, 5, 6); ellipse(171, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183, 340); noStroke(); fill(108, 97, 194); rect(183+150, 341, 50, 50); fill(255, 255, 255); ellipse(171+150, 332, 10, 15); ellipse(196+150, 332, 10, 15); fill(0, 0, 0); ellipse(196+150, 332, 5, 6); ellipse(171+150, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183+150, 340); finishBlox(51, 337); } if(stage===5){ preset(); textSize(15); text("He was teased by his whole family.\nDay after day he would be left out of\nblock games, he wouldn't get to eat the same food,\nand worst of all, everybody acted like he\nwasn't even there!", 200, 200); noFill(); fill(87, 70, 217); rect(183, 341, 50, 50); fill(255, 255, 255); ellipse(171, 332, 10, 15); ellipse(196, 332, 10, 15); fill(0, 0, 0); ellipse(196, 332, 5, 6); ellipse(171, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183, 340); noStroke(); fill(108, 97, 194); rect(183+150, 341, 50, 50); fill(255, 255, 255); ellipse(171+150, 332, 10, 15); ellipse(196+150, 332, 10, 15); fill(0, 0, 0); ellipse(196+150, 332, 5, 6); ellipse(171+150, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183+150, 340); finishBlox(51, 337); } if(stage===6){ preset(); textSize(15); text("The other blocks did such a good\njob at ignoring him, Blox thought they\nreally didn't know he was there!", 200, 200); noFill(); fill(87, 70, 217); rect(183, 341, 50, 50); fill(255, 255, 255); ellipse(171, 332, 10, 15); ellipse(196, 332, 10, 15); fill(0, 0, 0); ellipse(196, 332, 5, 6); ellipse(171, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183, 340); noStroke(); fill(108, 97, 194); rect(183+150, 341, 50, 50); fill(255, 255, 255); ellipse(171+150, 332, 10, 15); ellipse(196+150, 332, 10, 15); fill(0, 0, 0); ellipse(196+150, 332, 5, 6); ellipse(171+150, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183+150, 340); finishBlox(51, 337); } if(stage===7){ preset(); textSize(15); text("So one day, Blox left Blocksville.", 200, 200); noFill(); finishBlox(51, 337); } if(stage===8){ preset(); textSize(15); text("One day, while he was traveling, he came\nacross a small stream.", 200, 200); noFill(); blox(200, 341); blox(150, 341); finishBlox(51, 337); } if(stage===9){ preset(); textSize(15); text("The current was strong, but he got through\nit. That is when here realized he could\nswim.", 200, 200); noFill(); finishBlox(51, 337); } if(stage===10){ preset(); textSize(15); text("He then took on a new name...", 200, 200); noFill(); textSize(30); text("Water Blox!", 200, 231); finishBlox(51, 337); } if(stage===11){ preset(); textSize(15); text("He traveled many more days and then he\nwas suddenly stopped by danger!", 200, 200); noFill(); deathBlox(200, 340); finishBlox(51, 337); } if(stage===12){ preset(); textSize(15); text("As time went on, the danger grew!", 200, 200); noFill(); deathBlox(200, 340); deathBlox(150, 340); finishBlox(51, 337); } if(stage===13){ preset(); textSize(15); text("Soon, water and fire merged creating a\nwhole new land.", 200, 200); noFill(); deathBlox(200, 340); deathBlox(150, 340); blox(200, 229); blox(250, 229); finishBlox(51, 337); } if(stage===14){ preset(); textSize(15); text("But he would always make it to\nthe safe patch of grass on the other side.", 200, 200); noFill(); blox(200, 340); blox(150, 340); blox(250, 340); finishBlox(51, 337); } if(stage===15){ preset(); textSize(15); text("Then the grass started to move.", 200, 200); noFill(); deathBlox(200, 340); blox(49, 289); blox(50, 340); finishBlox(52, 93); } if(stage===16){ preset(); textSize(15); text("It became harder and harder\nto reach his destination.", 200, 300); noFill(); blox(200, 200); blox(200, 150); finishBlox(200, 91); deathBlox(349, 250); deathBlox(50, 250); deathBlox(349, 200); deathBlox(50, 200); } if(stage===17){ preset(); textSize(15); text("He became home-sick.\nBut the grass was always there for him.", 200, 200); noFill(); deathBlox(200, 340); finishBlox(51, 337); } if(stage===18){ preset(); textSize(15); text("In times of struggle, the grass was there.\nHe learned to look for it,\nto work to get to it. That was his goal.", 179, 145); noFill(); deathBlox(349, 275); deathBlox(298, 275); deathBlox(247, 326); deathBlox(246, 275); blox(349, 222); blox(298, 223); finishBlox(200, 60); deathBlox(194, 274); deathBlox(194, 325); deathBlox(143, 274); deathBlox(143, 324); } if(stage===19){ preset(); textSize(15); text("He learned to trust it to take him home.", 200, 200); noFill(); deathBlox(200, 340); finishBlox(51, 337); } if(stage===20){ preset(); textSize(15); text("And one day, it will.", 200, 200); noFill(); fill(87, 70, 217); rect(183, 341, 50, 50); fill(255, 255, 255); ellipse(171, 332, 10, 15); ellipse(196, 332, 10, 15); fill(0, 0, 0); ellipse(196, 332, 5, 6); ellipse(171, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183, 340); noStroke(); fill(108, 97, 194); rect(183+150, 341, 50, 50); fill(255, 255, 255); ellipse(171+150, 332, 10, 15); ellipse(196+150, 332, 10, 15); fill(0, 0, 0); ellipse(196+150, 332, 5, 6); ellipse(171+150, 332, 5, 6); stroke(255, 0, 0); strokeWeight(4); point(183+150, 340); finishBlox(51, 337); } };
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgPCw_47-Cgw
Votes	352
Spin-Offs	4
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"6097297153458176","title":"Contest: Tell a Fairy Tale","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	я̿€̿ρ̿Ł̿ɪ̿т̿Ǻ̿ƶ̿
Author Name	rhavan
Author ID	kaid_912595289539685767728979
Author Profile Access	COACH

Archive Data

Added	10 months ago, 1739454400244
Updated	8 months ago, 1744828784526
Source Deleted	unknown