​

const wH = window.innerHeight;

const wW = window.innerWidth;

​

var sprites = {};

​

function preload() {

    sprites = {

        "hive": {

            "image": loadImage('./images/octahedron.png'),

            "size": 128,

        },

        "blue_flower": {

            "image": loadImage('./images/icosahedron.png'),

            "size": 25,

        },

        "red_flower": {

            "image": loadImage('./images/dodecahedron.png'),

            "size": 25,

        },

    }

}

​

var to_display = [];

​

function setup() {

  createCanvas(wW, wH);

  console.log({sprites});

}

​

function draw() {

    background(220);

    let count = 0;

    for(let name in sprites){

      image(sprites[name].image,(count++) * 192, 0, 192, 309 )

    }

}