"forest": {

    "word": "peaceful",

    "antonym": "evil",

    "image": "forest.png"

  },

}

​

let img, img2;

let font;

let word, curr_img, shadow;

let state = true;

​

function preload() {

  img = loadImage(objs.forest.image);

  img2 = loadImage(objs.forest.image);

  font = loadFont("m5x7.ttf");

}

function setup() {

  img.resize(800,0);

  img2.resize(800,0);

  createCanvas(img.width, img.height);

  textFont(font);

  textSize(48);

  word = objs.forest.word;

  curr_img = img;

  shadow = color(0,255,0);

  img2.filter(INVERT);

}

​

function draw() {

  background(0);

  image(curr_img,0,0);

  push();

  fill(220);

  noStroke();

  drawShadow(0,0,20,shadow);

  text(word, 20,40);

  pop();

  if (frameCount % 100 == 0) {

    if (state) {

      curr_img = img2;

      word = objs.forest.antonym;

      shadow = color(0,0,0);

    } else {

      curr_img = img;

      word = objs.forest.word;

      shadow = color(0,255,0);

    }

    state = !state;

  }

}

​

function drawShadow(offX, offY, blur, col='black') {

  drawingContext.shadowOffsetX = offX;

  drawingContext.shadowOffsetY = offY;

  drawingContext.shadowBlur = blur;

  drawingContext.shadowColor = col;

}