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:
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.
These apps on the App Store have been built with the Coloring Book App project:
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)
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”…
You’ll now see your app running on the iOS Simulator or your iOS device.
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), firstname.lastname@example.org 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.
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
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.