diff --git a/css/style.css b/css/style.css index 08e909b..526244f 100644 --- a/css/style.css +++ b/css/style.css @@ -7,6 +7,18 @@ html { background-color: #1e1e1e; } +html, body, canvas { + overflow: none; +} + +canvas { + position: fixed !important; + left: 0 !important; + right: 0 !important; + bottom: 0 !important; + top: 0 !important; +} + html, button { font-family: "Arial", sans-serif; font-size: 10pt; diff --git a/js/proximity.js b/js/proximity.js index 7c95bbf..b13a244 100644 --- a/js/proximity.js +++ b/js/proximity.js @@ -75,7 +75,7 @@ var tweeningSets = { // numbers refer to indicies into the allTweeningsFns array elastic: [19, 20, 21], back: [24] }; -var tweeningFns = tweeningSets.meandering; // the actual set of tweening functions points will randomly choose from +var tweeningFns = tweeningSets.back; // the actual set of tweening functions points will randomly choose from // click effect related config vars var clickPullRateStart = 0.01; // initial value for the ratio of a point's distance from the click position to travel in one cycle var clickPullRateInc = 0.005; // amount to increase clickPullRate every tick that a click is held @@ -702,8 +702,8 @@ function drawPolygon (polygon, points, counter, tweeningFns) { /* MAIN LOOP */ function loop () { - screenWidth = document.body.clientWidth; - screenHeight = document.body.clientHeight; + screenWidth = window.innerWidth; + screenHeight = window.innerHeight; renderer.resize(screenWidth, screenHeight); polygon.clear(); @@ -819,8 +819,8 @@ function loop () { } function loopStart () { - screenWidth = document.body.clientWidth; - screenHeight = document.body.clientHeight; + screenWidth = window.innerWidth; + screenHeight = window.innerHeight; // Create the renderer renderer = window.PIXI.autoDetectRenderer(screenWidth, screenHeight, {antialias: true, resolution: resolution}); @@ -875,7 +875,7 @@ window.PIXI.loader .add(nodeImg) .load(loopStart); -window.onload = function () { +window.addEventListener('load', function () { var canvas, tweeningInputs, debugCheckbox, fpsCheckbox, nodeCheckbox, linesCheckbox; canvas = document.getElementsByTagName('canvas')[0]; canvas.setAttribute('tabindex', 0); @@ -1150,4 +1150,4 @@ window.onload = function () { linesCheckbox.addEventListener('change', function (e) { toggleLines(); }); -}; +}, false);