p5.js Web Editor

xxxxxxxxxx
function letra() {
  let t = millis() - songStart
  if (t >= 15 && t < 1025) {
    background(red);
    image(lt1a, 50, 10, 1200, 720);
  } else if (t >= 1025 && t < 6005) {
    background(red);
    image(lt1b, 50, 10, 1200, 720);
  } else if (t >= 6005 && t < 7010) {
    background(red);
    image(lt1c, 50, 10, 1200, 720);
  } else if (t >= 7010 && t < 11050) {
    background(red);
    image(lt1d, 50, 10, 1200, 720);
  } else if (t >= 11050 && t < 14040) {
    background(purp);
    image(lt2a, 50, 10, 1200, 720);
  } else if (t >= 14040 && t < 15008) {
    background(purp);
    image(lt2b, 50, 10, 1200, 720);
  } else if (t >= 15008 && t < 21009) {
    background(purp);
    image(lt2c, 50, 10, 1200, 720);
  } else if (t >= 21009 && t < 23000) {
    background(red);
    image(lt3a, 50, 10, 1200, 720);
  } else if (t >= 23000 && t < 25017) {
    background(red);
    image(lt3b, 50, 10, 1200, 720);
  } else if (t >= 25017 && t < 27000) {
    background(red);
    image(lt3c, 50, 10, 1200, 720);
  } else if (t >= 27000 && t < 32008) {
    background(red);
    image(lt3d, 50, 10, 1200, 720);
  } else if (t >= 32008 && t < 33022) {
    background(purp);
    image(lt4a, 50, 10, 1200, 720);
  } else if (t >= 33022 && t < 34029) {
    background(purp);
    image(lt4b, 50, 10, 1200, 720);
  } else if (t >= 34029 && t < 36025) {
    background(purp);
    image(lt4c, 50, 10, 1200, 720);
  } else if (t >= 36025 && t < 42000) {
    background(purp);
    image(lt4d, 50, 10, 1200, 720);
  } else if (t >= 42000 && t < 42029) {
    background(red);
    image(lt5a, 50, 10, 1200, 720);
  } else if (t >= 42029 && t < 43023) {
    background(red);
    image(lt5b, 50, 10, 1200, 720);
  } else if (t >= 43023 && t < 46014) {
    background(red);
    image(lt5c, 50, 10, 1200, 720);
  } else if (t >= 46014 && t < 47025) {
    background(red);
    image(lt5d, 50, 10, 1200, 720);
  } else if (t >= 47025 && t < 53007) {
    background(red);
    image(lt5e, 50, 10, 1200, 720);
  } else if (t >= 53007 && t < 55013) {
    background(purp);
    image(lt5f, 50, 10, 1200, 720);
  } else if (t >= 55013 && t < 59000) {
    background(purp);
    image(lt5g, 50, 10, 1200, 720);
  } else if (t >= 59000 && t < 63000) {
    background(purp);
    image(lt5h, 50, 10, 1200, 720);
  } else if (t >= 63000 && t < 66022) {
    background(red);
    image(lt6a, 50, 10, 1200, 720);
  } else if (t >= 66022 && t < 70009) {
    background(red);
    image(lt6b, 50, 10, 1200, 720);
  } else if (t >= 70009 && t < 74010) {
    background(red);
    image(lt6c, 50, 10, 1200, 720);
  } else if (t >= 74010 && t < 75022) {
    background(red);
    image(lt6d, 50, 10, 1200, 720);
  } else if (t >= 75022 && t < 76050) {
    background(red);
    image(lt6e, 50, 10, 1200, 720);
  } else if (t >= 76050 && t < 78021) {
    background(red);
    image(lt6f, 50, 10, 1200, 720);
  } else if (t >= 78021 && t < 83002) {
    background(red);
    image(lt6g, 50, 10, 1200, 720);
  } else if (t >= 83002 && t < 85002) {
    background(purp);
    image(lt7a, 50, 10, 1200, 720);
  } else if (t >= 85002 && t < 88000) {
    background(purp);
    image(lt7b, 50, 10, 1200, 720);
  } else if (t >= 88000 && t < 90010) {
    background(purp);
    image(lt7c, 50, 10, 1200, 720);
  } else if (t >= 90010 && t < 92008) {
    background(purp);
    image(lt7d, 50, 10, 1200, 720);
  } else if (t >= 92008 && t < 94029) {
    background(purp);
    image(lt8a, 50, 10, 1200, 720);
  } else if (t >= 94029 && t < 97011) {
    background(purp);
    image(lt8b, 50, 10, 1200, 720);
  } else if (t >= 97011 && t < 100000) {
    background(purp);
    image(lt8c, 50, 10, 1200, 720);
  } else if (t >= 100000 && t < 102010) {
    background(purp);
    image(lt8d, 50, 10, 1200, 720);
  } else if (t >= 102010 && t < 105026) {
    background(red);
    image(lt9a, 50, 10, 1200, 720);
  } else if (t >= 105026 && t < 111027) {
    background(red);
    image(lt9b, 50, 10, 1200, 720);
  } else if (t >= 111027 && t < 116012) {
    background(purp);
    image(lt10a, 50, 10, 1200, 720);
  } else if (t >= 116012 && t < 117028) {
    background(purp);
    image(lt10b, 50, 10, 1200, 720);
  } else if (t >= 117028 && t < 121017) {
    background(purp);
    image(lt10c, 50, 10, 1200, 720);
  } else if (t >= 121017 && t < 124003) {
    background(red);
    image(lt10d, 50, 10, 1200, 720);
  } else if (t >= 124003 && t < 126018) {
    background(red);
    image(lt10e, 50, 10, 1200, 720);
  } else if (t >= 126018 && t < 131014) {
    background(red);
    image(lt10f, 50, 10, 1200, 720);
  } else if (t >= 131014 && t < 134001) {
    background(purp);
    image(lt11a, 50, 10, 1200, 720);
  } else if (t >= 134001 && t < 136018) {
    background(purp);
    image(lt11b, 50, 10, 1200, 720);
  } else if (t >= 136018 && t < 141017) {
    background(purp);
    image(lt11c, 50, 10, 1200, 720);
  } else if (t >= 141017 && t < 144008) {
    background(purp);
    image(lt11d, 50, 10, 1200, 720);
  } else if (t >= 144008 && t < 146050) {
    background(purp);
    image(lt11e, 50, 10, 1200, 720);
  } else if (t >= 146050 && t < 150015) {
    background(purp);
    image(lt11f, 50, 10, 1200, 720);
  } else if (t >= 150015 && t < 157011) {
    background(purp);
    image(lt11g, 50, 10, 1200, 720);
  } else if (t >= 157011 && t < 161024) {
    background(red);
    image(lt12a, 50, 10, 1200, 720);
  } else if (t >= 161024 && t < 166016) {
    background(red);
    image(lt12b, 50, 10, 1200, 720);
  } else if (t >= 166016 && t < 169012) {
    background(red);
    image(lt12c, 50, 10, 1200, 720);
  } else if (t >= 169012 && t < 172006) {
    background(red);
    image(lt12d, 50, 10, 1200, 720);
  } else if (t >= 172006 && t < 176018) {
    background(red);
    image(lt12e, 50, 10, 1200, 720);
  } else if (t >= 176018 && t < 180017) {
    background(purp);
    image(lt13a, 50, 10, 1200, 720);
  } else if (t >= 180017 && t < 186009) {
    background(purp);
    image(lt13b, 50, 10, 1200, 720);
  } else if (t >= 186009 && t < 187019) {
    background(purp);
    image(lt14a, 50, 10, 1200, 720);
  } else if (t >= 187019 && t < 189004) {
    background(purp);
    image(lt14b, 50, 10, 1200, 720);
  } else if (t >= 189004 && t < 191050) {
    background(purp);
    image(lt14c, 50, 10, 1200, 720);
  } else if (t >= 191050 && t < 195017) {
    background(purp);
    image(lt14d, 50, 10, 1200, 720);
  } else if (t >= 195017 && t < 201024) {
    background(purp);
    image(lt14e, 50, 10, 1200, 720);
  } else if (t >= 201024 && t < 205027) {
    background(red);
    image(lt15a, 50, 10, 1200, 720);
  } else if (t >= 205027 && t < 211015) {
    background(red);
    image(lt15b, 50, 10, 1200, 720);
  } else if (t >= 211015 && t < 213019) {
    background(red);
    image(lt15c, 50, 10, 1200, 720);
  } else if (t >= 213019 && t < 216014) {
    background(red);
    image(lt15d, 50, 10, 1200, 720);
  } else if (t >= 216014 && t < 221011) {
    background(red);
    image(lt15e, 50, 10, 1200, 720);
  } else if (t >= 221011 && t < 223026) {
    background(purp);
    image(lt16a, 50, 10, 1200, 720);
  } else if (t >= 223026 && t < 226001) {
    background(purp);
    image(lt16b, 50, 10, 1200, 720);
  } else if (t >= 226001 && t < 231001) {
    background(purp);
    image(lt16c, 50, 10, 1200, 720);
  } else if (t >= 231001 && t < 233023) {
    background(purp);
    image(lt16d, 50, 10, 1200, 720);
  } else if (t >= 233023 && t < 236010) {
    background(purp);
    image(lt16e, 50, 10, 1200, 720);
  } else if (t >= 236010 && t < 241009) {
    background(purp);
    image(lt16f, 50, 10, 1200, 720);
  } else if (t >= 241009 && t < 246005) {
    background(purp);
    image(lt16g, 50, 10, 1200, 720);
  } else if (t >= 246005 && t < 260000) {
    background(purp);
    image(lt16h, 50, 10, 1200, 720);
  } 
}
Cookies

Sketch Files

Console

Preview
