Author Archives: keith

Today we’ll look at a few other things to do with images. We’ll start with a simplified html file: [php lang=”HTML”] mar20 [/php] Note that now we only have the canvas. We will be loading the image dynamically in JavaScript. … Continue reading →

I figured we need to take at least a couple days or more to talk about images and JavaScript and Canvas. It’s a pretty useful subject. So far, we’ve been drawing everything with lines and arcs. Maybe a rect here … Continue reading →

Today, I just wanted to try implementing a common construct in JavaScript: the linked list. In case you are not familiar with it, a linked list is an alternate way of storing and iterating through a collection of objects. Usually … Continue reading →

Today we add some color. And some blur. Not much, but a nice effect. Relatively few changes here. Here’s the file to follow along: http://www.bit-101.com/jscanvas/mar17.js First of all, we add a line to initPoint that gives it a color property. … Continue reading →

As promised, we will now start adding features to yesterday’s particle simulation. What we wound up with was pretty basic, but is a good starting point for building on. Today, we’ll be adding several main features: 1. An emitter, which … Continue reading →

I don’t know about you, but I’m getting tired of wires. Let’s build something else. For starters, a simple particle system. First the HTML: [php lang=”HTML”] wirelib [/php] In the script file, we’ll use the jQuery document ready function to … Continue reading →

Yesterday, I refactored WireLibJS to allow for multiple instances on multiple canvases. But, as correctly pointed out in the comments, there was something with the architecture of the way I did that, which could be considered to be a major … Continue reading →

One question I had early on was along the lines of “What if I want to have two canvases with wirelib animations in them?” The answer was, you couldn’t. Because the wirelib object was a sort of singleton, initialized with … Continue reading →

Been gathering a collection of links, both on my own, through comments on these posts, and other links people have shared on IM and twitter. Thought I’d take this opportunity to gather them together. IDEs: http://www.activestate.com/komodo-edit http://www.jetbrains.com/idea/ http://www.aptana.com/ Libraries/Frameworks: http://processingjs.org/ … Continue reading →