var y = [];

​

var c = ['apricot','magenta', 'navy', 'aquamarine', 'indigo', 'brown', 'salmon', ' orange', 'green', 'violet', 'black', 'carnation pink', 'yellow orange', 'blue green', 'red violet', 'red orange', 'yellow green', 'blue violet', 'white', 'violet red', 'dandelion', 'cerulean',  'scarlet', 'green yellow', ' gray'];

​

​

var emoji_symbols = ["😀"," 😃"," 😄"," 😁 ","😆"," 😅"," 😂"," 🤣"." 🥲"," ☺️ "]

var emoji = [];

​

​

function setup() {

  createCanvas(400, 400,WEBGL);

​

​

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

    emoji[i] = new Emoji(random(width), random (height), random(10,50), emoji;}

  for (var i = 0; i < 50; i++) {

    x[i] = random(0, width);

    y[i] = random(0, height);

      col = c[random(0,6)];

  }

}

​

function draw() {

  background(0);

​

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

    emoji[i] = new Emoji(random(width), random (height),

  emoji[i].move();

   emoji[i].display();

  displayBubble();

  moveBubble();

}

​

function displayBubble() {

  stroke(c[1]);

  noFill();

  for (var i = 0; i < 50; i++) {

    ellipse(x[i], y[i], 40, 40);

  }

}

​

​

function moveBubble() {

  for (var i = 0; i < 50; i++) {

    x[i] = x[i] + random(-1, 1);

    y[i] = y[i] + random(-1, 1);

  }

}

​