trippy Spiral Things

_.md

[ Launch: trippy Spiral Things ] 5211123 by enjalot
[ Launch: Beautiful Spiral Things ] 5211089 by enjalot

config.json

{"description":"trippy Spiral Things","endpoint":"","display":"canvas","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":true,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"period","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"thumbnail":"http://i.imgur.com/7KKpTPd.png"}

inlet.js

var rotation = 0.0043413319679929;
var translation = 4;
var marks = 3400;
var size = 0.43008;
var length = 16;
var color = "#254B2C";

var ctx = tributary.ctx;
var width = tributary.canvas.width;
var height = tributary.canvas.height;

ctx.fillStyle = color;
ctx.translate(width/2 - 200,height/2 - 100);
ctx.save();

tributary.run = function(ctx,t) {
  ctx.fillStyle = "#fff";
  ctx.translate(0,0)
  ctx.fillRect(-width,-height,3*width, 3*height);
  
  ctx.fillStyle = color;
  d3.range(marks).forEach(function(d) {
    ctx.rotate(rotation*d)
    ctx.translate(translation,0)
    ctx.fillRect(0,0,size*length,size);
});

}