Tag Search: Javascript

PolygonSubdivision-1506618642249
Polygon Subdivision
, ,

Arbitrary 4-sided polygons are randomly subdivided until a specific size threshold is met. The color of the resulting subdivisions is calculated based on slight deviations to the parent polygon. Made with P5.js.

View Experiment

PolygonSubdivision-1506618568943 PolygonSubdivision-1506618587888 PolygonSubdivision-1506618536509 PolygonSubdivision-1506618503265 PolygonSubdivision-1506618445678 PolygonSubdivision-1506618436036 PolygonSubdivision-1506618371573 PolygonSubdivision-1506618358895 PolygonSubdivision-1506618760012

masonry3
Masonry+CSS Colors
, ,

While making a prototype using the javascript library Masonry, I came across the full list of CSS colors. The number of colors and the strange names some of them had facinated me, so I chose to integrate them into the demonstration. This prototype UI grabs 5 random colors from the full list of CSS color names, you can then infinite scroll through content and select only the content of a specific color. There is a randomize button in the upper right to select 5 new random colors. Its fun.

View Demo

masonry6

masonry5

masonry4

masonry7

masonry2

masonry8

masonry1

instagram4
Instagram Grid
, ,

I wanted to see if I could make an animated grid of Instagram photos using javascirpt and a little jQuery. It turns out I could, but the real point of the exercise was to see how easy it was to use the Instagram API. This prototype has a rudimentary UI that allows you to change the tag search. You can also control the size of the grid and animation speed.

View Prototype

instagram3

 

instagram2

 

instagram1