O'Reilly logo

PhoneGap By Example by Andrey Kovalenko

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Rendering an effects list

We would like to display pictures captured with a camera in the new popup and display the list of available effects as a preview of the captured picture. However, before this, we need to include the Pixastic library first.

Including Pixastic

Let's download the Pixastic files and put them in the resources/lib folder. After that, we need to include these files in our project. We can do this in the app.json file in the js section:

"js": [
    {
        "path": "resources/lib/pixastic.js"
    },
    {
        "path": "resources/lib/pixastic.effects.js"
    },
    {
        "path": "resources/lib/pixastic.worker.js"
    },
    {
        "path": "resources/lib/pixastic.worker.control.js"
    }
    //...
]

The preceding code tells the Sencha microloader to include these files in index.html. Also, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required