This is post 2 of a multipart series of posts. The first part can be found here… http://html5.litten.com/graphing-data-in-the-html5-canvas-element-part-i/ In this post we will do the following. Move the graph to the center of a larger canvas Add a meaningful background Add labels to the x and y axes This will allow us to go from […]
Continue readingTag: javascript
Moving Shapes on the HTML5 Canvas With the Keyboard
In order to make games using an HTML5 canvas element, you need to be able to detect user input. This post shows how to capture keystrokes on the keyboard and use them to manipulate shapes on the canvas. This example is coded for readability and not for optimized operation. All you need is a text […]
Continue readingGraphing Data in the HTML5 Canvas Element Part I
One of the most popular applications of the canvas element in HTML5 is graphing data. In the first part of this multipart series we will start with a very simple example of how to plot data on a graph that is drawn on a canvas element. Then we can build on these basic concepts to […]
Continue readingSimple Animation in the HTML5 Canvas Element
HTML5 is generating all kinds of buzz these days. Some of the buzz is about HTML5 being a replacement for Adobe’s Flash. I don’t think it’s there yet but it’s certainly on the way to changing the way content is presented on the web. This is a description of a very simple animation in an […]
Continue reading