summaryrefslogtreecommitdiff
path: root/src/relabi/canvas.js
diff options
context:
space:
mode:
authorjulian laplace <julescarbon@gmail.com>2023-05-09 22:56:44 +0200
committerjulian laplace <julescarbon@gmail.com>2023-05-09 22:56:44 +0200
commit8c19ceb702ebf1fdd66d1c71e491a21974e9c638 (patch)
tree879b84f5c00f3e29bd342bd61cf844fffb1c3e3a /src/relabi/canvas.js
parent886f106be26f9d1dc2dc867c89f2964f46a3a065 (diff)
chaos knob
Diffstat (limited to 'src/relabi/canvas.js')
-rw-r--r--src/relabi/canvas.js8
1 files changed, 5 insertions, 3 deletions
diff --git a/src/relabi/canvas.js b/src/relabi/canvas.js
index 2003a5a..fed4f6d 100644
--- a/src/relabi/canvas.js
+++ b/src/relabi/canvas.js
@@ -3,6 +3,8 @@
* @module src/relabi/canvas.js;
*/
+const NOTE_RADIUS = 7;
+
export default class RelabiCanvas {
/**
* Initialize relabi wave renderer
@@ -209,10 +211,10 @@ export default class RelabiCanvas {
continue;
}
ctx.beginPath();
- ctx.arc(x - 2.5, y, 5, 0, 2 * Math.PI);
+ ctx.arc(x - NOTE_RADIUS / 4, y, NOTE_RADIUS, 0, 2 * Math.PI);
ctx.fillStyle = direction
- ? `rgba(255,128,192,${opacity})`
- : `rgba(192,255,128,${opacity})`;
+ ? `rgba(255,96,128,${opacity})`
+ : `rgba(128,255,96,${opacity})`;
ctx.fill();
}
}