coloredHourNumbers-with-Dots.js

  let ScreenWidth  = g.getWidth(),  CenterX = ScreenWidth/2;
  let ScreenHeight = g.getHeight(), CenterY = ScreenHeight/2;

  let outerRadius = Math.min(CenterX,CenterY) * 0.9;
  let innerRadius = Math.min(CenterX,CenterY) * 0.8 - 10;

  let sin = Math.sin, cos = Math.cos;
  let twoPi = 2*Math.PI;

  g.clear(true);                                     // also loads current theme

  for (let i = 0; i < 60; i++) {
    let Phi = i * twoPi/60;

    let x = CenterX + outerRadius * sin(Phi);
    let y = CenterY - outerRadius * cos(Phi);

    let Color = E.HSBtoRGB(i/60,1,1, true);
    g.setColor(Color[0]/255,Color[1]/255,Color[2]/255);

    g.fillCircle(x,y, 1);
  }

  g.setFont('Vector', 22);
  g.setFontAlign(0,0);

  for (let i = 0; i < 12; i++) {
    let Phi = i * twoPi/12;

    let Radius = innerRadius;
    if (i >= 10) { Radius -= 4; }

    let x = CenterX + Radius * sin(Phi);
    let y = CenterY - Radius * cos(Phi);

    let Color = E.HSBtoRGB(i/12,1,1, true);
    g.setColor(Color[0]/255,Color[1]/255,Color[2]/255);

    g.drawString(i == 0 ? '12' : '' + i, x,y);
  }