Skip to content

Instantly share code, notes, and snippets.

@tanemaki
Created March 18, 2014 13:47
Show Gist options
  • Save tanemaki/9620369 to your computer and use it in GitHub Desktop.
Save tanemaki/9620369 to your computer and use it in GitHub Desktop.
Modified Beautiful Spiral Things
{"description":"Modified Beautiful 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":false,"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,"ajax-caching":true,"thumbnail":"http://i.imgur.com/02MBg9N.png"}
// original
// http://tributary.io/inlet/9620369
var rotation = 0.03;
var translation = 5;
var marks = 5000;
var size = 0.5;
var length = 10;
var color = "#F60";
var ctx = tributary.ctx;
var width = tributary.canvas.width;
var height = tributary.canvas.height;
ctx.fillStyle = color;
ctx.translate(width/2,height/3);
ctx.save();
d3.range(marks).forEach(function(d) {
ctx.rotate(rotation*d)
ctx.translate(translation,0)
ctx.fillRect(0,0,size*length,size);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment