Custom Search

02 Januari 2018

HTML 5 Canvas for Dummies - Free Sample Chapter

Tidak ada komentar :
A Quick Glimpse Behind the Canvas

Developers of the Canvas standard could have named their new creation anything they wanted. They could have called it an area, pad, space, or any number of other possibilities. They chose Canvas, with its obvious artistic implications. There is significant technical detail behind the implementation of Canvas, but at its core, the intent is to provide a new way to satisfy the urge for expression not so different from that behind prehistoric drawings on cave walls.

HTML5 Canvas is a digital version of the surfaces that have teased the imagination of mankind for thousands of years. Adding the power of computing to traditional media concepts creates an amazing combination. No need to imagine horses galloping or geese flying. Now they can move.

In this chapter, you get a first look at how HTML5 Canvas works and how to create your own compelling Canvas applications. You get a glimpse behind the Canvas to see what makes it tick.

Displaying Your Canvas on the Stage of the World Wide Web

Traditional artists working with traditional canvases face a tough task getting their work out into the world. They have to create their paintings, find galleries to show them, hope people notice them, and then maybe sell a few. This is a slow process indeed compared to the global exposure given to an HTML5 Canvas application.

Your Canvas application will sit within the framework of the Internet and World Wide Web. It will have instant and automatic distribution. Get a little buzz going and it could be seen by millions.

So what exactly is HTML5 Canvas? Well, stated briefly, HTML5 Canvas is a standard for applications written in JavaScript that run within a web page downloaded from a server and displayed by a browser on a client device. That’s quite a mouthful and a bit difficult to absorb. As they say, a picture is worth a thousand words. Figure 1-1 shows how all the HTML5 Canvas pieces fit together.

Five great things about HTML5 Canvas

Canvas is a much anticipated feature of HTML5. Here are just a few of the great things about it:

  • It’s interactive. HTML5 Canvas can listen for and respond to user actions. Moving a mouse, pressing a button, tracing with a finger — these can all be sensed by your JavaScript code and used to drive application actions.
  • It’s animated. Objects can be made to move on an HTML5 Canvas . . . from simple bouncing balls to complex animations.
  • It’s accessible. All the major browsers now support HTML5 Canvas. Your Canvas application can be used on devices ranging from large computers to smartphones and tablets.
  • It’s flexible. An HTML5 Canvas can be used to display text, lines, shapes, images, videos . . . all with or without animation. It’s a super-flexible medium.
  • It’s growing rapidly. HTML5 and the Canvas feature are steadily gaining popularity

Bila ingin berlangganan artikel blog ini, silahkan subcribe dengan email atau dengan RSS feed Disini

Tidak ada komentar :

Posting Komentar