sigonasr2/pixel-art-maker
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

brush color

Browse Source
This commit is contained in:
rachel.koldenhoven 2018-06-10 13:00:54 +05:30 committed by Brent Gardner
parent 7ff3bbd0e1
commit 6433be1b3b
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.js
View File

@ -1,6 +1,9 @@
const WIDTH = 4; //64; const WIDTH = 4; //64;
const HEIGHT = 4; //32; const HEIGHT = 4; //32;
// State
let brushColor = '';
// Canvas // Canvas
const canvas = document.createElement('div'); const canvas = document.createElement('div');
canvas.className = 'canvas'; canvas.className = 'canvas';
@ -11,7 +14,7 @@ for(let y = 0; y < HEIGHT; y++) {
const pixel = document.createElement('div'); const pixel = document.createElement('div');
pixel.className = 'pixel'; pixel.className = 'pixel';
pixel.addEventListener('click', () => { pixel.addEventListener('click', () => {
pixel.style.backgroundColor = 'red'; pixel.style.backgroundColor = brushColor;
}); });
row.appendChild(pixel); row.appendChild(pixel);
} }
@ -27,6 +30,9 @@ for(let color of colors) {
const swatch = document.createElement('div'); const swatch = document.createElement('div');
swatch.className = 'swatch'; swatch.className = 'swatch';
swatch.style.backgroundColor = color; swatch.style.backgroundColor = color;
swatch.addEventListener('click', () => {
brushColor = color;
});
palette.appendChild(swatch); palette.appendChild(swatch);
} }
document.body.appendChild(palette); document.body.appendChild(palette);