window.onload = function () { alert("Rotations are currently choosen random. More Interface will be added later."); var canvas = document.getElementById("board"); var ctx = canvas.getContext("2d"); var running = false; var interval; var boardSizeX = window.innerWidth; var boardSizeY = window.innerHeight; var original = prompt("Please input the string to encrypt.", "Sololearn"); var cubeVec = [[-0.5, -0.5, -0.5], [-0.5, 0.5, -0.5], [0.5, 0.5, -0.5], [0.5, -0.5, -0.5], [-0.5, -0.5, 0.5], [-0.5, 0.5, 0.5], [0.5, 0.5, 0.5], [0.5, -0.5, 0.5]]; var rotR = [3, 2, 6, 7, 0, 1, 5, 4]; var rotU = [1, 5, 6, 2, 0, 4, 7, 3]; var cubes = []; var cubesTmp = []; var cubeData = []; canvas.width = boardSizeX; canvas.height = boardSizeY; ctx.fillStyle = "#000000"; ctx.font = "20px Arial"; var count = Math.ceil(original.length / 8); for (; count > 0; count--) { cubes.push([]); cubeData.push([0, 0, 0, false, null]); } for (var i = 0; i < original.length; i++) { cubes[Math.floor(i / 8)][i % 8] = original[i]; } while (cubes[cubes.length - 1].length < 8) { cubes[cubes.length - 1].push(""); } var posX = 0; var posY = 0; var rotX = 0; var rotY = 0; //0 = up, 1 = right, 2 = down, 3 = left var rotations = []; for (var m = 0; m < cubes.length; m++) { var rots = []; var rotCount = Math.random() * 10 + 1; for (var n = 0; n < rotCount; n++) { rots.push(Math.floor(Math.random() * 4)); } rotations.push(rots); } var s = 0.4; var dim = Math.floor(boardSizeX / (cubes.length * 2)); cubesTmp = cubes.slice(); update = function () { ctx.clearRect(0, 0, canvas.width, canvas.height); posX = -dim; posY = dim; for(var rotsLeft = 0; rotsLeft < rotations.length; rotsLeft++){ if (rotations[rotsLeft].length > 0){ break; } clearInterval(interval); } for (var c = 0; c < cubes.length; c++) { posX += dim * 2; if (!cubeData[c][3] && rotations[c].length > 0) { cubeData[c][4] = rotations[c].shift(); cubeData[c][3] = true; } else if (cubeData[c][3]) { var newCube = []; var l = 0; if (cubeData[c][4] === 0) { cubeData[c][0]++; if (cubeData[c][0] % 90 === 0) { cubeData[c][3] = false; newCube = []; for (l = 0; l < 8; l++) { newCube[rotU[l]] = cubesTmp[c][l]; } cubesTmp[c] = newCube.slice(); } } else if (cubeData[c][4] == 1) { cubeData[c][1]--; if (cubeData[c][1] % 90 === 0) { cubeData[c][3] = false; newCube = []; for (l = 0; l < 8; l++) { newCube[rotR[l]] = cubesTmp[c][l]; } cubesTmp[c] = newCube.slice(); } } else if (cubeData[c][4] == 2) { cubeData[c][0]--; if (cubeData[c][0] % 90 === 0) { cubeData[c][3] = false; newCube = []; for (l = 0; l < 8; l++) { newCube[l] = cubesTmp[c][rotU[l]]; } cubesTmp[c] = newCube.slice(); } } else if (cubeData[c][4] == 3) { cubeData[c][1]++; if (cubeData[c][1] % 90 === 0) { cubeData[c][3] = false; newCube = []; for (l = 0; l < 8; l++) { newCube[l] = cubesTmp[c][rotR[l]]; } cubesTmp[c] = newCube.slice(); } } } rotX = cubeData[c][0]; rotY = cubeData[c][1]; ctx.fillText(cubesTmp.join().split(",").join(""), 10, dim * 2 + 20); for (var i = 0; i < 8; i++) { var pos = rotYVec(rotY, rotXVec(rotX, cubeVec[i])); if (cubes[c][i]) ctx.fillText(cubes[c][i], posX + 5 + (pos[0] + pos[2] * s) * dim, posY + 20 + (-pos[1] - pos[2] * s) * dim); } ctx.beginPath(); for (var j = 0; j < 4; j++) { var dir = rotYVec(rotY, rotXVec(rotX, cubeVec[j])); var dir2 = rotYVec(rotY, rotXVec(rotX, cubeVec[(j + 1) % 4])); ctx.moveTo(posX + (dir[0] + dir[2] * s) * dim, posY + (-dir[1] - dir[2] * s) * dim); ctx.lineTo(posX + (dir2[0] + dir2[2] * s) * dim, posY + (-dir2[1] - dir2[2] * s) * dim); dir = rotYVec(rotY, rotXVec(rotX, cubeVec[j + 4])); dir2 = rotYVec(rotY, rotXVec(rotX, cubeVec[(j + 1) % 4 + 4])); ctx.moveTo(posX + (dir[0] + dir[2] * s) * dim, posY + (-dir[1] - dir[2] * s) * dim); ctx.lineTo(posX + (dir2[0] + dir2[2] * s) * dim, posY + (-dir2[1] - dir2[2] * s) * dim); dir = rotYVec(rotY, rotXVec(rotX, cubeVec[j + 4])); dir2 = rotYVec(rotY, rotXVec(rotX, cubeVec[(j + 4) % 4])); ctx.moveTo(posX + (dir[0] + dir[2] * s) * dim, posY + (-dir[1] - dir[2] * s) * dim); ctx.lineTo(posX + (dir2[0] + dir2[2] * s) * dim, posY + (-dir2[1] - dir2[2] * s) * dim); } ctx.stroke(); } }; rotXVec = function (rot, vec) { if (rot === 0) return vec; rot = rot * Math.PI / 180; var mat = [[1, 0, 0] , [0, Math.cos(rot), -Math.sin(rot)] , [0, Math.sin(rot), Math.cos(rot)]]; var retVec = []; retVec.push(mat[0][0] * vec[0] + mat[0][1] * vec[1] + mat[0][2] * vec[2]); retVec.push(mat[1][0] * vec[0] + mat[1][1] * vec[1] + mat[1][2] * vec[2]); retVec.push(mat[2][0] * vec[0] + mat[2][1] * vec[1] + mat[2][2] * vec[2]); return retVec; }; rotYVec = function (rot, vec) { if (rot === 0) return vec; rot = rot * Math.PI / 180; var mat = [[Math.cos(rot), 0, Math.sin(rot)] , [0, 1, 0] , [-Math.sin(rot), 0, Math.cos(rot)]]; var retVec = []; retVec.push(mat[0][0] * vec[0] + mat[0][1] * vec[1] + mat[0][2] * vec[2]); retVec.push(mat[1][0] * vec[0] + mat[1][1] * vec[1] + mat[1][2] * vec[2]); retVec.push(mat[2][0] * vec[0] + mat[2][1] * vec[1] + mat[2][2] * vec[2]); return retVec; }; rotZVec = function (rot, vec) { if (rot === 0) return vec; rot = rot * Math.PI / 180; var mat = [[Math.cos(rot), -Math.sin(rot), 0] , [Math.sin(rot), Math.cos(rot), 0] , [0, 0, 1]]; var retVec = []; retVec.push(mat[0][0] * vec[0] + mat[0][1] * vec[1] + mat[0][2] * vec[2]); retVec.push(mat[1][0] * vec[0] + mat[1][1] * vec[1] + mat[1][2] * vec[2]); retVec.push(mat[2][0] * vec[0] + mat[2][1] * vec[1] + mat[2][2] * vec[2]); return retVec; }; interval = setInterval(update, 1000 / 60); };

[Contest] The Crypto-Cube