Skip to content

Instantly share code, notes, and snippets.

@roundrobin

roundrobin/_.md

Created June 29, 2014 01:40
Download ZIP

Revisions

  1. roundrobin revised this gist Jun 29, 2014. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions _.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    [ <a href="http://tributary.io/inlet/7d9a791d5aa8c85eb44b">Launch: Circle Animation</a> ] 7d9a791d5aa8c85eb44b by roundrobin<br>[ <a href="http://tributary.io/inlet/a9bb6ef823770cc34c3e">Launch: Tributary inlet</a> ] a9bb6ef823770cc34c3e by roundrobin<br>
  2. roundrobin created this gist Jun 29, 2014.
    1 change: 1 addition & 0 deletions config.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"description":"Circle Animation","endpoint":"","display":"svg","public":true,"require":[],"fileconfigs":{"inlet.js":{"default":true,"vim":false,"emacs":false,"fontSize":12},"_.md":{"default":true,"vim":false,"emacs":false,"fontSize":12},"config.json":{"default":true,"vim":false,"emacs":false,"fontSize":12}},"fullscreen":false,"play":false,"loop":false,"restart":false,"autoinit":true,"pause":true,"loop_type":"pingpong","bv":false,"nclones":15,"clone_opacity":0.4,"duration":3000,"ease":"linear","dt":0.01,"ajax-caching":true,"thumbnail":"http://i.imgur.com/W8wM5w0.png"}
    37 changes: 37 additions & 0 deletions inlet.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,37 @@
    var cx = 200;
    var cy = 200;


    var circle = g.append("circle")
    .attr({
    r: 20,
    cx: cx,
    cy: cy,
    fill: "#eb5013"
    });

    var r = 10;
    var add = 100;
    var speed = 20000;

    d3.timer(function(i){

    i = (i / speed) % 1
    console.log(i);

    var theta = (r * (i) * 2 * Math.PI);



    circle.attr({
    cx: ((Math.sin(theta)) * add) + cx,
    cy: ((Math.cos(theta)) * add) + cy

    });


    });