paint-by-numbers

Relaxing paint-by-numbers game  https://p.ce9e.org/paint-by-numbers/
git clone https://git.ce9e.org/paint-by-numbers.git

commit
d63b28aec6e1a318adf175d31adf4c95f7546e94
parent
d3cbdd6297a439d158403030d2a3f29b75f150be
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2023-02-12 19:33
avoid going out of color bounds

Diffstat

M paint.js 16 ++++++++++------

1 files changed, 10 insertions, 6 deletions


diff --git a/paint.js b/paint.js

@@ -216,6 +216,14 @@ window.addEventListener('wheel', event => {
  216   216     render();
  217   217 });
  218   218 
   -1   219 var setPencil = function(color) {
   -1   220     if (color >= 0 && color < data.colors.length) {
   -1   221         pencil = color;
   -1   222         palette.pencil.value = pencil;
   -1   223         palette.querySelector(':checked').parentElement.scrollIntoView();
   -1   224     }
   -1   225 }
   -1   226 
  219   227 window.addEventListener('keydown', event => {
  220   228     // FIXME: kinetic movement;
  221   229     var step = 10;
@@ -232,13 +240,9 @@ window.addEventListener('keydown', event => {
  232   240         speed_x = -step;
  233   241         applySpeed();
  234   242     } else if (event.key === 'q') {
  235    -1         pencil -= 1;
  236    -1         palette.pencil.value = pencil;
  237    -1         palette.querySelector(':checked').parentElement.scrollIntoView();
   -1   243         setPencil(pencil - 1);
  238   244     } else if (event.key === 'e') {
  239    -1         pencil += 1;
  240    -1         palette.pencil.value = pencil;
  241    -1         palette.querySelector(':checked').parentElement.scrollIntoView();
   -1   245         setPencil(pencil + 1);
  242   246     }
  243   247     render();
  244   248 });