​

let story = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci dapibus ultrices in iaculis. Placerat in egestas erat imperdiet sed. Et malesuada fames ac turpis. Enim diam vulputate ut pharetra sit amet aliquam id. Risus at ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Tincidunt lobortis feugiat vivamus at augue eget arcu. Enim neque volutpat ac tincidunt vitae semper quis. Ac orci phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Vitae tortor condimentum lacinia quis. Libero id faucibus nisl tincidunt eget nullam. Ante in nibh mauris cursus mattis molestie a iaculis at. Etiam erat velit scelerisque in. Eleifend donec pretium vulputate sapien nec sagittis aliquam. Risus at ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Vel fringilla est ullamcorper eget nulla facilisi etiam. Donec pretium vulputate sapien nec sagittis aliquam malesuada.\n\nInteger eget aliquet nibh praesent tristique magna sit amet purus. Morbi tincidunt ornare massa eget egestas purus. Dictum varius duis at consectetur lorem donec. Amet cursus sit amet dictum. Feugiat nisl pretium fusce id velit ut tortor pretium viverra. Est lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Eget dolor morbi non arcu risus quis varius quam. Et magnis dis parturient montes nascetur ridiculus mus mauris. Lectus quam id leo in vitae turpis massa sed elementum. Urna cursus eget nunc scelerisque viverra mauris in. Congue quisque egestas diam in arcu. Amet massa vitae tortor condimentum lacinia quis vel eros donec. Sit amet consectetur adipiscing elit pellentesque habitant morbi tristique senectus. Tincidunt id aliquet risus feugiat in ante metus dictum. Ridiculus mus mauris vitae ultricies. Consectetur a erat nam at lectus. Eget magna fermentum iaculis eu non diam phasellus vestibulum lorem. Cursus turpis massa tincidunt dui ut ornare lectus sit amet. Convallis convallis tellus id interdum velit laoreet id donec.";

​

function preload() {

  //https://fonts.google.com/specimen/Asap

  font = loadFont("Asap-VariableFont_wght.ttf");  

}

function setup() {

  createCanvas(800, 1600);

  textFont(font);

  textSize(64);

  // textAlign(CENTER,CENTER)

}

​

function draw() {

  background(220);

  fill(220);

  stroke(210);

  textSize(36);

  drawShadow(2,2,10,color(140),null);

  text("a short story about a man in the woods", 20, 60);

  textSize(24);

  fill(20);

  text(story,20,120,width-40,height-20);

  noLoop();

}

​

// https://p5js.org/reference/#/p5/drawingContext

function drawShadow(x, y, b, c, g = null) {

  if (g == null) {

    drawingContext.shadowOffsetX = x;

    drawingContext.shadowOffsetY = y;

    drawingContext.shadowBlur = b;// * scale;

    drawingContext.shadowColor = c;

  } else {

    g.drawingContext.shadowOffsetX = x;

    g.drawingContext.shadowOffsetY = y;

    g.drawingContext.shadowBlur = b;// * scale;

    g.drawingContext.shadowColor = c;

  }

}