thallada/proximity-structures
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of github.com:thallada/proximity-structures

Browse Source
This commit is contained in:
Tyler Hallada 2017-09-01 12:45:02 -04:00
commit 509c468cec
2 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
css/style.css
View File

@ -7,6 +7,18 @@ html {
background-color: #1e1e1e; 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 { html, button {
font-family: "Arial", sans-serif; font-family: "Arial", sans-serif;
font-size: 10pt; font-size: 10pt;

14
js/proximity.js
View File

@ -75,7 +75,7 @@ var tweeningSets = { // numbers refer to indicies into the allTweeningsFns array
elastic: [19, 20, 21], elastic: [19, 20, 21],
back: [24] 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 // 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 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 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 */ /* MAIN LOOP */
function loop () { function loop () {
screenWidth = document.body.clientWidth; screenWidth = window.innerWidth;
screenHeight = document.body.clientHeight; screenHeight = window.innerHeight;
renderer.resize(screenWidth, screenHeight); renderer.resize(screenWidth, screenHeight);
polygon.clear(); polygon.clear();
@ -819,8 +819,8 @@ function loop () {
} }
function loopStart () { function loopStart () {
screenWidth = document.body.clientWidth; screenWidth = window.innerWidth;
screenHeight = document.body.clientHeight; screenHeight = window.innerHeight;
// Create the renderer // Create the renderer
renderer = window.PIXI.autoDetectRenderer(screenWidth, screenHeight, {antialias: true, resolution: resolution}); renderer = window.PIXI.autoDetectRenderer(screenWidth, screenHeight, {antialias: true, resolution: resolution});
@ -875,7 +875,7 @@ window.PIXI.loader
.add(nodeImg) .add(nodeImg)
.load(loopStart); .load(loopStart);
window.onload = function () { window.addEventListener('load', function () {
var canvas, tweeningInputs, debugCheckbox, fpsCheckbox, nodeCheckbox, linesCheckbox; var canvas, tweeningInputs, debugCheckbox, fpsCheckbox, nodeCheckbox, linesCheckbox;
canvas = document.getElementsByTagName('canvas')[0]; canvas = document.getElementsByTagName('canvas')[0];
canvas.setAttribute('tabindex', 0); canvas.setAttribute('tabindex', 0);
@ -1150,4 +1150,4 @@ window.onload = function () {
linesCheckbox.addEventListener('change', function (e) { linesCheckbox.addEventListener('change', function (e) {
toggleLines(); toggleLines();
}); });
}; }, false);