// https://www.youtube.com/watch?v=YsgdUaOrFnQ&ab_channel=TheCodingTrain

​

let female;

let male;

let input;

let fData = [];

let mData = [];

let evil, seductive, good, pristine;

var url1 = "https://api.wordnik.com/v4/word.json/";

var word1 = "evil";

var word2 = "seductive";

var word3 = "good";

var word4 = "pristine";

var url2 = "/relatedWords?useCanonical=false&relationshipTypes=equivalent&limitPerRelationshipType=10&api_key=scyv5b9adfn61hrkkwcwhe3yesp7khg7k58o1wtlejjysr372";

​

//get JSON file of league of legends champions

function preload() {

  female = loadJSON('femaleChampions.json');

  male = loadJSON('maleChampions.json');

  logo = loadImage('logo.png');

  aatrox = loadImage('aatrox.png');

  ahri = loadImage('ahri.png');

  akali = loadImage('akali.png');

  alistar = loadImage('alistar.png');

  amumu = loadImage('amumu.png');

  annie = loadImage('annie.png');

  ashe = loadImage('ashe.png');

  azir = loadImage('azir.png');

  braum = loadImage('braum.png');

  evelynn = loadImage('evelynn.png');

}

​

function setup() {

  createCanvas(500,500);

​

  evil = loadJSON(url1+ word1 + url2, gotData1);

  seductive = loadJSON(url1+ word2 + url2, gotData2);

  good = loadJSON(url1+ word3 + url2, gotData3);

  pristine = loadJSON(url1+ word4 + url2, gotData4);

  for ( let x in female ) {

    let currentItem = 

        {

          x: random(width),

          y: random(height),

          blurb: female.blurb,

          name: female.name,

        };

    fData.push(currentItem)

  }

}

​

function gotData1(data1){

  console.log(data1[0].words);

  for (let i=0; i < data1[0].words.length; i++){

    fill('blue')

    text((data1[0].words[i]), random(50,width/2-50),random(height/2-50, height/2+50))

  }

}

​

function gotData2(data2){

  console.log(data2[0].words);

    for (let i=0; i < data2[0].words.length; i++){

    fill('red')

    text((data2[0].words[i]), random(width/2-150,width/2+50), random(100, height/2-50))

  }

}

function gotData3(data3){

  console.log(data3[0].words);

  for (let i=0; i < data3[0].words.length; i++){

    fill('yellow')

    text((data3[0].words[i]), random(350,width/2+50),random(height/2-50, height/2+100))

  }

}

function gotData4(data4){

  console.log(data4[0].words);

  for (let i=0; i < data4[0].words.length; i++){

    fill('green')

    text((data4[0].words[i]), random(width/2-50,width/2+50), random(350,400))

  }

}

function wordIndex(){

  translate(0,50);

  push();

  stroke(255);

  line(60, height/2, width-60, height/2);

  line(width/2, 100, width/2, height-100);

  pop();

  textSize(20);

  fill('blue');

  text('evil', 20, height/2+5);

  fill('yellow');

  text('good', width-50, height/2+5);

  fill('red');

  text('seductive', width/2-40, 90);

  fill('green');

  text('pristine', width/2-30, 420);

}

​

function draw() {

  background(0);

  image(logo,125,20);

  image(aatrox, 400, 300);

  image(ahri, 300, 150);

  image(akali, 250, 200);

  image(alistar, 350, 400);

  image(amumu, 220, 400);

  image(annie, 150, 350);

  image(ashe, 400, 400);

  image(azir, 400, 350);

  image(braum, 350, 250);

  image(evelynn, 150, 150);

  fill('white');

  wordIndex();

  textSize(12);

  gotData1(data1);

  gotData2(data2);

  gotData3(data3);

  gotData4(data4);

}