paint-by-numbers

commit

679bed92a07f1dd0efb6dc9c4dfa8e82cd525089

parent

a0df863a92095836935e5e09c5d6322647a61557

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2023-02-13 05:51

cleanup

Diffstat

1 files changed, 4 insertions, 8 deletions

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

@@ -5,15 +5,12 @@ import * as utils from './utils.js';
    5     5 
    6     6 var input = document.querySelector('input');
    7     7 var palette = document.querySelector('.palette');
    8    -1 
    9     8 var canvas = document.querySelector('canvas');
   10     9 
   11    10 var frame = new Frame();
   12    11 var view = new View(canvas, frame);
   13    12 
   14    -1 var data;
   15    13 var pencil = 0;
   16    -1 
   17    14 var speed_x = 0;
   18    15 var speed_y = 0;
   19    16 
@@ -23,7 +20,7 @@ input.addEventListener('change', () => {
   23    20         frame.setImage(image);
   24    21 
   25    22         palette.innerHTML = '';
   26    -1         for (var i = 0; i < data.colors.length; i++) {
   -1    23         for (var i = 0; i < image.colors.length; i++) {
   27    24             var label = document.createElement('label');
   28    25             var radio = document.createElement('input');
   29    26             radio.type = 'radio';
@@ -33,8 +30,8 @@ input.addEventListener('change', () => {
   33    30             span.textContent = i;
   34    31             label.append(radio);
   35    32             label.append(span);
   36    -1             span.style.color = data.contrasts[i];
   37    -1             span.style.backgroundColor = data.colors[i];
   -1    33             span.style.color = image.contrasts[i];
   -1    34             span.style.backgroundColor = image.colors[i];
   38    35             palette.append(label);
   39    36             radio.addEventListener('change', event => {
   40    37                 pencil = parseInt(event.target.value, 10);
@@ -66,7 +63,6 @@ var applySpeed = utils.throttle(function() {
   66    63 }, 'animation');
   67    64 
   68    65 window.addEventListener('resize', () => view.refreshSize());
   69    -1 view.refreshSize();
   70    66 
   71    67 window.addEventListener('wheel', event => {
   72    68     var rect = canvas.getBoundingClientRect();
@@ -85,7 +81,7 @@ window.addEventListener('wheel', event => {
   85    81 });
   86    82 
   87    83 var setPencil = function(color) {
   88    -1     if (color >= 0 && color < data.colors.length) {
   -1    84     if (color >= 0 && color < palette.pencil.length) {
   89    85         pencil = color;
   90    86         palette.pencil.value = pencil;
   91    87         palette.querySelector(':checked').parentElement.scrollIntoView();