neon sign

function setup() {

  createCanvas(350,600);

  pixelDensity(1)

  // noLoop()

  textAlign(CENTER, CENTER)

  textSize(130)

  rectMode(CENTER)

  frameRate(10)

}

​

function draw() {

  background(51);

  // blendMode(ADD)

  c=random(1)

  //文字

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowColor = color(255,0,0)

  drawingContext.shadowBlur =map(c,0,1,0,40)

  strokeWeight(5);

  stroke(255-random(50), 0, 0);

  noFill();

  text("尚\n介\n青",width/2,height/2)

  //文字highlight

  strokeWeight(2);

  stroke(255, 255, 255,230);

  // stroke(255, 255, 255,50);

  drawingContext.shadowBlur =0

  text("尚\n介\n青",width/2,height/2)

  //邊框

  drawingContext.shadowColor = color(0,255,150)

  drawingContext.shadowBlur =map(c,0,1,0,15)

  strokeWeight(10);

  stroke(0, 200, 100);

  rect(width/2,height/2,160,470,10)

  //邊框highlight

  drawingContext.shadowBlur = 0;

  strokeWeight(3);

  stroke(255, 200);

  rect(width / 2, height / 2, 158, 468, 20);

}