Viewing Program

Program Data

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

Title	Step \| A game
ID	6304283167326208
Created	7 years ago, 1520287938134
Updated	7 years ago, 1520605306116
Code	/** * S T E P * (Click to start) * * @HOW_TO * Fill the screen with your footprints * You can't retrace your steps or go through blocks * Arrow keys to move * Press 's' to skip the level, 'r' to restart it * * @WINNERS * Post your unmodified Spin-off under the Spin-off comment in the T&T to appear below * * Victoria Greenpeace * AquA217 * STORMBREAKER9 * Lakye Deleon * csovereign10 * Butterburr * hunter park * 94th Chief Master of the Force * CosmicCrowMC * hi * YuriZarchvitch * Josiah The Calculus Way!!! * VortyJR * 🦋 𝓐ยtย๓ɲ 🦋 * GryffindorLab * * @LOADING * Sorry if it takes a little while to load. I decided to increase the loading time to make my program more efficient. * * Thanks for playing! :) */ // adding methods to existing datatypes String.prototype.replaceAt = function(index, replacement) { return this.substr(0, index) + replacement + this.substr(index + replacement.length); }; String.prototype.numberOf = function(substr) { return this.split(substr).length - 1; }; Array.prototype.copyNested = function() { var array = []; var index1 = 0; while (index1 < this.length) { array.push([]); var index2 = 0; while (index2 < this[index1].length) { array[index1].push(this[index1][index2]); index2 ++; } index1 ++; } return array; }; noStroke(); textFont(createFont("Verdana")); textAlign(CENTER, CENTER); // transition { var Transition = function() { this.on = false; this.output = function() {}; this.circSize = 0; this.time = 0; }; Transition.prototype.run = function() { this.update(); this.display(); }; Transition.prototype.update = function() { // changing size this.time += 5; this.circSize += sin(this.time) (width + height) / 32; // retunring output if (this.circSize > dist(0, 0, width, height)) { this.output(); this.circSize = dist(0, 0, width, height); this.time = 180; } else if (this.circSize < 0) { // ending transition this.on = false; this.output = function() {}; this.circSize = 0; this.time = 0; } }; Transition.prototype.display = function() { fill(225); ellipse(width / 2, height / 2, this.circSize, this.circSize); }; var transition = new Transition(); // transition instance } // footprints var leftFoot = (function() { (background)(0, 0); fill(255); beginShape(); curveVertex(50, 0); curveVertex(25, 0); curveVertex(15, 15); curveVertex(15, 35); curveVertex(30, 35); curveVertex(35, 15); curveVertex(25, 0); curveVertex(-15, 0); endShape(); beginShape(); curveVertex(72.5, 50); curveVertex(22.5, 50); curveVertex(15, 40); curveVertex(30, 40); curveVertex(22.5, 50); curveVertex(-22.5, 50); endShape(); return get(0, 0, 50, 50); })(); var rightFoot = (function() { (background)(0, 0); pushMatrix(); scale(-1, 1); image(leftFoot, -50, 0); popMatrix(); return get(0, 0, 50, 50); })(); var skippedLevel = false; var homeScreen = function() { background(255); fill(0); textSize(100); text("St p", width / 2, height / 2 - 10); (tint)(0, 255); image(leftFoot, width / 2, height / 2 - 25, 55, 55); }; var endScreen = function() { background(255); fill(0); textSize(50); text(skippedLevel ? "You're Done" : "You Won", width / 2, height / 2 - 25); textSize(20); text(skippedLevel ? "" : "Post a Spin-off in the T&T", width / 2, height / 2 + 35); pushMatrix(); translate(width / 2, height / 2 + 100); rotate(sin(frameCount * 5) * 20); (tint)(0, 255); image(rightFoot, -27.5, -27.5, 55, 55); popMatrix(); }; var currentScene = 1; // level information { var currentLevel = 1; // current level // original level tile map (@ = player, # = block) var orgLevelMap = [ [ '@ ', ' ', ' ', ' ', ' ', ' ', ' ', ' ' ], [ '@ ', ' ', ' ', ' ', ' ', ' # ', ' ', ' ' ], [ ' ', ' ', ' ', ' @ ', ' ', ' # ', ' ', ' ' ], [ '# ', ' ', ' ', ' ', ' # ', '@# ', ' # ', ' ' ], [ ' ', ' ', ' # ', ' @ ', ' # ', ' ', ' ', ' ' ], [ '@ ', ' ', ' # ', ' ', ' ', ' ', ' ', ' # ' ], [ ' ', ' ', ' # ', ' ', ' ', ' @# ', ' ', ' ' ], [ ' ', ' ', ' ', ' # ', ' @ ', ' # ', ' # ', ' ' ] ]; var blockWidth = width / orgLevelMap[0][0].length; // width of each block in the map var blockHeight = height / orgLevelMap[0].length; // height of each block in the map var hashtagsInMap = orgLevelMap[0].length * orgLevelMap[0][0].length - 1; // number of hashtags in a filled up map var currentLevelMap = orgLevelMap.copyNested(); // modified level tile map } // player { var timeSinceKey = millis(); var playerIndices = []; // indices of player at each level var player; // player instance // player class var Player = function(indices) { this.indices = indices; this.currentFoot = "left"; this.blink = false; this.blinkTime = 0; (background)(0, 0); this.img = get(0, 0, width, height); }; Player.prototype.update = function() { var dir = new PVector(0, 0); switch (keyCode) { case LEFT: dir.x = -1; break; case RIGHT: dir.x = 1; break; case UP: dir.y = -1; break; case DOWN: dir.y = 1; } var currentMap = currentLevelMap[currentLevel - 1]; // current map var newIndices = PVector.add(this.indices, dir); // new position of player // skipping level if (key.toString() === 's') { skippedLevel = true; transition.on = true; if (currentLevel === orgLevelMap.length - 1) { transition.output = function() { currentScene ++; }; } else { transition.output = function() { currentLevel ++; player.reset(); }; } return; } // moving player as long as it is possible if (currentMap[newIndices.y][newIndices.x] === ' ' && dir.mag() > 0) { this.blink = true; timeSinceKey = millis(); this.indices = newIndices; // moving currentMap[newIndices.y] = currentMap[newIndices.y].replaceAt(newIndices.x, '#'); // updating current level tile map // updating image var oldImage = this.img; this.img = (function() { (background)(0, 0); image(oldImage, 0, 0); pushMatrix(); translate((newIndices.x + 0.5) * blockWidth, (newIndices.y + 0.5) * blockHeight); rotate((dir.x + (dir.y > 0 ? 2 : 0)) * 90); imageMode(CENTER); (tint)(0, random(75, 255)); if (player.currentFoot === "left") { image(leftFoot, 0, 0, blockWidth - 15, blockHeight - 15); player.currentFoot = "right"; } else { image(rightFoot, 0, 0, blockWidth - 15, blockHeight - 15); player.currentFoot = "left"; } popMatrix(); return get(0, 0, width, height); })(); } // reseting level & finishing level if (key.toString() === 'r' \|\| currentMap[this.indices.y][this.indices.x - 1] !== ' ' && currentMap[this.indices.y][this.indices.x + 1] !== ' ' && (this.indices.y === 0 \|\| currentMap[this.indices.y - 1][this.indices.x] !== ' ') && (this.indices.y === currentMap.length - 1 \|\| currentMap[this.indices.y + 1][this.indices.x] !== ' ')) { // calcultating number of #s var hashtagSum = 0; var stringNum = currentMap.length; while (stringNum --) { hashtagSum += currentMap[stringNum].numberOf('#'); } // finishing level if (hashtagSum === hashtagsInMap) { transition.on = true; if (currentLevel === orgLevelMap.length - 1) { transition.output = function() { currentScene ++; }; } else { transition.output = function() { currentLevel ++; player.reset(); }; } } else { this.reset(); // reseting level } return; } }; Player.prototype.reset = function() { currentLevelMap = orgLevelMap.copyNested(); this.indices = playerIndices[currentLevel - 1]; this.currentFoot = "left"; this.blink = false; (background)(0, 0); this.img = get(0, 0, width, height); }; Player.prototype.display = function() { image(this.img, 0, 0); if (this.blink && millis() - timeSinceKey > 500) { (fill)(255, abs(sin(this.blinkTime * 2)) * 255); rect(this.indices.x * blockWidth, this.indices.y * blockHeight, blockWidth, blockHeight); this.blinkTime ++; } else { this.blinkTime = 0; } }; } // block var block = function(xIndex, yIndex) { rect(xIndex * blockWidth, yIndex * blockHeight, blockWidth, blockHeight); }; // loading { var levelImages = []; // images of each level // loading images & player positions (function() { fill(0); var levelNum = 0; while (levelNum < orgLevelMap.length) { (background)(0, 0); var indexY = orgLevelMap[levelNum].length; while (indexY --) { var indexX = orgLevelMap[levelNum][indexY].length; while (indexX --) { switch (orgLevelMap[levelNum][indexY][indexX]) { default: break; case '#': block(indexX, indexY); break; case '@': playerIndices.push(new PVector(indexX, indexY)); fill(random(200)); ellipse((indexX + 0.5) * blockWidth, (indexY + 0.5) * blockHeight, 20, 20); fill(0); } } } levelImages.push(get(0, 0, width, height)); levelNum ++; } })(); player = new Player(playerIndices[currentLevel - 1]); // defining player instance } var game = function() { background(255); image(levelImages[currentLevel - 1], 0, 0); player.display(); }; var scenes = [function() {}, homeScreen, game, endScreen]; // moving var keyPressed = function() { if (currentScene === 2 && !transition.on) { player.update(); // updating player // avoiding glitch in animation background(255); imageMode(CORNER); noTint(); image(levelImages[currentLevel - 1], 0, 0); player.display(); } }; var mouseClicked = function() { if (currentScene === 1) { transition.on = true; transition.output = function() { currentScene ++; }; } }; draw = function() { scenes[currentScene](); if (transition.on) { transition.run(); } };
Folds	36,38,39,41,42,55,63,97,100,122,123,130,134,141,143,156,161,254,257,391,394,396,399,432,434,438,442,452,454,461,463,468
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgIL25LaZCww
Votes	201
Spin-Offs	15
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Skyline
Author Name	KhanLearner19
Author ID	kaid_147843979423697766762214
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739456297691
Updated	10 months ago, 1739456303100
Source Deleted	unknown