Game Design with the HTML5 Canvas
Free HTML5 Game Tutorial for Beginners: Page 15
This short tutorial discusses advantages of the HTML5 2D canvas element.
The HTML5 2D canvas element's type name is,
Surface Game references a
by the variable,
This article includes links to detailed topics regarding the canvas.
HTML5 introduced the revolutionary canvas element to Web programming. The HTML5 canvas includes many features, such as support for mobile touch events, drag and drop, lightweight vector graphics (SVG), image display, animation, and visual effects. The canvas displays on a range of devices from Android, to iPad, iPhone, Blackberry 10, Windows phones, as well as full desktop computers such as Windows PCs and Macintosh computers.
Many devices have stopped support of Flash. Flash games require a separate plugin, with code to verify the plugin's availability and version level. The canvas doesn't require a plugin which streamlines software development.
User interaction for the
happens within the canvas element.
Surface Game's prepared with the
design pattern. The view includes those parts of the game which display graphics
and other visual information to the player.
The view includes the canvas, an image, CSS, and textual output.
The links below include game design tutorials which use the HTML5 2D canvas.
The tutorials implement components of the
Surface Game components and concepts include many features useful for a range of
other online games.
This short tutorial discussed advantages of the HTML5 2D canvas element. Links to detailed topics regarding the canvas are included.
Have fun and love learning!
For the next tutorial, tap the image icon containing text which says
Next Lesson, or
the right pointing arrow at the bottom of the page.