![\"\"](\"http:\/\/cliffnordman.com\/blog\/wp-content\/uploads\/2018\/04\/multiple_drawers.png\")
<\/p>\nMy first draft of the bodypaint generator was a bit hacky, so I went back and cleaned it up a bit.<\/p>\n
I created “drawers” (things that draw, not parts of a dresser) that would draw different things: stars, letters, squares, etc.\u00a0 I could add more than one “drawer” to a placer and fill the canvas with, say, half circles and half heart emojis.\u00a0 But because I mis-used Javascript’s inheritance, I couldn’t create multiple copies of the same “drawer.” So half hearts and half smiley faces wouldn’t work, nor would half red stars with few points & half green stars with many points.\u00a0 As the image below proves, I’ve removed that constraint. Now I can instantiate as many “drawers” as I like, of any type, and give them all different parameters.<\/p>\n
<\/p>\n
The placing feature was mixed in with the top-level generator object.\u00a0 I split it out to its own class, so I could make sub-classes and switch out or combine placers on one canvas just like I could use any combination of “drawers” with one placer.\u00a0 To demonstrate the new placer’s extensibility, I implemented a grid placer in addition to the random placer I made earlier.<\/p>\n
![\"\"](\"http:\/\/cliffnordman.com\/blog\/wp-content\/uploads\/2018\/04\/grid.png\")
<\/p>\n
Finally I made some quality-of-life improvements to make testing easier for myself.<\/p>\n
My first draft of the bodypaint generator was a bit hacky, so I went back and cleaned it up a bit. I created “drawers” (things that draw, not parts of a dresser) that would draw different things: stars, letters, squares, etc.\u00a0 I could add more than one “drawer” to a placer and fill the canvas … <\/p>\n