add sound controls and fullscreen

1 files changed, 7 insertions, 7 deletions

diff --git a/render.js b/render.js
index ce31973..66cf32c 100644
--- a/render.js
+++ b/render.js
@@ -1,5 +1,5 @@
 export function render(ctx, level, index) {
-  ctx.fillStyle = 'white';
+  ctx.fillStyle = 'orange';
 
   const [x0, y0] = level.path[index];
   const [x1, y1] = level.path[index+1] || level.path[index];
@@ -28,7 +28,7 @@ export function drawShip(ctx, pos, angle) {
   const [x, y] = pos;
   ctx.translate(x, y);
   ctx.rotate(angle);
-  ctx.fillStyle = 'white';
+  ctx.fillStyle = 'orange';
   const STEP = 0.4;
   ctx.beginPath();
   ctx.moveTo(0, 0);
@@ -43,8 +43,8 @@ export function drawShip(ctx, pos, angle) {
 
 export function drawGrid(ctx) {
   ctx.scale(1, -1);
-  ctx.strokeStyle = 'white';
-  ctx.fillStyle = 'white';
+  ctx.strokeStyle = 'orange';
+  ctx.fillStyle = 'orange';
   const { width, height } = ctx.canvas;
   ctx.font = `0.4px monospace`;
   ctx.lineWidth = 4 / Math.max(width, height);
@@ -83,7 +83,7 @@ export function drawGrid(ctx) {
 
 export function drawPath(ctx, path) {
   const [ start, ...line ] = path;
-  ctx.strokeStyle = 'white';
+  ctx.strokeStyle = 'orange';
   ctx.lineWidth = 0.04;
   ctx.beginPath();
   ctx.moveTo(start[0], start[1]);
@@ -93,8 +93,8 @@ export function drawPath(ctx, path) {
 
 
 export function drawMark(ctx, mark, x, y) {
-  ctx.strokeStyle = 'white';
-  ctx.fillStyle = 'white';
+  ctx.strokeStyle = 'orange';
+  ctx.fillStyle = 'orange';
   ctx.font = `0.5px monospace`;
   ctx.lineWidth = 0.1;