Coloring Book iPad App Template

Coloring Book iPad App Template

Released 2 years ago , Last update 1 year ago

A quick and easy way to create a coloring book app for iPad, without the need to learn how to write code. The easy to use template loads your coloring pages in JPEG or PNG format and outputs a native iPad app, ready for the App Store.

A quick and easy way to create a coloring book app for iPad, without the need to learn how to write code. The easy to use template loads your coloring pages in JPEG or PNG format and outputs a native iPad app, ready for the App Store.

The Coloring Book App project has the following features:

  • Easy to use. Simply replace the sample coloring pages with your own (named page1.jpg, page2.jpg, page3.jpg, etc).
  • Supports an unlimited number of pages.
  • Step-by-step guide included.
  • Supports all iOS devices with iOS 7 or above: iPad 2, 3, 4, and iPad mini.
  • App includes simple editing tools, suitable for kids of all ages.
  • Users can save or print their creations.
  • iOS 7 and iOS 8 compatible
  • New in v1.1: Use either JPEG or PNG images.
  • New in v1.1: More colors added to the palette.
  • New in v1.1: Option to include looping background music (add a file named background.mp3).

Developed by the creator of the popular Story Book App and Comic Book App templates, also available on Binpress.

This is a simple coloring book app template, ideally suited for creating great apps for kids. Please do not expect this to be a Photoshop class app, it's very basic so that kids can use it. If you have suggestions for new features then please let me know.

Xcode 4.5 or above is required to use this project, you can download Xcode free from the Mac App Store.

4.0
  • 5 3
  • 4 0
  • 3 1
  • 2 1
  • 1 0
5 Reviews Read Reviews

Pricing

$29.99

Single App License

  • Perpetual license

  • 1 application

  • Can distribute binary products only

  • Commercial use

Need custom services for this product? Get a quote

Instructions

A quick guide to creating an iPad App with the Coloring Book App Project

Step 1. Create your files.

For the coloring pages, the app requires either JPEG or PNG format images. These must be named:

For JPEG files: pageX.jpg, where X is the page number (eg page1.jpg, page2.jpg, page3.jpg, etc).

For PNG files: pageX.png, where X is the page number (eg page1.png, page2.png, page3.png, etc). PNG files must have a transparent background, for PNG files only the outlines of your coloring pages will be shown – this enables the app to place the file above the user’s coloring so that they cannot color over the outlines.

You will probably also want to change the titlescreen image and the background image for the page selection screen. Simply edit or replace the files titlescreen.jpg & pageselect.jpg in the “App images” folder of the project.

Also, if including background music have a file named background.mp3.

NOTE: Filenames are case-sensitive. All page filenames must be lowercase. Also, don't include leading zeros in your page numbers – page1.jpg is correct, page01.jpg is not correct. If for any reason your files are not loading, please check the filenames.

Step 2. Add your files to the project.

At this point you need to open the Coloring Book App project in Xcode (that's the file with a blue icon named ColoringApp.xcodeproj)

  • In the left pane (Project Navigator) within the folder “Pages” you will see the files for the example book, which was included with the project. Delete those, and choose “move to trash”.
  • Next, Right-click the pages folder to add your files to the project
  • When prompted, check the box labelled “Copy items into the destination group's folder”, and under “Add to targets” make sure “ColoringApp” is checked.

alt text

Step 3. Configure your App.

Also in the left-pane (Project Navigator), select the file ViewController.m, find the block of code below. You need to set options such as how many pages are included, whether to use jpeg or png files, and whether to enable background music. (highlighted in bold below).

// *****************************
// ** App Configuration Begin **
// *****************************

// See the PDF guide for help adding your content to the app

// NAMING YOUR FILES
//
// Coloring pages must be named: pageX.jpg (where 'X' is the page number)
//
// NOTE: Filenames are case-sensitive, and must be lowercase

// Enter below the total number of coloring pages
pageCount=3;

// Play looping background music?
// Add a file named background.mp3 to to 'Pages' folder and set the
// option below to YES
LoadBackgroundMusic=YES;

// Use transparent PNG files instead of JPGs?
// Transparent PNGs enable the outlines of the coloring pages to stay
// above the user's editing, so that the outlines cannot be colored over
// Change the option below to YES, and name your files (page1.png, page2.png, etc)
UseTransparentPNGs=NO;

// *****************************
// **  App Configuration End  **
// *****************************

Next, to change the name displayed underneath your app’s icon, open the file ColoringApp-Info.plist. Here, change the text in “Bundle display name” from “ColoringBook” to the name of your app. You don’t need to rename anything else, the project name can stay as “ColoringApp” – only the “Bundle display name” is seen by users.

Now, click “Run”…

alt text

You’ll now see your app running on the iOS Simulator or your iOS device.

Icons

You will also want to replace the icons with your own. The icon is included in two sizes, icon.png is the standard icon (72x72 pixel), icon@2x.png is the Retina display icon (144x144 pixel).

After you’re finished building your app, follow Apple’s instructions for uploading your app for release on the App Store.

Apps built with this project

These apps on the App Store have been built with the Coloring Book App project:

2 licenses, starting from From » $29.99 View Licenses

Get A Quote

What do you need?
  • Custom development
  • Integration
  • Customization / Reskinning
  • Consultation
When do you need it?
  • Soon
  • Next week
  • Next month
  • Anytime

Thanks for getting in touch!

Your quote details have been received and we'll get back to you soon.

or Get a quote

for customization or integration services


Or enter your name and Email
  • R Ray 1 year ago
    Hi Everyone! I would love to see some of your finish work using Chris' template---only as an inspiration for myself (I guess for others too). I also want to see how far you extended the limitations of the template. Thanks!--Ray
  • R Ray 1 year ago
    Hi Chris, I have no experience in coding---but I'd like to do a coloring book project--do you think I can handle this myself? --provided you have all the instructions and support? Thanks--Ray
    • Chris Mayer Publisher 1 year ago
      Hi Ray. Yes, I built my iOS template apps with exactly that in mind. Many artists/authors want to create apps, but are unfamiliar with the world of software development. Step-by-step instructions are included, and I believe even somebody with no previous software development experience could have an app ready within an hour. There would still be some learning to do, especially if you wished to customize the app to change or add features, but my instructions along with Apple's own documentation explain all you'd need to know to create a basic coloring book app with this template. Chris.
  • JW Julia Walkden License holderSingle App License
    Purchased on Jun 28, 2013
    1 year ago
    Thanks, Chris. I have a proposal from an elance company, but I can see this will take a lot of explaining from me and that would be difficult. Would it be possible for you to pass on the email address of the person who did the review (Elizabeth Hay) that mentioned the fill bucket option. She might be ok with letting me know a developer to contact about this, who has already done the fill bucket option.
    • Chris Mayer Publisher 1 year ago
      Hi Julia. I'm very sorry, but I do not know email addresses of any customers who purchase through Binpress.
    • EH Elizabeth Hay 1 year ago
      Hi Julia, it is Elizabeth Hay. So glad you found my feedback helpful and sorry it took so long to get back to you. I will gladly give you the info. My email is info@thecrayonstory.com. Hope to here from you soon.