You are previewing Supercharged JavaScript Graphics.

Supercharged JavaScript Graphics

Cover of Supercharged JavaScript Graphics by Raffaele Cecco Published by O'Reilly Media, Inc.
  1. Supercharged JavaScript Graphics
    1. SPECIAL OFFER: Upgrade this ebook with O’Reilly
    2. Preface
      1. Audience and Assumptions
      2. Organization
      3. Conventions Used in This Book
      4. Using Code Examples
      5. Safari® Books Online
      6. How to Contact Us
      7. Acknowledgments
    3. 1. Code Reuse and Optimization
      1. Keeping It Fast
      2. What and When to Optimize
      3. Homespun Code Profiling
      4. Optimizing JavaScript
      5. Optimizing jQuery and DOM Interaction
      6. Other Resources
    4. 2. DHTML Essentials
      1. Creating DHTML Sprites
      2. Converting into a jQuery Plug-in
      3. Timers, Speed, and Frame Rate
      4. Internet Explorer 6 Background Image Caching
    5. 3. Scrolling
      1. CSS-Only Scrolling Effects
      2. Scrolling with JavaScript
    6. 4. Advanced UI
      1. HTML5 Forms
      2. Using JavaScript UI Libraries
      3. Creating UI Elements from Scratch
    7. 5. Introduction to JavaScript Games
      1. Game Objects Overview
      2. The Game Code
    8. 6. HTML5 Canvas
      1. Canvas Support
      2. Bitmaps, Vectors, or Both?
      3. Canvas Limitations
      4. Canvas Versus SVG
      5. Canvas Versus Adobe Flash
      6. Canvas Exporters
      7. Canvas Drawing Basics
      8. Animating with Canvas
      9. Canvas and Recursive Drawing
      10. Replacing DHTML Sprites with Canvas Sprites
      11. A Graphical Chat Application with Canvas and WebSockets
    9. 7. Vectors for Games and Simulations
      1. Operations on Vectors
      2. Creating a JavaScript Vector Object
      3. A Cannon Simulation Using Vectors
      4. Rocket Simulation
    10. 8. Google Visualizations
      1. Limitations
      2. Chart Glossary
      3. Image Charts
      4. Interactive Charts
    11. 9. Reaching the Small Screen with jQuery Mobile
      1. jQuery Mobile
      2. TilePic: A Mobile-Friendly Web Application
      3. PhoneGap
    12. 10. Creating Android Apps with PhoneGap
      1. Installing PhoneGap
      2. Creating a PhoneGap Project in Eclipse
    13. Index
    14. About the Author
    15. Colophon
    16. SPECIAL OFFER: Upgrade this ebook with O’Reilly

Creating a PhoneGap Project in Eclipse

Now that everything has been downloaded and installed, it’s time to create a PhoneGap project in Eclipse that’s ready for testing on the Android emulator or on a real Android device:

  1. Start Eclipse and select FileNewProject.

  2. Select Android Project from the New Project dialog.

  3. In the New Android Project dialog, enter the details as shown in Figure 10-4. Your default location will be the same as your Eclipse workspace, but you can change this if desired. Choose an Android version that is compatible with one of your virtual Android devices or a real Android device. The package name follows the usual Java rules of package naming—typically, a reverse domain name that is guaranteed unique so it does not conflict with other Java packages.

  1. Go to the root directory of the project and create two new directories: /libs and /assets/www. (Note that the assets directory already exists.)

  2. Copy phonegap.js from the Android directory in the extracted PhoneGap directory to /assets/www.

  3. Copy phonegap.jar from the Android directory in the extracted PhoneGap directory to /libs.

After you’ve created the two directories and copied phonegap.jar and phonegap.js, the project in Eclipse should be structured within the Package Explorer as shown in Figure 10-5.

The New Android Project dialog

Figure 10-4. The New Android Project dialog

Figure 10-5. Project layout in Eclipse

Altering the File

Double-click ...

The best content for your career. Discover unlimited learning on demand for around $1/day.