Coloring Book iPad App Template

Coloring Book iPad App Template

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.

  • Language: Objective-C
    Framework: UIKit
    Platform(s): iPad
  • Released: Jan 17, 2013
    Last Update: Nov 15, 2013

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 6 devices: 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 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.

Hide

Apps built with this project

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

Hide

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.

You need to log-in or create an account
  • Create an account
  • Log-in

Please use your real name.

Activation link will be sent to this address.

Minimum 8 characters

Enter your password again

Clicking this button confirms you read and agreed to the terms of use and privacy policy.

X

Save your watchlist

Fill your details below to receive project updates from your watch list - including new versions, price changes and discounts.

I agree to the terms of use and privacy policy.

2 licenses, starting from From » $29.99 View Licenses 14 day money-back guarantee
  • This app was a solid skeleton. Yes, it was easy to navigate, but it did not have all the components I was looking for. As many have said, a fill/ bucket option would be especially good for little ones with little hands that are not as precise as their older peers. This is a feature that, along with a developer I sought out, I was able to add to my version. When I publish the final product there will also be modifications made to the color chooser that pertained to my particular needs. However, I saw nothing wrong with the other tools provided. I also made the pages more seamless by making the interface flip-book style and removing the picture chooser. I think the app template would also benefit from this update in terms of functionality and appeal; in real life you flip the pages of a coloring book after all. Chris, overall this is a very good app for beginners, myself included, but with the suggested features it could be great.
    EH Elizabeth Hay
    11 months ago, 2 comments
    Was this helpful?
    Flag 2 of 2 people found this review helpful
  • The app is very nice, the kids will love it.
    LI Lawrence John II
    7 months ago, 0 comments
    Was this helpful?
    Flag 1 of 1 people found this review helpful
  • Excellent quality app template! Coloring Book iOS App compiled the first time without errors. I've used several templates for iOS apps and this has been my best experience so far.

    Everything about this app was simple to understand and integrate, which allowed me to spend my time customizing the design instead of troubleshooting bugs!

    This template is especially good for beginners or non-coders because the documentation is very clear and there are very few steps required in order to have a working app. (Most of the steps are optional for customization.)

    The only issue I had is that some of the finished app felt unintuitive. It is easy to use without instructions for the most part, but a couple of button placements and user interactions required an extra step or explanation. This small issue was not enough to detract from being a 5-star experience. YMMV and may be improved/made worse by how you choose to design the theme.

    Overall, I would buy code Chris again without hesitation.

    Update: finished app recently approved by Apple - http://appid.co/ios/627018027
    BH Barbara Holbrook
    1 year ago, 0 comments
    Was this helpful?
    Flag 1 of 1 people found this review helpful
Post a comment

Or enter your name and Email
  • R Ray 9 months 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 9 months 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 Developer 9 months 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 10 months 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 Developer 10 months ago
      Hi Julia. I'm very sorry, but I do not know email addresses of any customers who purchase through Binpress.
    • EH Elizabeth Hay License holderSingle App License 9 months 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.