Viewing Program

Program Data

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

Title	2.5D Level Editor & Game
ID	1287246796
Created	13 years ago, 1358093182743
Updated	11 years ago, 1398632363800
Code	/** 2.5D Level Editor (work in progress) * By Salvago (https://www.khanacademy.org/profile/Salvago) * !IMPORTANT: PRESS 'P' TO PRINT YOUR MAP, THEN PASTE IT BELOW TO SAVE IT! * Press 'G' (or TAB) to switch to GAME mode! * Usage: Use the editor to build a map, and then play it by switching to game mode * CONTROLS: * GAME: * Arrow keys > Move around * Spacebar > Jump * EDITOR: * UP/DOWN arrows change what layer you're editing (highlighted by pink) * LEFT/RIGHT arrows will change what type of block you will place * Place blocks by clicking (and holding) the LEFT MOUSE button * Remove blocks by selecting the EMPTY block and 'placing' it, or use RIGHT MOUSE * Instantly select the blocktype at your cursor by CLICKING while holding CONTROL * Press 'P' while in edit mode to get your map. Paste it at the top and save as spin-off to keep it! / / ------ THIS IS YOUR GAME MAP ------ */ / To use the one you created with the editor do the following: * Press 'P' in the editor, this will 'print' your map code to the console window. * Copy that, and replace the code below (mapData) with it. / var mapData = "0a\|58x0\|4\|7x0\|222\|7x0\|222\|6x0\|c\|52x0\|cc000112211144412222011c401220011c40000021114cl0k2211140222200114\|20x0\|\|9x3\|033cc333443060m0000080600000l08006000g000m000006\|16x0\|p0006600033\|6x0\|33cm33344033l0n3344\|6x0\|33003\|10x0\|c00000l000m\|39x0\|e9ii9ed333\|6x0\|8003\|6x0\|q003\|6x0\|3003\|11x0\|n000l\|96x0\|ncl\|45x0\|"; / --- End of game map --- / // Forward declaration of externals so we can use createGraphics later var externals; // Forward declarations needed for game logic. No need to touch these. var isBlockTypeWalkableOnTop; var getBlockTypeHeight; var inEditMode; var activeBlockType; var gameImagesSize; var onModeChanged; var vToHRatio; var getCellCoord; var getCellCoord_Float; var getCoordInCell; var getCoordFromCell; var getLayerOffset; var getBlockType; var getBlock; var isKeyDown; var cellsOnScreen; var cell; var spawnPoint; var character; var maxBlockHeight; var layerDepthValue; var yDepthValue; var xDepthValue; var checkAllowMovement; var lastMillis; var redrawGame; var specialMapBlocks; /* ------ You game code goes below this line! ------ / / Game Variables / var inputSpeed = 5;// Flat axis speed // TODO: Rewrite into vector based speed var gravityAccel = 0.12; var maxFallSpeed = 0.9;// Maximum fall speed var jumpSpeed = 0.6;// Just enough to let you jump 1 high var maxSlope = 0.5;// Height differences you can walk up without jumping var maxCliff = -1.5;// Maximum cliff height that still allows you to walk off var characterShadowSize = 10; var characterShadowAlpha = 160; / Game Functions */ // Initialization: Gets called once, when the game starts var onGameStart = function(){ // Set character on spawn position if (spawnPoint === undefined \|\| spawnPoint === 0){ println("Please set a start position! (the green glow pad)"); activeBlockType = gameImagesSize; inEditMode = !inEditMode; onModeChanged(); return; } var spawnPointCoords = getCoordFromCell(spawnPoint.x, spawnPoint.y); character.x = spawnPointCoords.x + cell.width/2; character.y = spawnPointCoords.y + cell.height/2; character.z = spawnPoint.layer + 0.7; character.block = getCellCoord(character.x, character.y); character.layer = floor(character.z); character.screenX = character.x; character.screenY = getLayerOffset(character.z) + character.y; // TODO: (re)set any game state (switches/enemies/..) lastMillis = millis(); redrawGame = true; }; var checkAllowMovementAgainstUpstandingEdges; // Main update loop // dt is time between last update and this one, in milliseconds var updateGame = function(dt){ // Listen to keys for movement var displacement = {x:0, y:0}; // TODO: change to acceleration; add that to character speed vector if (isKeyDown[LEFT]){ displacement.x = -inputSpeed; } else if (isKeyDown[RIGHT]){ displacement.x = inputSpeed; } if (isKeyDown[UP]){ displacement.y = -inputSpeed; } else if (isKeyDown[DOWN]){ displacement.y = inputSpeed; } // Scale Y speed based on h/w ratio of blocks displacement.y = vToHRatio; // Scale vector down to mimic friction // if magnitude > maxSpeed: normalize it // TODO?: Prevent x movement if upstanding wall && face would go in wall // Quick hack in var displacedCellCoord; /* if (displacement.x !== 0){ var faceThickness = cell.width * 0.375; var faceZOffset = 0.75; var xoffset = (displacement.x < 0 ? -faceThickness : faceThickness); var cCC = getCellCoord(character.x + xoffset, character.y); displacedCellCoord = getCellCoord(character.x + xoffset + displacement.x, character.y); if (displacedCellCoord.x !== cCC.x){ displacement.x = checkAllowMovementAgainstUpstandingEdges(displacement.x, 0, displacedCellCoord.x, character.block.y, character.layer, character.z + faceZOffset).x; } }/ //// // Allow/block movement based on surrounding terrain displacedCellCoord = getCellCoord(character.x + displacement.x, character.y + displacement.y); // If moving over to another block if (displacedCellCoord.x !== character.block.x){ displacement.x = checkAllowMovement(displacement.x, 0, displacedCellCoord.x, character.block.y, character.layer, character.z).x; } if (displacedCellCoord.y !== character.block.y){ displacement.y = checkAllowMovement(0, displacement.y, character.block.x, displacedCellCoord.y, character.layer, character.z).y; } // Update character position character.x += displacement.x; character.y += displacement.y; // Get and store what current block the character is occupying character.block = getCellCoord(character.x, character.y); var playerCoordInCell = getCoordInCell(character.x, character.y); var blockType; // Check above char if we can go up if (character.zSpeed < 0){ var chTopLayer = floor(character.z + 1.5 - character.zSpeed);// Ch is ~1.5 blocks high blockType = getBlockType(character.block.x, character.block.y, chTopLayer); if (blockType !== 0 && getBlockTypeHeight(blockType, playerCoordInCell.x, playerCoordInCell.y) >= 0){ // Solid block above, so cancel jump var clippedSpeed = chTopLayer - (character.z + 1.5); character.zSpeed = (clippedSpeed < 0 ? clippedSpeed : 0); } } // 'Gravity' // Iterate over player column and find first solid block below player var solidLayer = 0; blockType = 0; var blockBelowPlayerHeight = 0; for (var drop = 1; drop > maxCliff - maxBlockHeight; --drop){ blockType = getBlockType(character.block.x, character.block.y, character.layer + drop); if ((blockBelowPlayerHeight = getBlockTypeHeight(blockType, playerCoordInCell.x, playerCoordInCell.y)) >= 0){ solidLayer = character.layer + drop; break; } } // Calculate distance to surface below player, and fall down if it is too low if (character.z - solidLayer > blockBelowPlayerHeight + character.zSpeed + gravityAccel){ character.grounded = false; // Fall character.zSpeed += gravityAccel; if (character.zSpeed > maxFallSpeed){ character.zSpeed = maxFallSpeed; } character.z -= character.zSpeed; } else { character.grounded = true; character.zSpeed = 0; character.z = solidLayer + blockBelowPlayerHeight; } character.solidBelow = solidLayer; character.solidBelowLayerHeight = blockBelowPlayerHeight; character.layer = floor(character.z); // TODO (?) Cut up character so face goes behind top layers... // TODO: fix character depth calculation slightly character.depth = min(character.z, character.solidBelow+1) layerDepthValue + (character.block.y + 1 + playerCoordInCell.y) * yDepthValue + character.block.x;//* xDepthValue; // Calculate screen position of character var lastScreenX = character.screenX; var lastScreenY = character.screenY; character.screenX = floor(character.x); character.screenY = floor(getLayerOffset(character.z-1) + character.y); if (character.screenX !== lastScreenX \|\| character.screenY !== lastScreenY){ redrawGame = true; } // TODO: Logic for doors/chests/spawn/finish var charBlockCoord = getCellCoord_Float(character.x, character.y); charBlockCoord.x -= 0.5;// offset centers of blocks charBlockCoord.y -= 0.5; for (var k in specialMapBlocks){ var sb = specialMapBlocks[k]; var within = dist(sb.x, sb.y, charBlockCoord.x, charBlockCoord.y) < sb.activateRange; sb.activateFunc(sb.x, sb.y, sb.layer, within); } }; // If you feel you need to handle extra input, use these var gameKeyPressed = function(){ // Jumping if (keyCode === 32 && character.grounded === true){// Spacebar character.zSpeed = -jumpSpeed; } }; var gameKeyReleased = function(){ }; // Lets you draw over the map and characters, usefull for text etc. var gameOverDraw = function(){ }; checkAllowMovement = function(dx, dy, blockX, blockY, startLayer, charZ){ // Check for walls and blocks below cliff edge var blockType, curLayer; var canMove = false; var playerCoordInCell = getCoordInCell(character.x + dx, character.y + dy); // Only allow step-up if we're actually on the ground if (!character.grounded){ charZ = startLayer; } for (var drop = 1; drop > maxCliff - maxBlockHeight; --drop){ curLayer = startLayer + drop; blockType = getBlockType(blockX, blockY, curLayer); // Air, skip it if (blockType === 0){ continue; } // Unwalkable block ahead if (!isBlockTypeWalkableOnTop(blockType)){ break; } var blockHeight = getBlockTypeHeight(blockType, playerCoordInCell.x, playerCoordInCell.y); if (blockHeight < 0){// Basically air, skip it continue; } var blockRelativeSurfaceZ = curLayer + blockHeight - charZ; // High block on lower level! if (blockRelativeSurfaceZ > 0){ // But not too high, we can walk on it! if (blockRelativeSurfaceZ < maxSlope){ canMove = true; // Already gets handeled by 'gravity' code. //character.z = curLayer + blockRelativeSurfaceZ;// Cheeky not const func } break; } // Small cliff we can jump off else if (blockRelativeSurfaceZ > maxCliff){ canMove = true; break; } } if (!canMove){ dx = dy = 0; } // TODO: allow movement up to the exact edge return {x:dx, y:dy}; }; // TODO: Make elegant > is now quick hack in checkAllowMovementAgainstUpstandingEdges = function(dx, dy, blockX, blockY, startLayer, charZ){ // Check for walls and blocks below cliff edge var blockType, curLayer; var canMove = true; var playerCoordInCell = getCoordInCell(character.x + dx, character.y + dy); // Only allow step-up if we're actually on the ground for (var drop = 1; drop > 1 - maxBlockHeight; --drop){ curLayer = startLayer + drop; blockType = getBlockType(blockX, blockY, curLayer); // Air, skip it if (blockType === 0){ continue; } var blockHeight = getBlockTypeHeight(blockType, playerCoordInCell.x, playerCoordInCell.y); if (blockHeight < 0){// Basically air, skip it continue; } var blockRelativeSurfaceZ = curLayer + blockHeight - charZ; // High block on lower level! if (blockRelativeSurfaceZ > 0){ canMove = false; break; } } if (!canMove){ dx = dy = 0; } return {x:dx, y:dy}; }; / ------ End of game code! ------ / // Character image var characterImage = getImage("cute/CharacterBoy"); // You can add extra blocks if you want. var images = [0,//0 Empty> counts as Air getImage("cute/GrassBlock"),//1 getImage("cute/DirtBlock"), getImage("cute/StoneBlock"),//3 getImage("cute/WaterBlock"), getImage("cute/ChestClosed"),//5 getImage("cute/TreeShort"), getImage("cute/TreeUgly"),//7 getImage("cute/Rock"), getImage("cute/WallBlock"),//9 getImage("cute/WoodBlock"), getImage("cute/BrownBlock"),//11 getImage("cute/PlainBlock"), getImage("cute/StoneBlockTall"),//13 getImage("cute/WallBlockTall"), getImage("cute/WindowTall"),//15 getImage("cute/TreeTall"), getImage("cute/ChestOpen"), getImage("cute/DoorTallClosed"),//18 getImage("cute/DoorTallOpen"), getImage("cute/RampNorth"),//20 getImage("cute/RampEast"), getImage("cute/RampSouth"),//22 getImage("cute/RampWest"), getImage("cute/Selector")//24 ]; var editorTriggerSprite = getImage("cute/Selector"); // Block properties, used for game logic isBlockTypeWalkableOnTop = function(typeIdx){ switch (typeIdx){ case 0:// Air case 4:// Water (unless you're jesus) case 6:// Tree case 7:// Tree case 8:// Rock case 16:// Tall Tree case 5:// Closed Chest case 17:// Open Chest //case 9:// Wall block //case 14:// Wall Tall return false; } return true; }; maxBlockHeight = 2; getBlockTypeHeight = function(typeIdx, x, y){ switch (typeIdx){ case 0: case 24:// Selector return -0.001;// No walk surface case 19:// Open Door return 0.3; case 5:// Closed Chest case 6:// Tree case 7:// Tree case 8:// Rock case 9:// Wall block (only looks 1 high, but for game purposes make it unjumpable) case 16:// Tall Tree return 1.5; case 13:// Stone Tall case 15:// Window Tall case 18:// Door Tall Closed return 2; case 14:// Wall Tall return 2.5;// Unjumpable case 20:// North Ramp return y; case 21:// East Ramp return 1-x; case 22:// South Ramp return 1-y; case 23:// West Ramp return x; } if (typeIdx >= gameImagesSize) {//Triggers return 0; } return 1; }; // Used for shadow calculations var isBlockTypeAcceptsShadow = function(typeIdx){ switch (typeIdx){ case 0:// Air case 6:// Tree case 7:// Tree case 8:// Rock case 16:// Tall Tree case 20:// North Ramp case 21:// East Ramp case 22:// South Ramp case 23:// West Ramp case 24:// Selector return false; } if (typeIdx >= gameImagesSize) {//Triggers return false; } return true; }; var isBlockTypeCastsShadow = function(typeIdx){ switch (typeIdx){ case 0:// Air case 6:// Tree case 7:// Tree case 8:// Rock case 16:// Tall Tree case 19:// Open Door case 20:// North Ramp case 21:// East Ramp case 22:// South Ramp case 23:// West Ramp case 24:// Selector return false; } if (typeIdx >= gameImagesSize) {//Triggers return false; } return true; }; // Some parameters to change how the blocks look cellsOnScreen = 10; var baseLayer = 0; var verticalSquash = 1; var slanting = -0.5; var shadowStrength = 200;// [0, 255] layerDepthValue = cellsOnScreen; yDepthValue = cellsOnScreencellsOnScreen; xDepthValue = 1; // Changes highlight color for when in editing mode var layerHighlightTint = {r:255, g:220, b:255, a:255}; var columnHighlightTint = {r:200, g:200, b:255, a:255}; // Trigger types: Spawn point, level finish, door trigger, <?> var triggerColor = [ [100, 255, 100], [255, 100, 100], [100, 100, 255], [255, 100, 255] ]; var triggerType = ["SPAWN", "FINISH", "DOOR"]; /* Shouldn't probably not touch anything beyond this point, unless you know what you're doing */ var shadowImages = [ getImage("cute/ShadowNorth"), getImage("cute/ShadowEast"), getImage("cute/ShadowSouth"), getImage("cute/ShadowWest"), getImage("cute/ShadowNorthEast"), getImage("cute/ShadowSouthEast"), getImage("cute/ShadowSouthWest"), getImage("cute/ShadowNorthWest") ]; var shadowOffsets = [[0, -1], [1, 0], [0, 1], [-1, 0], [1, -1], [1, 1], [-1, 1], [-1, -1]]; var shadowZOffset = 0.001; var northShadowZOffset = 0.1 layerDepthValue + shadowZOffset; var southShadowZOffset = layerDepthValue + yDepthValue - shadowZOffset; var shadowDepthOffset = [northShadowZOffset, shadowZOffset, southShadowZOffset, shadowZOffset, northShadowZOffset, southShadowZOffset, southShadowZOffset, northShadowZOffset]; activeBlockType = 1; var activeLayer = 1; var activeBlock = {x:0, y:0}; var blockChanged = false; var cellSize = width/cellsOnScreen; var cellTopWhitespace = cellSize0.5verticalSquash; cell = {width:cellSize, height:cellSize0.8 verticalSquash, xOffset:0, yOffset:height-cellsOnScreen * cellSize * 0.8 * verticalSquash - cellTopWhitespace}; var blockSize = {width:cellSize + 1, height:cellSize1.7verticalSquash}; vToHRatio = cell.height/cell.width; //100 x 80 > 50 offset; isKeyDown = []; gameImagesSize = images.length; lastMillis = millis(); inEditMode = true; var doShadows = true; character = {x:0, y:0, z:0, screenX:0, screenY:0, img:0, layer:0, block:{x:0, y:0}, grounded:false, zSpeed:0, solidBelow:0, depth:0}; var textures; var shadowTextureIdxOffset; var sortedZMap; var editorBlocksSize; var loadSpecialMapParams; var quicksort; var preComputeGameMap; var gameMap;// The map referenced to do actions on var editorGameMap = []; var activeGameMap; specialMapBlocks = []; var loadMap; var saveMap; var gameDraw; var editorDraw; var drawFunc = editorDraw; var printGameMap; /* Copy all images into a graphics object, because tint doesn't work with images created with getImage() / var setupGfx = function(){ var i, gfx; // Block images textures = [0]; for (i = 1; i < images.length; ++i){ gfx = createGraphics(blockSize.width, blockSize.height, JAVA2D); gfx.beginDraw(); gfx.background(255, 0); gfx.fill(255, 0); gfx.image(images[i], 0, 0, blockSize.width, blockSize.height); gfx.endDraw(); textures[i] = gfx; delete images[i]; } images.length = 0; // Add - editor only - different colored selectors for triggers for (i = 0; i < triggerColor.length; ++i){ var idx = textures.length; // First throw it into a graphics buffer gfx = createGraphics(blockSize.width, blockSize.height, JAVA2D); gfx.beginDraw(); gfx.background(255, 0); gfx.fill(255, 0); gfx.image(editorTriggerSprite, 0, 0, blockSize.width, blockSize.height); gfx.endDraw(); textures[idx] = gfx; // Now repaint with tint applied gfx = createGraphics(blockSize.width, blockSize.height, JAVA2D); gfx.beginDraw(); gfx.background(255, 0); gfx.fill(255, 0); gfx.tint(triggerColor[i][0], triggerColor[i][1], triggerColor[i][2], 200); gfx.image(textures[idx], 0, 0); gfx.endDraw(); textures[idx] = gfx; } editorTriggerSprite = 0; editorBlocksSize = textures.length; // Shadows shadowTextureIdxOffset = textures.length; for (i = 0; i < shadowImages.length; ++i){ gfx = createGraphics(blockSize.width, blockSize.height, JAVA2D); gfx.beginDraw(); gfx.background(255, 0); gfx.fill(255, 0); gfx.image(shadowImages[i], 0, 0, blockSize.width, blockSize.height); gfx.endDraw(); textures[shadowTextureIdxOffset+i] = gfx; delete shadowImages[i]; // Tacky repaint into 'same' gfx buffer to reduce shadow alpha gfx = createGraphics(blockSize.width, blockSize.height, JAVA2D); gfx.beginDraw(); gfx.background(255, 0); gfx.fill(255, 0); gfx.tint(255, 255, 255, shadowStrength); gfx.image(textures[shadowTextureIdxOffset+i], 0, 0); gfx.endDraw(); textures[shadowTextureIdxOffset+i] = gfx; } shadowImages.length = 0; // Character gfx = createGraphics(blockSize.width, blockSize.height, JAVA2D); gfx.beginDraw(); gfx.background(255, 0); gfx.fill(255, 0); gfx.image(characterImage, 0, 0, blockSize.width, blockSize.height); gfx.endDraw(); character.img = gfx; characterImage = 0; }; var setupDrawFunc = function(){ drawFunc = (inEditMode ? editorDraw : gameDraw); }; // From screen coords to block getCellCoord = function(x, y){ // X offset depends on char.block.y, carefull.. return {x:floor((x - cell.xOffset - character.block.yslanting)/cell.width), y:floor((y-cell.yOffset-cellTopWhitespace)/cell.height)}; //return {x:floor(x/cell.width), y:floor((y-cell.yOffset-cellTopWhitespace)/cell.height)}; }; // Same as above except unfloored getCellCoord_Float = function(x, y){ return {x:(x - cell.xOffset - character.block.yslanting)/cell.width, y:(y-cell.yOffset-cellTopWhitespace)/cell.height}; }; // Local coordinate within current cell, In cell coords getCoordInCell = function(x, y){ var exactCellCoords = getCellCoord_Float(x, y); return {x:exactCellCoords.x - floor(exactCellCoords.x), y:exactCellCoords.y - floor(exactCellCoords.y)}; }; // Reverse, from block to screen getCoordFromCell = function(x, y){ return {x:(xcell.width), y:(ycell.height + cell.yOffset + cellTopWhitespace)}; }; getLayerOffset = function(layer){// Y offset return (-(layer-baseLayer) cellSize0.4verticalSquash);//cell.height0.5 }; getBlockType = function(x, y, layer){ var id = 0, block; //layer = floor(layer);// Relies on the programmer to only pass integers as layer param if (gameMap[layer] && (block = gameMap[layer][ycellsOnScreen + x]) && block.type){ id = block.type; } return id; }; getBlock = function(x, y, layer){ var block; //layer = floor(layer);// Relies on the programmer to only pass integers as layer param if (gameMap[layer] && (block = gameMap[layer][ycellsOnScreen + x])){ return block; } return null; }; var pickBlock = function(){ var block; if (gameMap[activeLayer] && (block = gameMap[activeLayer][activeBlock.ycellsOnScreen + activeBlock.x])){ activeBlockType = block.type; } }; var placeBlock = function(strictBlock){ var blockType = (strictBlock !== undefined ? strictBlock : activeBlockType); if (!gameMap[activeLayer]){ gameMap[activeLayer] = []; } var prevBlock = gameMap[activeLayer][activeBlock.ycellsOnScreen + activeBlock.x]; var block = {type:blockType};// TODO: rewrite to constructor // if blockType <> gameMap[activeLayer][activeBlock.ycellsOnScreen + activeBlock.x] = block; // Handle special cases if (prevBlock && prevBlock.type >= gameImagesSize && triggerType[prevBlock.type-gameImagesSize] === "SPAWN"){ spawnPoint = 0; } if (blockType >= gameImagesSize && triggerType[blockType-gameImagesSize] === "SPAWN"){ if (spawnPoint){ // We're placing a spawn trigger. Only want one, so clear the last one gameMap[spawnPoint.layer][spawnPoint.ycellsOnScreen + spawnPoint.x] = 0; } // Save it for easy access spawnPoint = {x:activeBlock.x, y:activeBlock.y, layer:activeLayer}; } }; var drawMap = function(minLayer, maxLayer, minY, maxY, minX, maxX){ var layer, x, y; var layerOffset, id, xOffset; var imgX, imgY; for (layer = minLayer; layer < maxLayer; ++layer){// Bottom up if (layer < minLayer \|\| layer >= maxLayer) { continue; }// Quick hack in to do all layers, at expense of speed if (!gameMap[layer] \|\| gameMap[layer].length === 0) { continue; } layerOffset = getLayerOffset(layer) + cell.yOffset; for (x = minX; x < maxX; ++x){// Left to right xOffset = cell.xOffset + xcell.width; for (y = minY; y < maxY; ++y){ // Back to front imgX = yslanting + xOffset; imgY = layerOffset + ycell.height; // Highlight current column var isActiveColumn = (inEditMode && x === activeBlock.x && y === activeBlock.y); if (isActiveColumn){ if (layer === activeLayer){ continue; } pushStyle(); tint(columnHighlightTint.r, columnHighlightTint.g, columnHighlightTint.b, columnHighlightTint.a); } // Get type id = getBlockType(x, y, layer); //var block = gameMap[layer][ycellsOnScreen + x]; //id = block.type; if (id && (inEditMode \|\| id < gameImagesSize)){ // Draw block image(textures[id], imgX, imgY); // TODO: Fix some special cases, like 2-high blocks var layerAbove = layer+1; // Add shadows on top of blocks if (doShadows && isBlockTypeAcceptsShadow(id) && gameMap[layerAbove]){ var i, idx; // First check block directly above, if it's solid don't bother with shadows idx = getBlockType(x, y, layerAbove); if (idx === undefined \|\| !isBlockTypeCastsShadow(idx)){ // Straight sides var shadowOffset, xShadow, yShadow; var shadowcastingSides = []; for (i = 0; i < 4; ++i){ shadowOffset = shadowOffsets[i]; xShadow = x + shadowOffset[0]; yShadow = y + shadowOffset[1]; if (xShadow < 0 \|\| xShadow >= cellsOnScreen){ continue; } idx = getBlockType(xShadow, yShadow, layerAbove); if (idx && isBlockTypeCastsShadow(idx)){ image(textures[shadowTextureIdxOffset+i], imgX, imgY); shadowcastingSides[i] = true; } } // Corner sides, need special checking for (i = 4; i < 8; ++i){ shadowOffset = shadowOffsets[i]; xShadow = x + shadowOffset[0]; yShadow = y + shadowOffset[1]; if (xShadow < 0 \|\| xShadow >= cellsOnScreen){ continue; } idx = getBlockType(xShadow, yShadow, layerAbove); if (idx && isBlockTypeCastsShadow(idx)){ if (!shadowcastingSides[i-4] && !shadowcastingSides[(i > 6 ? 0 : i-3)])//i-3 > 3 { // Adjacent blocks were empty image(textures[shadowTextureIdxOffset+i], imgX, imgY); } } } } } // End of shadows } if (isActiveColumn){ popStyle(); } } } } }; // Properize var hardCodedDoorToggleFunc = function(x, y, layer, withinRange){ var mapBlock; if ((mapBlock = getBlock(x, y, layer))){ var newType = (withinRange ? 19 : 18); if (newType !== mapBlock.type){ mapBlock.type = newType; sortedZMap[mapBlock.zIdx].imgId = newType; // If height of block changes (or gets removed etc), update shadows accordingly } } }; var passOverZIdx = function(zEntry, zIdx){ var block = getBlock(zEntry.bx, zEntry.by, zEntry.blayer); delete zEntry.bx; delete zEntry.by; delete zEntry.blayer; if (block){ block.zIdx = zIdx; } }; preComputeGameMap = function(){ sortedZMap = []; specialMapBlocks = []; var layer, x, y; var layerOffset, id, xOffset; var slantAmount, imgX, imgY; var layerDepthOffset, yDepthOffset, depthOffset; var block, zIdx = 0; for (layer in gameMap){// Process all keys (including negative ones) layer = parseInt(layer, 10);// for <> in gives a string-type key, instead of int which is what we want if (!gameMap[layer] \|\| gameMap[layer].length === 0) { continue; } layerOffset = getLayerOffset(layer) + cell.yOffset; layerDepthOffset = layer layerDepthValue; for (y = 0; y < cellsOnScreen; ++y){ // Back to front slantAmount = yslanting; imgY = layerOffset + ycell.height; yDepthOffset = y * yDepthValue + yDepthValue; depthOffset = layerDepthOffset + yDepthOffset; for (x = 0; x < cellsOnScreen; ++x){// Left to right imgX = slantAmount + cell.xOffset + xcell.width; // Get type block = getBlock(x, y, layer); id = block.type; if (id && (inEditMode \|\| id < gameImagesSize)){ // Calc block depth var zDepth = depthOffset + x;// xDepthValue sortedZMap.push({zDepth:zDepth, imgId:id, x:imgX, y:imgY, bx:x, by:y, blayer:layer}); // Block functionality > make into decent func @ top of code // TEMP NICE HARDCODED FUNCTIONALITY if (id === 18){ specialMapBlocks.push({x:x, y:y, layer:layer, type:id, activateRange:1.5, activateFunc:hardCodedDoorToggleFunc}); } // TODO: Fix some special cases, like shadows from blocks 2-high var layerAbove = layer+1; // Add shadows on top of blocks if (isBlockTypeAcceptsShadow(id) && gameMap[layerAbove]){ var i, idx; // First check block directly above, if it's solid don't bother with shadows idx = getBlockType(x, y, layerAbove); if (idx === undefined \|\| !isBlockTypeCastsShadow(idx)){ var shadows = []; // Straight sides var shadowOffset, xShadow, yShadow; var shadowcastingSides = []; for (i = 0; i < 4; ++i){ shadowOffset = shadowOffsets[i]; xShadow = x + shadowOffset[0]; yShadow = y + shadowOffset[1]; if (xShadow < 0 \|\| xShadow >= cellsOnScreen){ continue; } idx = getBlockType(xShadow, yShadow, layerAbove); if (idx && isBlockTypeCastsShadow(idx)){ sortedZMap.push({zDepth:zDepth + shadowDepthOffset[i], imgId:shadowTextureIdxOffset+i, x:imgX, y:imgY, isShadow:true}); shadowcastingSides[i] = true; } } // Corner sides, need special checking for (i = 4; i < 8; ++i){ shadowOffset = shadowOffsets[i]; xShadow = x + shadowOffset[0]; yShadow = y + shadowOffset[1]; if (xShadow < 0 \|\| xShadow >= cellsOnScreen){ continue; } idx = getBlockType(xShadow, yShadow, layerAbove); if (idx && isBlockTypeCastsShadow(idx)){ if (!shadowcastingSides[i-4] && !shadowcastingSides[(i > 6 ? 0 : i-3)])//i-3 > 3 { // Adjacent blocks were empty sortedZMap.push({zDepth:zDepth + shadowDepthOffset[i], imgId:shadowTextureIdxOffset+i, x:imgX, y:imgY, isShadow:true}); } } } } }// End of shadows } } } } quicksort(sortedZMap); // Set zIdx on blockNode var len = sortedZMap.length; for (var z = 0; z < len; ++z){ var b = sortedZMap[z]; if (b){ passOverZIdx(b, z); } } }; var drawDepthSortedMap = function(zMapIdx, breakVal){ // Iterate over Z sorted map and paint textures var len = sortedZMap.length; for (var z = zMapIdx.idx; z < len; ++z){// Back to front var entry = sortedZMap[z]; if (breakVal && entry.zDepth > breakVal){ break; } if (doShadows \|\| !entry.isShadow){ image(textures[entry.imgId], entry.x, entry.y); } } zMapIdx.idx = z; }; editorDraw = function(){ background(255, 255, 255); if (blockChanged === true){ blockChanged = false; if (isKeyDown.MOUSE === true){ placeBlock(); } else if (isKeyDown.RMOUSE === true){ placeBlock(0);// Remove block } } // TODO: rewrite editor draw code > needs Layer upward like character // Paint everything lower than the mouse layer drawMap(-50, activeLayer, 0, cellsOnScreen, 0, cellsOnScreen);// Quick hack in for 'all' layers // TODO: properize pushStyle();// Highlight active layer tint(layerHighlightTint.r, layerHighlightTint.g, layerHighlightTint.b, layerHighlightTint.a); // Paint active layer, all rows inclusive and behind mouseY drawMap(activeLayer, activeLayer+1, 0, activeBlock.y+1, 0, cellsOnScreen); pushStyle();// Highlight active layer noTint(); // Paint mouse block image(textures[activeBlockType], activeBlock.yslanting + cell.xOffset + activeBlock.xcell.width, getLayerOffset(activeLayer) + cell.yOffset + activeBlock.ycell.height); popStyle(); // Paint remainder of active layer (infront of mouseY) drawMap(activeLayer, activeLayer+1, activeBlock.y+1, cellsOnScreen, 0, cellsOnScreen); popStyle(); // Drop layer highlight // Paint other layers above activeLayer drawMap(activeLayer+1, gameMap.length, 0, cellsOnScreen, 0, cellsOnScreen); }; gameDraw = function(){ // Calculate the time between the last frame and this one var deltaTime = millis() - lastMillis; lastMillis += deltaTime; // Make sure timestep does not get out of hand if (deltaTime > 100) { deltaTime = 100; } // Handle user defined game update updateGame(deltaTime); // Nothing changed, so no need to redraw (saves cpu power) if (!redrawGame) { return; } background(255, 255, 255); // Paint the map based on Z sorting var zMapIdx = {idx:0}; // Paint char shadow if (doShadows && character.z - character.solidBelow - character.solidBelowLayerHeight <= 3){ // Draw up until drop shadow Z var shadowDepth = (character.solidBelow + 1) layerDepthValue + (character.block.y + 0.8 + getCoordInCell(character.x, character.y).y) * yDepthValue + character.block.x;//* xDepthValue; drawDepthSortedMap(zMapIdx, shadowDepth); // Paint player shadow on ground var heightDiff = character.z - character.solidBelow - character.solidBelowLayerHeight; var heightFrac = heightDiff/4; var shadowSize = characterShadowSize * (1-heightFrac0.5); noStroke(); fill(100, 100, 100, characterShadowAlpha - characterShadowAlphaheightFrac); ellipse(character.block.yslanting + character.screenX + character.img.width0.1, floor(getLayerOffset(character.solidBelow + character.solidBelowLayerHeight - 1) + character.y), shadowSize2, shadowSize); } drawDepthSortedMap(zMapIdx, character.depth); // Paint player image(character.img, character.block.yslanting + character.screenX - character.img.width0.4, character.screenY - character.img.height0.8); drawDepthSortedMap(zMapIdx); gameOverDraw(); redrawGame = false; }; var draw = function(){ drawFunc(); }; onModeChanged = function(forceToEditMode){ if (forceToEditMode !== undefined){ inEditMode = forceToEditMode; } setupDrawFunc(); gameMap = editorGameMap; if (!inEditMode){ preComputeGameMap(); // Copy contents of editorGameMap over to activeGameMap and set it as the one we use var gLen = editorGameMap.length; var lLen, block, blockCopy; activeGameMap = []; for (var layer = 0; layer < gLen; ++layer){ activeGameMap[layer] = []; lLen = editorGameMap[layer].length; for (var pos = 0; pos < lLen; ++pos){ block = editorGameMap[layer][pos]; blockCopy = {}; for (var key in block){ blockCopy[key] = block[key]; } activeGameMap[layer][pos] = blockCopy; } } gameMap = activeGameMap; onGameStart(); } else if (specialMapBlocks.size > 0){ // Have been in game and going back to editor // TODO: Set all blocks back to their original state; before going into game mode } }; var initialize = function(){ setupGfx(); loadMap(); loadSpecialMapParams(); onModeChanged(); }; var keyPressed = function(){ isKeyDown[keyCode] = true; if (inEditMode === true){ if (keyCode === UP){ ++activeLayer; blockChanged = true; } else if (keyCode === DOWN){ --activeLayer; blockChanged = true; } if (keyCode === LEFT){ --activeBlockType; if (activeBlockType < 0){ activeBlockType = editorBlocksSize-1; } blockChanged = true; } else if (keyCode === RIGHT){ ++activeBlockType; if (activeBlockType > editorBlocksSize-1){ activeBlockType = 0; } blockChanged = true; } } if (!inEditMode){ gameKeyPressed(); } }; var keyReleased = function(){ isKeyDown[keyCode] = false; if (/inEditMode && /keyCode === 80){// 'P' printGameMap(); } if (keyCode === TAB \|\| keyCode === 71){// 'G' inEditMode = !inEditMode; onModeChanged(); } if (keyCode === 48){//'0' doShadows = !doShadows; redrawGame = true; } if (!inEditMode){ gameKeyReleased(); } }; var mousePressed = function(){ if (mouseButton === LEFT){ isKeyDown.MOUSE = true; if (inEditMode){ if (isKeyDown[CONTROL]){ pickBlock(); } else { placeBlock(); } } } else if (mouseButton === RIGHT){ isKeyDown.RMOUSE = true; if (inEditMode){ placeBlock(0);// Clear current block } } if (inEditMode && mouseButton === 3){ //Middle mouse // Drag map } }; var mouseReleased = function(){ if (mouseButton === LEFT){ isKeyDown.MOUSE = false; } else if (mouseButton === RIGHT){ isKeyDown.RMOUSE = false; } }; var updateActiveBlock = function(){ activeBlock = getCellCoord(mouseX, mouseY); blockChanged = true; }; var mouseMoved = function(){ updateActiveBlock(); }; var mouseDragged = function(){ updateActiveBlock(); }; // Get certain special information, like spawn points loadSpecialMapParams = function(){ // Iterate over entire map, and check for special items var gLen = editorGameMap.length; var lLen, val; for (var layer = 0; layer < gLen; ++layer){ if (editorGameMap[layer] !== undefined){ lLen = editorGameMap[layer].length; for (var pos = 0; pos < lLen; ++pos){ val = editorGameMap[layer][pos].type; if (val !== undefined && val > 0){ if (val >= gameImagesSize && triggerType[val-gameImagesSize] === "SPAWN"){ var x = pos%cellsOnScreen; var y = floor(pos/cellsOnScreen); spawnPoint = {x:x, y:y, layer:layer}; } } } } } }; // Quicksort algoritm var partition = function(array, left, right, pivotIndex){ // Get pivot value var pivotValue = array[pivotIndex].zDepth; // Swap pivotElement to the end var tmp = array[pivotIndex]; array[pivotIndex] = array[right]; array[right] = tmp; var storeIndex = left; for (var i = left; i < right; ++i){ if (array[i].zDepth < pivotValue){ tmp = array[storeIndex]; array[storeIndex] = array[i]; array[i] = tmp; storeIndex = storeIndex + 1; } } // Move pivot to its final place tmp = array[storeIndex]; array[storeIndex] = array[right]; array[right] = tmp; return storeIndex; }; var subQuicksort = function(array, left, right){ // If the list has 2 or more items if (left < right){ var pivotIndex = floor((left+right)/2); // Get lists of bigger and smaller items and final position of pivot pivotIndex = partition(array, left, right, pivotIndex); // Recursively sort elements smaller than the pivot subQuicksort(array, left, pivotIndex - 1); // Recursively sort elements at least as big as the pivot subQuicksort(array, pivotIndex + 1, right); } }; quicksort = function(array){ subQuicksort(array, 0, array.length-1); }; var concatMapFormat = function(minValDuplication, valConcatIdentifier, sizeSplitIdentifier){ var lastChar = "", curChar; var sameCount = 0, startIdx = -1, concatStartIdx = -1, concatStartIdxOffset = 0, concatStr; var mdLen = mapData.length; var concatMapData = mapData; for (var i = 0; i <= mdLen; ++i){ curChar = mapData.substring(i, i+1); ++sameCount; if (curChar !== lastChar){ if (sameCount >= minValDuplication){ startIdx = i - sameCount; concatStartIdx = startIdx - concatStartIdxOffset; // Concat concatStr = valConcatIdentifier + sameCount + sizeSplitIdentifier + lastChar + valConcatIdentifier; concatStartIdxOffset += sameCount - concatStr.length; concatMapData = concatMapData.substring(0, concatStartIdx) + concatStr + mapData.substring(i); } sameCount = 0; } lastChar = curChar; } return concatMapData; }; var expandMapFormat = function(valConcatIdentifier, sizeSplitIdentifier){ var partitionedData = mapData.split(valConcatIdentifier); var pdLen = partitionedData.length; var pdSection, sectionSubs; var nrOccur = 0, value; for (var i = 0; i < pdLen; ++i){ pdSection = partitionedData[i]; if (pdSection && pdSection.length < 10){ sectionSubs = pdSection.split(sizeSplitIdentifier); if (sectionSubs && sectionSubs.length > 1){ nrOccur = sectionSubs[0]; value = sectionSubs[1]; pdSection = ""; for (var j = 0; j < nrOccur; ++j){ pdSection += value; } partitionedData[i] = pdSection; } } } return partitionedData.join(""); }; loadMap = function(){ // Expand map to full size. mapData = expandMapFormat("\|", "x"); var mdLen = mapData.length; var idx = 0; var block, value, litVal; // Parse special map data > cellsOnScreen embed in first 2 digits (base36), nr layers and what baselayer in next 4 var mapFormat = []; value = mapData.substring(idx, idx+2); cellsOnScreen = parseInt(value, 36); idx += 2; value = mapData.substring(idx, idx+1); var valSign = parseInt(value, 36); value = parseInt(mapData.substring(idx+1, idx+3), 36); baseLayer = (valSign === 0 ? value : -value); idx += 3; var idxOffset = idx; // Setup layer/x/y coord automation based on bounds defined above // Parse map; every get is blockID of next coord (x, y, z) for (;idx < mdLen;){ litVal = mapData.substring(idx, idx+1); value = parseInt(litVal, 36); var trueIdx = idx-idxOffset; var layer = floor(trueIdx / (cellsOnScreencellsOnScreen)); var y = floor(trueIdx / cellsOnScreen) % cellsOnScreen; var x = trueIdx % cellsOnScreen; ++idx; block = {type:value}; // Checks if blockType(value) needs special handling, like a trigger that holds x y z coords to the object it triggers // Read out those values from mapData, using idx (already incremented) // Put extra data in block object // return the new idx, offset by amount of extra chars read //idx = loadBlockExtraComponents(value, block, idx); if(!editorGameMap[layer]) { editorGameMap[layer] = []; } editorGameMap[layer][ycellsOnScreen + x] = block; } }; var findFirstValidLayer = function(start, end, reverse){ var eq = (reverse ? function(l) { return l >= end; } : function(l) { return l < end; }); var layerLen, g, b; for (var i = start; eq(i); (reverse ? --i : ++i)){ if ((g = editorGameMap[i]) !== undefined && (layerLen = g.length) > 0){ for (var pos = 0; pos < layerLen; ++pos){ if ((b = g[pos]) && b.type !== 0){ return i; } } } } return -1; }; var padInput = function(input, padChar, minSize){ var val = input.toString(); while (val.length < minSize){ val = padChar + val; } return val; }; saveMap = function(){ // Trim editorGameMap layers on top & bottom var nrLayers = editorGameMap.length; var layer; var bottomLayer = findFirstValidLayer(0, nrLayers); if (bottomLayer === -1) { println("No data in map!"); return; } var topLayer = findFirstValidLayer(nrLayers-1, 0, true) + 1; var idx = 0; var block, value; var dataStr = ""; for (layer = bottomLayer; layer < topLayer; ++layer){ var layerStr = ""; if (editorGameMap[layer] !== undefined && editorGameMap[layer].length > 0){ for (var y = 0; y < cellsOnScreen; ++y){ for (var x = 0; x < cellsOnScreen; ++x){ //block = getBlock(x, y, layer); block = editorGameMap[layer][ycellsOnScreen + x]; value = block.type; layerStr += value.toString(36); // Checks if blockType(value) holds special data & store it accordingly //layerStr += saveBlockExtraComponents(block); } } dataStr += layerStr; } } mapData = ""; mapData += padInput(cellsOnScreen.toString(36), "0", 2); var valSign = (baseLayer < 0 ? 1 : 0); mapData += valSign.toString(36); mapData += padInput(baseLayer.toString(36), "0", 2); mapData += dataStr; // Concat str to a smaller format mapData = concatMapFormat(6, "\|", "x"); }; printGameMap = function(){ saveMap(); println("/ This is your game map, replace it with the one at the top /"); println("var mapData = \"" + mapData + "\";"); println("/ End of game map */"); }; initialize();
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIUCxIKU2NyYXRjaHBhZBjMp-flBAw
Votes	202
Spin-Offs	79
Type	PJS
Width	400
Height	400
User Flagged	false
Origin Scratchpad	{"id":"1198524768","title":"Minecraft World","deleted":"false","official":"false"}
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	Salvago
Author Name	Salvago
Author ID	kaid_973919919433881243608878
Author Profile Access	PUBLIC

Archive Data

Added	10 months ago, 1739280925151
Updated	10 months ago, 1739280926138
Source Deleted	unknown