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