/*
 * @name Hue
 * @description Hue is the color reflected from or transmitted through an
 * object and is typically referred to as the name of the color (red, blue,
 * yellow, etc.) Move the cursor vertically over each bar to alter its hue.
 */
const barWidth = 20;
let lastBar = -1;

function setup() {
  createCanvas(720, 400);
  colorMode(HSB, height, height, height);
  noStroke();
  background(0);
}

function draw() {
  let whichBar = mouseX / barWidth;
  if (whichBar !== lastBar) {
    let barX = whichBar * barWidth;
    fill(mouseY, height, height);
    rect(barX, 0, barWidth, height);
    lastBar = whichBar;
  }
}

@@ -5,19 +5,18 @@
 * @name 
-Hue
+%E8%89%B2%E8%B0%83
 %0A * @des
@@ -28,217 +28,77 @@
 ion 
-Hue is the color reflected from or transmitted through an%0A * object and is typically referred to as the name of the color (red, blue,%0A * yellow, etc.) Move the cursor vertically over each bar to alter its hue.
+%E8%89%B2%E8%B0%83%E6%98%AF%E4%BB%8E%E7%89%A9%E4%BB%B6%E5%8F%8D%E5%B0%84%E6%88%96%E9%80%8F%E8%BF%87%E7%89%A9%E4%BB%B6%E4%BC%A0%E6%92%AD%E5%BE%97%E5%88%B0%E7%9A%84%E9%A2%9C%E8%89%B2%EF%BC%8C%0A * %E9%80%9A%E5%B8%B8%E6%8C%87%E9%A2%9C%E8%89%B2%E7%9A%84%E5%90%8D%E5%AD%97%EF%BC%88%E7%BA%A2%E8%89%B2%EF%BC%8C%E8%93%9D%E8%89%B2%EF%BC%8C%E9%BB%84%E8%89%B2%E7%AD%89%EF%BC%89%E3%80%82%0A * %E5%B0%86%E5%85%89%E6%A0%87%E5%9C%A8%E6%AF%8F%E4%B8%AA%E6%9D%A1%E5%BD%A2%E4%B8%8A%E5%9E%82%E7%9B%B4%E7%A7%BB%E5%8A%A8%E4%BB%A5%E6%9B%B4%E6%94%B9%E5%85%B6%E8%89%B2%E8%B0%83%E3%80%82
 %0A */

translate hue