​

Facebook gender list can select of more than kinds of 50.

We are respectful your gender.

EVERYONE ARE EQUALS.

​

Refference: http://rainbowalpha.net/facebook-seibetsu/

​

*/

​

​

var dancingWords = [];

​

function DanceSpan(element, x, y) {

  element.position(x, y);

  this.brownian = function() {

    x += random(-10, 10);

    y += random(-10, 10);

    element.position(x, y);

  };

}

​

var radio;

​

function setup() {

  createCanvas(800,800);

  background(255)

  // 56 genders

  var p = createP('Agender_Androgyne_Androgynous_Bigender_Cisgender_Cisgender Female_Cisgender Woman_Cisgender Male_Cisgender Man_Cis_Cis Female_Cis Woman_Cis Male_Cis Man_Female to Male_Male to Female_FTM_MTF_Gender Fluid_Gender Nonconforming_Gender Questioning_Gender Variant_Genderqueer_Intersex_Neither_Neutrois_Non-binary_Other_Pangender_Trans_Trans*_Trans Female_Trans* Female_Trans  Woman_Trans*  Woman_Trans Male_Trans* Male_Trans Man_Trans* Man_Trans Person_Trans* Person_Transgender_Transgender Female_Transgender Woman_Transgender Male_Transgender Man_Transgender Person_Transfeminine_Transmasculine_Transsexual_Transsexual Female_Transsexual Woman_Transsexual Male_Trenssexual Man_Trenssexual Person_Two-spirit').addClass('text');

  p.hide()

  var texts = selectAll('.text');

​

  for (var i=0; i<texts.length; i++) {

    var paragraph = texts[i].html();

    var words = paragraph.split('_');

    for (var j=0; j<words.length; j++) {   

      radio = createRadio();

            radio.option(words[j])

      var dw = new DanceSpan(radio, random(600), random(600));

      dancingWords.push(dw);

    }

  }

}

​

function draw() {

  for (var i=0; i<dancingWords.length; i++) {

    dancingWords[i].brownian();

  }

}

​

​