Canvas 2D Web Apps

An introduction to programming web apps with the HTML5 canvas 2D context

 

See also the Wikibook JavaScript.

Also see the canvas documentation in MDN.

Also see Apple's Safari Web Content Guide.

Table of Contents

• Introduction

• Getting Started:
  • Getting Started with HTML Web Apps
  • Getting Started with iOS Web Apps
  • Getting Started with Android Web Apps
  • Getting Started with iBooks HTML Widgets

• Elements of Canvas 2D User Interfaces:
  • Getting Started with the cui2d Framework
  • Static Buttons
  • Responsive Buttons
  • Animations
  • Draggable Objects
  • Transformable Objects
  • Pages
  • Transitions between Pages
  • Overlays

• Other Elements of Web Apps:
  • Sounds
  • User Prompts [stub]
  • Acceleration of Devices [stub]
  • Persistent Data Storage [stub]
  • Geolocation [stub]
  • Sending E-mails [stub]
  • Capturing Media (iOS 6+, Android 3+)
  • Recognizing and Synthesizing Speech (iOS 7+)

• Appendices:
  • cui2d reference (HTML files by JSDoc3)
  • cui2d.js (JavaScript file)