Exploring canvas drawing techniques
perfectionkills.com
Exploring canvas drawing techniques
1–10 of 36 posts
Re: Exploring canvas drawing techniques
#2What a great interactive post. I never knew canvas was so flexible.
Re: Exploring canvas drawing techniques
#3This is excellent. We'll probably implement quite a few of these as Literally Canvas[1] brushes.
Re: Exploring canvas drawing techniques
#4Fantastic. This is really an excellent post. I particularly enjoy the code snippets along with each example.
Re: Exploring canvas drawing techniques
#5Neighbor points give fantastic results.
Re: Exploring canvas drawing techniques
#6this is awesome. the colored pixel brush is my favorite.
this is a nice example of what i like about programming most visualizations in general. it's fun and easy to brainstorm. change variables and logic until you end up with something you like.
Re: Exploring canvas drawing techniques
#7This is great! The Harmony examples are amazing.
Re: Exploring canvas drawing techniques
#8The examples became more and more complex while the code remained evolutionary and understandable. Amazing work and a huge resource for canvas drawing and those unfamiliar with javascript. Very impressive.
Re: Exploring canvas drawing techniques
#9Your circular spray brush has a pretty awful distribution of points. If you hold it in one location for several seconds you can tell that it's heavily biasing points to the bottom left, and you tend to get very visible "lines" as well. I tweaked it a bit to improve it:
http://codepen.io/anon/pen/EqbnG
My implementation still isn't perfect, as it biases points in the middle over points around the edges. (A consequence of the fact that a bunch of points evenly distributed around a small radius are closer together than a bunch of points evenly distributed around a large radius.) But it's definitely better than the one in the article.
Re: Exploring canvas drawing techniques
#10This gives a strange combination of nostalgia for 80s tech with excitement about the future.