//source: https://stackoverflow.com/questions/11381673/detecting-a-mobile-browser //my own edition var device = navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) var phone = device? true:false; var clickables; window.onload = function() { c = document.getElementById("canvas"); c.onclick = click.func; cw = c.width = window.innerWidth; ch = c.height = window.innerWidth + window.innerHeight*0.15; hashEl = document.getElementById("hash"); cdiag = Math.sqrt(ch*ch+cw*cw); ctx = c.getContext("2d"); drawButtons(); arr = generateFromHash(generateHash()); arr[14][14][13] = 0; arr[14][14][14] = 0; world.update(); hashEl.innerHTML = compress(generateHash()); clickables = [[function() {return !menu.open}, cw/20, cw/20, cw*0.95, cw*0.95, world.build], [function() {return !menu.open&&bp.open}, cw*0.81, 0, cw*0.99, cw*0.99, bp.click], [function() {return !menu.open&&!bp.open}, cw*0.95, cw*0.45, cw, cw*0.55, bp.openUp], [function() {return !menu.open}, 0, cw, cw, ch, upOrDown]]; alert("this is a tool to create maps for a game I created. I did not use any engine and I created the 3D graphics myself, keep that in mind when you look at this ;)"); alert("the hash below is all of the data the map currently holds, any hash can be put in the input, and press the button to load the hash"); }; function drawButtons() { ctx.fillStyle = "#FFF"; ctx.fillRect(0, ch, cw, cw-ch); ctx.fillStyle = "#955"; ctx.fillRect(0, ch, cw, (cw-ch)*world.z/16); ctx.fillStyle = "#000"; ctx.font = cw/7 + "px Arial"; ctx.fillText("UP", cw/6, cw*1.15); ctx.fillText("DOWN", cw*0.5, cw*1.15); } function fullA(a) { return [a, a, a, a, a, a, a, a, a, a, a, a, a, a, a, a]; } function hollA(a) { return [a, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, a]; } function empty(a) { return [fullA(a), hollA(a), hollA(a), hollA(a), hollA(a), hollA(a), hollA(a), hollA(a), hollA(a), hollA(a), hollA(a), hollA(a), hollA(a), hollA(a), hollA(a), fullA(a)]; } function filled(a) { return [fullA(a), fullA(a), fullA(a), fullA(a), fullA(a), fullA(a), fullA(a), fullA(a), fullA(a), fullA(a), fullA(a), fullA(a), fullA(a), fullA(a), fullA(a), fullA(a)]; } arr = [filled(1), empty(1), empty(1), empty(1), empty(1), empty(1), empty(1), empty(1), empty(1), empty(1), empty(1), empty(1), empty(1), empty(1), empty(1), filled(1)]; base64 = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "+", "/"]; //i know it looks silly, but I came up with this solution, and wikipedia told me these are the base64 symbols. ive never used encrypting before, and i just wanted to keep it simple base16 = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F"]; function generateHash() { var hash = ""; var current = []; for (var i = 1; i < 15; i++) { for (var j = 1; j < 15; j++) { for (var k = 1; k < 15; k++) { if (current.push(arr[i][j][k])===6) { hash += convert2To64(current); current = []; } } } } var len = ba.lavaArr.length; var objects = ""; if (len!==0) { objects = "<" + len + "L"; for (i = len-1; i>=0; i--) { c = ba.lavaArr[i]; objects += base16[c.x] + base16[c.y] + base16[c.z]; } } return current.join("") + base16[P.x] + base16[P.y] + base16[P.z] + base16[flag.x] + base16[flag.y] + base16[flag.z] + hash + objects; } function generateFromHash(hash, a) { if(!hash) { alert("please input hash next to the button"); return arr; } ba.lavaArr.splice(0) for (var i = hash.length; hash.charAt(i)!=="<"&&i!==0; i--) {} if(i!==0) { var oh = hash.substr(i); //object hash (contains information about where the objects are) hash = hash.substr(0, i); var len = ""; for (var j = 0; oh.charAt(j)!="L"; j++) { var temp = parseInt(oh.charAt(j)); if (temp) { len+=temp; } } var total = j+1; for (var i = 0; i < len; i++) { ba.lavaArr.push(new Lava(base16.indexOf(oh.charAt(total+i*3)), base16.indexOf(oh.charAt(total+i*3+1)), base16.indexOf(oh.charAt(total+i*3+2)))); } } var PLoc = hash.substr(2, 3); var FLoc = hash.substr(5, 3); hash = hash.substr(0, 2) + hash.substr(8); a = a || 1; var output = [filled(a)]; var cRow = [1]; var cPlane =[fullA(a)]; for (var i = 2; i < 459; i++) { var bin = convert64To2(hash[i]); while (bin.length>0) { if (cRow.length===15) { cRow.push(a); if (cPlane.length===15) { cPlane.push(fullA(a)); output.push(cPlane); cPlane = [fullA(a), cRow]; cRow = [1]; } else { cPlane.push(cRow); cRow = [1]; } } else { cRow.push(bin.shift()); } } } setLoc(P, PLoc); setLoc(flag, FLoc); cRow.push(hash[0]); cRow.push(hash[1]); cRow.push(a); cPlane.push(cRow); cPlane.push(fullA(a)); output.push(cPlane); output.push(filled(a)); return output; } function setLoc(ob, xyz) { x = base16.indexOf(xyz.charAt(0)); y = base16.indexOf(xyz.charAt(1)); z = base16.indexOf(xyz.charAt(2)); if (arr[x][y][z]) { alert("this block is occupied!"); } else { ob.x = x; ob.y = y; ob.z = z; } } function convert64To2(b64) { var output = []; var hex = base64.indexOf(b64); for(var i = 0; i < 6; i++) { output.push(hex%2); hex = Math.floor(hex/2); } return output; } function convert2To64(bin) { var temp = 0; for (var l = 0; l < 6; l++) { temp += bin[l]*Math.pow(2, l); } return base64[temp]; } function upOrDown(x, y) { world.z = x>cw/2? world.z>0?world.z-1:0: world.z<15? world.z+1: 15; drawButtons(); } function Lava(x, y, z) { this.x = x; this.y = y; this.z = z; this.draw = function(dxd, dyd, ck) { ctx.fillStyle = "#F50"; ctx.fillRect(this.x*ck+dxd, this.y*ck+dyd, ck, ck); } } var flag = { x:1, y:1, z:1, elID:"input1" } var P = { x:14, y:14, z:1, elID:"input2" } ba = { //buildables lavaArr:[] } var checkB4BuildArr = [P, flag, ba.lavaArr]; bp = { //build panel open:true, selected:0, click: function(x, y) { var width = cw*0.16; if (y 0; i--) { ctx.beginPath(); var r = Math.random()*0.13*size; //radius ctx.arc(r+Math.random()*(size-r*2), r+Math.random()*(size-r*2), r, 0, Math.PI*2); ctx.closePath(); ctx.fill(); } }, function(x, y, z) { ba.lavaArr.push(new Lava(x, y, z)); }] ], draw: function() { ctx.fillStyle = "#595"; if (this.open) { ctx.fillRect(cw*0.8, 0, cw*0.2, cw); ctx.fillStyle = "#555"; var width = cw*0.16; ctx.fillRect(cw*0.81, cw*0.01, width, width); ctx.beginPath(); ctx.moveTo(cw*0.96, cw*0.01+width/2); ctx.lineTo(cw*0.82, cw*0.02); ctx.lineTo(cw*0.82, width); ctx.closePath(); ctx.stroke(); var len = this.options.length; for (var i = 1; i < 6; i++) { var a = 3+Math.abs(3-i)*2 ctx.fillStyle = "#"+a+a+a; ctx.save(); ctx.translate(cw*0.81, cw*0.02+width*i); ctx.fillRect(0, 0, width, width); var sel = this.selected-3+i; sel = this.options[sel= 0; i--) { var c = clickables[i] if (c[0]()&&x>c[1]&&y>c[2]&&x=0; i--) { var c = checkB4BuildArr[i]; if (Array.isArray(c)) { for (var j = c.length-1; j>=0; j--) { co = c[j]; if (x===co.x&&y===co.y&&z===co.z) {co.draw(dxd, dyd, ckd); j = 0;} } } else if (x===c.x&&y===c.y&&z===c.z) {j = 0;} } ctx.fillStyle = "#FFF"; if(arr[x][y][z]) { //if there is a block if(!arr[x][y][z+1] || z===this.z) { //if there is not a block above the current block, or it is drawing the top layer, draw a square on top of the current block ctx.fillRect(xu, yu, cku, cku); ctx.strokeRect(xu, yu, cku, cku); } if(x dlb&& arr[x-1]&&!arr[x-1][y][z]) { ctx.beginPath(); ctx.moveTo(xu, yu); ctx.lineTo(xd, yd); ctx.lineTo(xd, yd+ckd); ctx.lineTo(xu, yu+cku); ctx.closePath(); ctx.fill(); ctx.stroke(); } if(y dbb&& arr[x][y-1]&&!arr[x][y-1][z]) { ctx.beginPath(); ctx.moveTo(xu+cku, yu); ctx.lineTo(xd+ckd, yd); ctx.lineTo(xd, yd); ctx.lineTo(xu, yu); ctx.closePath(); ctx.fill(); ctx.stroke(); } } } } if (P.z===z) { ctx.beginPath(); ctx.arc(dxd+ckd*(P.x+0.5), dyd+ckd*(P.y+0.5), ckd/5, 0, Math.PI*2); ctx.closePath(); ctx.fillStyle = "#F00"; ctx.fill(); } if (flag.z===z) { //drawing flag ctx.beginPath(); ctx.moveTo(dxd+ckd*(flag.x+0.5), dyd+ckd*(flag.y+0.5)); ctx.lineTo(dxu+cku*(flag.x+0.5), dyu+cku*(flag.y+0.5)); ctx.closePath(); ctx.strokeStyle = "#000"; ctx.lineWidth = cw/200; ctx.stroke(); ctx.lineWidth = cw/600; ctx.strokeStyle = "#999"; var rp = this.per/(this.z-z+this.per+1-0.25); var ckp = ck*rp; //chunk point var dxp = (tot-(rp*tot))*drx; var dyp = (tot-(rp*tot))*dry; var rm = this.per/(this.z-z+this.per+1-0.5); var ckm = ck*rm; //chunk middle var dxm = (tot-(rm*tot))*drx; var dym = (tot-(rm*tot))*dry; ctx.beginPath(); ctx.moveTo(dxu+cku*(flag.x+0.5), dyu+cku*(flag.y+0.5)); ctx.lineTo(dxp+ckp*(flag.x+1), dyp+ckp*(flag.y+0.5)); ctx.lineTo(dxm+ckm*(flag.x+0.5), dym+ckm*(flag.y+0.5)); ctx.closePath(); ctx.fillStyle = "#F00"; ctx.fill(); } } ctx.restore(); bp.draw(); }, build: function(x, y) { x-=cw/20; y-=cw/20; var z = world.z; var size = (cw-cw/10); var ck = size/16; if (x > 0 && x < size && y > 0 && y < size) { var bx = Math.floor(x/ck); var by = Math.floor(y/ck); if (canBuild(bx, by, z)) { bp.options[bp.selected][2](bx, by, z); } } else if (x > 0 && x < size && y > size) { world.z = z + (x=0; i--) { var c = checkB4BuildArr[i]; if (Array.isArray(c)) { for (var j = c.length-1; j>=0; j--) { co = c[j]; if (x===co.x&&y===co.y&&z===co.z) {c.splice(j, 1); return false;} } } else if (x===c.x&&y===c.y&&z===c.z) {return false;} } return true; } function compress(input) { for (var i = 0; i < input.length; i++) { for (var j = 0; input.charAt(i)===input.charAt(i+j); j++) { } if (j > 3) { out = input.substr(0, i+1); out += ";" + j + ";"; out += input.substr(i+j, input.length-1); input = out; i+=2 + (j + "").length; } else { i+=j-1; } } return input; } function decompress(input) { for (var i = 0; i < input.length; i++) { //nr? i += parseInt(nr) : i++) { if (input.charAt(i)===";") { var nr = ""; j = 1; while(true) { if (input.charAt(i+j)===";") {break;} nr += input.charAt(i+j); j++; } var out = input.substr(0, i-1) for(k = parseInt(nr); k > 0; k--) { out += input.charAt(i-1) } out += input.substr(i+2+nr.length); input = out; } } return input; } function pasteHash() { arr = generateFromHash(decompress(document.getElementById("input").value)); world.update(); } function visitGame() { window.open("https://code.sololearn.com/WcplRQ5Vli0a/?ref=app"); } function copy() { var tempEl = document.createElement("input"); document.body.appendChild(tempEl); tempEl.setAttribute("id", "temporary"); document.getElementById("temporary").value=compress(generateHash()); tempEl.select(); document.execCommand("copy"); document.body.removeChild(tempEl); }

[3D] world creator [update&fixes]