diff --git a/index.html b/index.html index 4c72c0b..c7fd3a6 100644 --- a/index.html +++ b/index.html @@ -135,8 +135,8 @@ Randomize Point Cycles Point Size: - - + + Line Size: diff --git a/js/proximity.js b/js/proximity.js index ffe45eb..654ae55 100644 --- a/js/proximity.js +++ b/js/proximity.js @@ -103,8 +103,8 @@ var hoverTweeningFn = 5; // specific tweening function to assign to points in e var zRange = 50; // maximum value for the range of possible z coords for a point var nodeImg = 'img/node.png'; // image file location for representing every point var nodeImgRes = 100; // resolution of nodeImg file in pixels (aspect ratio should be square) -var minNodeDiameter = 3; // minimum pixel size of point on canvas when z coord is 0, maximum is this value plus zRange -var nodeSize = 0; // with z coord ignored, this value is used for scaling the drawing for each node +// var minNodeDiameter = 3; // minimum pixel size of point on canvas when z coord is 0, maximum is this value plus zRange +var nodeSize = 3; // with z coord ignored, this value is used for scaling the drawing for each node var drawNodes = true; // whether to display circles at each point's current position var drawLines = true; // whether to display lines connecting points if they are in connection distance var lineSize = 1; // thickness in pixels of drawn lines between points @@ -665,7 +665,7 @@ function drawPolygon (polygon, points, counter, tweeningFns) { if (drawNodes) { // draw nodes - nodeDiameter = (nodeSize + minNodeDiameter); + nodeDiameter = nodeSize; scale = nodeDiameter / nodeImgRes; sprites[i].scale.x = scale; sprites[i].scale.y = scale; diff --git a/notes.md b/notes.md index 879a31b..7af6200 100644 --- a/notes.md +++ b/notes.md @@ -12,7 +12,14 @@ larger the polygon) the more dark the color is shaded. Add a bunch of dials and switches to the UI to tweak the different configurable values. + * Mostly implemented, need to add dials for click and hover vars + * Make point count slider add/remove points dynamically without having to + reset. + * Make increasing cycleDuration auto randomize point cycles? + * Save config to local storage and add a reset config to defaults button + * Allow sharing configs Crazy idea: add a 3rd dimension. Points with a z-index closer to zero will be closer to the screen. I can simulate that by scaling the points and lines and applying a blur filter to the points scaled down and further away. + * Gave up on this