Follow us: zoolook zoolook zoolook zoolook

iPad Comic Book App

How to make an iPad comic book for the App Store

Welcome to the iPad Comic Book App section of ComiXstand. This short guide will explain how to create your comic book for the iPad using the Comic Book App source code provided with your premium membership plan. Before we begin, you’ll need to have the following content available:

  • Your comic book pages designed in portrait layout and saved in jpg format
  • If you wish to have background music, then have a 44.1 KHz mp3 file named background.mp3

With the Comic Book App Project, you can create an iPad App from your digital comic book in minutes. Simply save your pages as .jpg files and the app project will display them in sequence (page1.jpg, page2.jpg, page3.jpg, etc.). You can also have as many pages as you like but they must follow the correct naming system as mentioned above (all lowercase, .jpg extension).

The following will not work:

PAGE1.JPG (uppercase is not allowed), page1.jpeg (.jpg not .jpeg), page0001.jpg (no zeros allowed)

Adding your pages to the Comic Book App Project

Let’s start by opening the Comic Book App project in Xcode.

  • In the left pane, under the “PAGES” folder, you will see the example pages (and background.mp3 file). Delete those pages (Step #1)
  • Now right-click the “PAGES” folder to add your jpeg files to the project (Step #2)
  • If you plan to use the background music function, simply add your mp3 file to the pages folder
  • With the “Add Files” window open, check the box that says “Copy items into the destination group’s folder (Step #3)

Step #1: Delete Example Pages

Delete Example Pages

Step #2: Choose "Add Files"

Choose Add Files

Step #3: Add Your Files

Add Your Files

Step #4: Configure your App

In the CLASSES folder, click on the file ComicBookViewController.m. Find the config section at the top of the file. Enter the name of your Comic Book and the number of pages. You can also adjust the magnification level of the zoom function, choose whether to enable background music, and customize the menu button in the app so that it links to your website.

We've highlighted the areas to edit below: 
// ****************************** 
// ** User Customization Begin ** 
// ******************************

//enter the name of your book
bookTitle=@"My Comic Book";
// enter below the total number of pages included in your book, these files must be named // sequentially in the following format: page1.jpg, page2.jpg, page3.jpg, etc... pageCount=5;

//set the magnification level of the zoom function.
zoomlevel=2;

//show website link button on popup menu?
webbutton=YES; //url to send user to when pressing website button //and the text to display on the button (if enabled above) webbuttontext=@"Website";weburl=@"http://www.dreadandalive.com";
//enable looping background music? //(please add a file named background.mp3 to the project) sound=YES;

// ****************************** 
// ** User Customization End ** 
// ******************************

Finished!

Click “RUN” on the Xcode toolbar to test your app on the iOS Simulator or your iOS device.

Xcode Toolbar

You can also replace the included icon file (icon72.png) with your own. To change the text displayed under your app’s icon on the iOS home screen, see the file ComicBook-Info.plist. Edit the entry for “Bundle display name”.

Now you are ready to submit your comic book app for sale on the App Store!

Close [X]