Book Image

LiveCode Mobile Development Beginner's Guide

By : Colin Holgate
Book Image

LiveCode Mobile Development Beginner's Guide

By: Colin Holgate

Overview of this book

LiveCode is a tool for developing mobile apps designed for those who don't want to use Objective-C, C++ or Java. Although it is a tool full of rich features to create apps it can be challenging to get beyond the basics and build interactive and fun apps. Using this book, you can develop various apps and this book guides you through "till you upload the apps in the appstore."LiveCode Mobile Development Beginner's Guide" will explain how to create applications with the easiest, most practical cross platform framework available, Livecode Mobile and upload the apps to the appstore with minimal effort.Throughout the book, you'll learn details that will help you become a pro at mobile app development using LiveCode. You begin with simple calculator application and quickly enhance it using LiveCode Mobile. Start by learning the interface controls for videos and images of LiveCode's environment. Dig into configuring devices, building user interfaces, and making rich media applications, then finish by uploading the mobile applications to App Stores. You will learn how to build apps for devices such as iPhone, Android with the recently developed LiveCode Mobile through sample applications of increasing complexity.
Table of Contents (16 chapters)
LiveCode Mobile Development Beginner's Guide
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Time for action – testing a getPixel function


Before getting to useful examples, let's make a getPixel function, and a quick test case.

  1. Make a new Mainstack. Save it as ImageDataTests.

    Note

    We'll use the same stack to illustrate several things, and at the end we may dare to try it on a mobile device!

  2. Make the stack of the size of your largest test device. Or just try 1024x768 if you'll use the iPad Simulator.

  3. From the File menu, choose Import as Control/Image, and select any small image file you have, to place it in the upper left-hand side corner of the card window. The example shown below uses a LiveCode logo image.

  4. Place a new Graphic object next to the image. It's going to be showing a single color, so just make it big enough to easily see the color. Name it swatch.

  5. Graphics have a default value set to show an empty box, so type this in the message box to make it be filled in:

    set the filled of graphic 1 to true
  6. Edit the script of the image, and type in these lines:

    on mouseMove pMx,pMy
       --put...