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

Improve the solution

Browse Source
This commit is contained in:
Ryan Sobol 2016-11-11 16:04:23 -08:00 committed by Brent Gardner
parent f298427ab8
commit e7deb660cb
1 changed files with 35 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
index.js
View File

@ -1,6 +1,11 @@
'use strict'; 'use strict';
let brushClass; let brushClass = 'drab-black';
const paintPixel = function(pixel) {
pixel.classList.remove(pixel.classList.item(1));
pixel.classList.add(brushClass);
}
const drawCanvas = function() { const drawCanvas = function() {
const canvas = document.querySelector('#canvas'); const canvas = document.querySelector('#canvas');
@ -17,10 +22,35 @@ const drawCanvas = function() {
return; return;
} }
if (brushClass) { paintPixel(event.target);
event.target.classList.add(brushClass);
}
}); });
// or...
// let isPainting = false;
//
// canvas.addEventListener('mousedown', () => {
// isPainting = true;
//
// if (event.target === canvas) {
// return;
// }
//
// paintPixel(event.target);
// });
//
// canvas.addEventListener('mouseup', () => {
// isPainting = false;
// });
//
// const pixels = document.querySelectorAll('.pixel');
//
// for (const pixel of pixels) {
// pixel.addEventListener('mouseenter', () => {
// if (isPainting) {
// paintPixel(event.target);
// }
// });
// }
} }
const drawPalette = function() { const drawPalette = function() {
@ -73,7 +103,7 @@ const drawPalette = function() {
heading.textContent = 'BRUSH COLOR >'; heading.textContent = 'BRUSH COLOR >';
const brush = document.createElement('div'); const brush = document.createElement('div');
brush.classList.add('brush'); brush.classList.add('brush', brushClass);
palette.appendChild(heading); palette.appendChild(heading);
palette.appendChild(brush); palette.appendChild(brush);