Difference between revisions of "Template:Tuebingen/landing.js"

Latest revision as of 02:32, 18 October 2018

var ellipses = [[833,892],[638,29],[903,448],[754,256],[593,439],[441,320],[548,124],[718,77],[1075,247],[869,50],[216,427],[241,172],[799,676],[465,510],[519,16],[653,571],[822,334],[999,449],[963,713],[1028,379],[382,501],[328,278],[564,263],[1074,160],[806,143],[577,370],[672,172],[1028,527],[951,143],[965,248],[1122,536],[659,352],[238,510],[743,472],[951,346],[1176,366],[1106,444],[503,224],[142,389],[238,290],[901,557],[840,236],[552,626],[402,600],[742,569],[951,830],[414,125],[672,272],[465,404]];

var connections = [["e38","e32"],["e10","e32"],["e38","e10"],["e39","e38"],["e10","e39"],["e38","e11"],["e39","e21"],["e21","e11"],["e39","e11"],["e32","e20"],["e20","e43"],["e43","e13"],["e13","e20"],["e13","e48"],["e13","e42"],["e42","e43"],["e20","e10"],["e20","e39"],["e21","e20"],["e5","e21"],["e11","e46"],["e46","e14"],["e11","e14"],["e37","e46"],["e21","e46"],["e6","e46"],["e37","e6"],["e14","e1"],["e1","e9"],["e7","e1"],["e7","e9"],["e6","e1"],["e42","e15"],["e15","e44"],["e15","e12"],["e12","e18"],["e44","e12"],["e48","e5"],["e20","e48"],["e5","e20"],["e5","e37"],["e9","e23"],["e23","e35"],["e35","e36"],["e36","e30"],["e18","e30"],["e45","e18"],["e0","e45"],["e0","e12"],["e0","e18"],["e27","e30"],["e27","e18"],["e40","e27"],["e40","e2"],["e40","e17"],["e40","e12"],["e40","e18"],["e40","e33"],["e44","e33"],["e44","e40"],["e4","e15"],["e4","e13"],["e48","e25"],["e25","e4"],["e4","e42"],["e31","e4"],["e25","e22"],["e37","e22"],["e5","e22"],["e48","e22"],["e26","e7"],["e26","e6"],["e22","e26"],["e33","e2"],["e33","e31"],["e33","e4"],["e3","e33"],["e47","e31"],["e25","e31"],["e47","e26"],["e22","e47"],["e47","e3"],["e24","e26"],["e7","e24"],["e24","e28"],["e28","e9"],["e24","e9"],["e28","e8"],["e23","e8"],["e28","e23"],["e41","e24"],["e41","e26"],["e3","e41"],["e29","e41"],["e8","e29"],["e28","e29"],["e35","e19"],["e8","e35"],["e8","e19"],["e19","e34"],["e19","e17"],["e17","e27"],["e36","e17"],["e19","e36"],["e16","e29"],["e33","e16"],["e2","e16"],["e16","e2"],["e2","e34"],["e2","e34"],["e34","e17"],["e2","e17"],["e34","e29"],["e34","e8"],["e34","e16"],["e16","e41"],["e16","e3"]];

document.addEventListener("DOMContentLoaded", function(event) { adaptBodyToMenu(true); });

function drawBalls(canvas, balls) { for(var i = 0; i < balls.length; i++) { var e = document.createElementNS('http://www.w3.org/2000/svg', "ellipse"); e.setAttribute("cx", balls[i][0]); e.setAttribute("cy", balls[i][1]); e.setAttribute("rx", 10); e.setAttribute("ry", 10); e.setAttribute("id", "e" + i); e.setAttribute("class", "ellipse"); e.setAttribute("style", "animation-delay: " + Math.random()*5 + "s;"); canvas.appendChild(e); } }

function drawLines(canvas, lines) { for(var i = 0; i < lines.length; i++) { var elem = document.createElementNS('http://www.w3.org/2000/svg', "line"); elem.setAttribute("x1", + document.getElementById(lines[i][0]).getAttribute("cx")); elem.setAttribute("y1", + document.getElementById(lines[i][0]).getAttribute("cy")); elem.setAttribute("x2", + document.getElementById(lines[i][1]).getAttribute("cx")); elem.setAttribute("y2", + document.getElementById(lines[i][1]).getAttribute("cy")); elem.setAttribute("class", "connection"); canvas.appendChild(elem); } }

function startDraw() { var canvas = document.getElementById("braincanvas"); drawBalls(canvas, ellipses); drawLines(canvas, connections); }