var mainCanObj; var interactiveCanObj; var equationCanObj; window.onload = function(){ mainCan(); interactiveCan(); equationCan(); loop(); } function mainCan(){ var can = document.getElementById("mainCan"); can.width = 360; can.height = 360; var c = can.getContext("2d"); var size = 90; mainCanObj = { can: can, c: c, map: null, size: size }; refreshMainCan(); } function refreshMainCan(){ mainCanObj.map = new Map(mainCanObj.size, mainCanObj.size, mainCanObj.can.width/(mainCanObj.size-1)); } function interactiveCan(){ var can = document.getElementById("interactiveCan"); can.width = 360; can.height = 360; var c = can.getContext("2d"); var size = 10; can.addEventListener("mousedown", function(e){ var x = Math.round((e.clientX - interactiveCanObj.can.getBoundingClientRect().left) / interactiveCanObj.can.width * interactiveCanObj.size); var y = Math.round((e.clientY - interactiveCanObj.can.getBoundingClientRect().top) / interactiveCanObj.can.height * interactiveCanObj.size); try { interactiveCanObj.map.vertices[y][x] = !interactiveCanObj.map.vertices[y][x]; }catch(Exception){ return; } }); /* can.addEventListener("touchstart", function(e){ var x = Math.round((e.touches[0].clientX - interactiveCanObj.can.getBoundingClientRect().left) / interactiveCanObj.can.width * interactiveCanObj.size); var y = Math.round((e.touches[0].clientY - interactiveCanObj.can.getBoundingClientRect().top) / interactiveCanObj.can.height * interactiveCanObj.size); try { interactiveCanObj.map.vertices[y][x] = !interactiveCanObj.map.vertices[y][x]; }catch(Exception){ return; } });*/ interactiveCanObj = { can: can, c: c, map: null, size: size }; refreshInteractiveCan(); } function refreshInteractiveCan(){ interactiveCanObj.map = new Map(interactiveCanObj.size, interactiveCanObj.size, interactiveCanObj.can.width/(interactiveCanObj.size-1)); } function equationCan(){ var can = document.getElementById("equationCan"); can.width = 360; can.height = 360; var c = can.getContext("2d"); var size = 90; equationCanObj = { can: can, c: c, map: null, size: size }; refreshEquationCan(); } function refreshEquationCan(){ equationCanObj.map = new Map(equationCanObj.size, equationCanObj.size, equationCanObj.can.width/(equationCanObj.size-1)); var equation = document.getElementById("equationCanEquation").value; if(equation.includes("c") || equation.includes("C") || equation.includes("[") || equation.includes("=")){ return; } var vertices = equationCanObj.map.vertices; for(var y=0;y

Flat-map