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 – making a racecourse


We're going to make a racecourse for little cars to move around. We'll make it out of the stack we've built! First we need to convert what is on the card into an image that represents walls and spaces.

  1. Using the LiveCode draw tools, add a bunch of objects to the ImageDataTest stack. These are going to be obstacles in the racecourse.

  2. To create the image we'll need, type this in the message box:

    import snapshot from rect the rect of this stack
  3. The previous command will take a screenshot of the card window, and place it onto the card as a new image control.

  4. Right-click on the image that was created, and select Launch Editor. This will open the image in the bitmap editor that you have set in Preferences | General.

  5. In your image editor's Layers window, duplicate the initial single layer.

  6. Make a new layer that is transparent, beneath the duplicate image layer.

  7. Delete the original layer.

  8. Use the editor's Magic Wand to select the white space of the card image in the...