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
f2d702621d03a7187a21e3432f09bbc55d5557fa
parent
77bbdc7d5a3793d3c33466ca536ab1e172f1807e
Author
Tobias Bengfort <tobias.bengfort@posteo.de>
Date
2023-02-15 06:35
skip empty color in palette

Diffstat

M js/index.js 6 +++---
M js/view.js 4 ++--

2 files changed, 5 insertions, 5 deletions


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

@@ -21,7 +21,7 @@ var moveY = new Animation((value, dt) => {
   21    21 
   22    22 var setupPalette = function(image) {
   23    23     palette.innerHTML = '';
   24    -1     for (var i = 0; i < image.colors.length; i++) {
   -1    24     for (var i = 1; i < image.colors.length; i++) {
   25    25         var radio = document.createElement('input');
   26    26         radio.type = 'radio';
   27    27         radio.name = 'pencil';
@@ -45,7 +45,7 @@ var setupPalette = function(image) {
   45    45 };
   46    46 
   47    47 var setPencil = function(color) {
   48    -1     if (color >= 0 && color < palette.pencil.length) {
   -1    48     if (color >= 1 && color <= palette.pencil.length) {
   49    49         view.pencil = color;
   50    50         palette.pencil.value = color;
   51    51         palette.querySelector(':checked').parentElement.scrollIntoView();
@@ -57,7 +57,7 @@ loader.addEventListener('submit', event => {
   57    57     var width = parseInt(loader.width.value, 10);
   58    58     loadImage(loader.file, width).then(image => {
   59    59         setupPalette(image);
   60    -1         setPencil(0);
   -1    60         setPencil(1);
   61    61 
   62    62         frame.setImage(image);
   63    63         view.reset();

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

@@ -21,7 +21,7 @@ export class View {
   21    21         this.dy = 0;
   22    22         this.mouse = null;
   23    23         this.prevMouse = null;
   24    -1         this.pencil = 0;
   -1    24         this.pencil = 1;
   25    25     }
   26    26 
   27    27     refreshSize() {
@@ -42,7 +42,7 @@ export class View {
   42    42         this.dy = (this.canvas.height - this.frame.canvas.height * this.zoom) / 2;
   43    43         this.mouse = null;
   44    44         this.prevMouse = null;
   45    -1         this.pencil = 0;
   -1    45         this.pencil = 1;
   46    46         this.render();
   47    47     }
   48    48