Foundation HTML5 Canvas: For Games and Entertainment

eBook Details:

  • Paperback: 316 pages
  • Publisher: friendsofED; 1st edition (April 11, 2011)
  • Language: English
  • ISBN-10: 1430232919
  • ISBN-13: 978-1430232919

eBook Description:

Foundation HTML5 Canvas: For Games and Entertainment

Foundation HTML5 Canvas gives you the tools you need to create fantastic games, animations, and interactive user interfaces natively within the browser using the Canvas tag. This tag, new to HTML5, gives standard, open HTML the power to create functionality that previously was only possible using plug-ins such as Flash or Silverlight. You don’t need to buy any expensive software tools to use it, and because it is standard HTML, whatever you create with the Canvas tag will be viewable on all devices from Android to the iPad.

The book starts with the absolute basics, giving you a primer on HTML5 and JavaScript, and then teaches you how to draw directly to an HTML page. You’ll then learn how to animate, create interaction, add video and audio, and much more. Skills are learned through example applications, so by the end of the book you’ll have complete, fully-working code that you can take away and use in your own applications. We will also look at some of the JavaScript frameworks and libraries that you can use to create complex applications without needing to code everything yourself from scratch.

Foundation HTML5 Canvas gives you the tools you need to create fantastic games, animations, and interactive user interfaces natively within the browser using the canvas tag, functionality that previously was only possible using plug-ins such as Flash. Foundation HTML5 Canvas: For Games and Entertainment teaches you how to make exciting interactive games and applications using HTML5 canvas.

Canvas lets you produce graphics, animations, and applications using the HTML5 and JavaScript web standards. It allows you to draw directly within the browser without the need for third-party plugins like Adobe Flash, and so canvas works perfectly across desktop and mobile devices, like the iPhone and Android.

Foundation HTML5 Canvas begins by introducing you to HTML5 and the cool new features that it opens up for you. You are then offered a quick guide to JavaScript programming to get you up to speed. Next up you’ll receive a thorough introduction to the canvas element, which teaches you how to draw objects within the browser with great ease.

Once the basics are covered you’ll move on to the more advanced features of canvas, including image and video manipulation. You’ll also learn how to create realistic animations with the help of some basic physics.

Foundation HTML5 Canvas then teaches you how to create two thrilling space-based games using all the skills you’ve learned so far. You’ll find plenty of code examples and illustrations designed to help you understand even the most complex of topics.

HTML5 is already here for you, and Foundation HTML5 Canvas will provide you with all the information you need to enjoy the show. HTML5 is the future of the Web, and it should be your future as a Web developer.

What you’ll learn

  • The exciting new features that HTML5 brings and how to use them
  • The basics of programming in JavaScript and capturing user input
  • What the canvas drawing element is all about and why you’d want to use it
  • How to utilize both basic and advanced features of canvas
  • How to create realistic animations using canvas and a splash of physics
  • How to make interactive games using canvas, JavaScript, and other HTML5 goodies

Who this book is for

The book has been written in a friendly way that makes it approachable to beginners and experts alike. It is predominantly for Web designers who are new to HTML5 and JavaScript, and covers the absolute basics of creating interactive games and applications using the HTML5 canvas element. Experienced Web designers and programmers will also learn about all the features of canvas and how they can be used within their own projects. Flash and Silverlight developers wanting to broaden their reach across the Web and mobile devices will also benefit from the information in this book.

What you’ll learn

  • The basics of HTML and JavaScript
  • The best free tools for development
  • Draw onto a Web page using the Canvas tag
  • Create animations in HTML
  • Create text, draw, and manipulate images
  • React to user input
  • Create several interactive games
  • Add audio and video in HTML5 and the Canvas
  • Which JavaScript libraries and frameworks are available to you, and how to use them

Who this book is for

This book is for anybody who wants to start coding with the Canvas tag in HTML5. Absolute beginners can pick up the book and create applications using the code provided, while more experienced JavaScript or HTML developers will learn the ins and outs of the new HTML5 features and how they can be used effectively. Flash and Silverlight developers wanting to broaden their reach across the web and mobile devices will also benefit from the information in this book and will learn how they can transfer their existing skills across onto HTML5.

This book is part of friends of ED’s ‘Foundation’ series

The Foundation series is perfect for beginners to a technology, because it doesn’t assume any previous knowledge. Each book in the series takes you step by step through your chosen technology, starting with the absolute fundamentals and working through all aspects of the technology, ultimately providing you with a firm grasp of the basics that will enable you to create your own applications or web sites. You will learn by following complete examples at every stage of your journey, often by extended case studies that you will build upon throughout the book. The Foundation series will give you the broad and solid base you need in order to progress to a higher level of expertise.

[download id=”1162″]

Leave a Reply

Your email address will not be published. Required fields are marked *