Step 1

1. Upload all images to your server

You need to create 3 sets of images - in 3 separate directories - using the same filename for all 3 imagesizes.
Imagesizes:

  • Large images - uses a bounding box of 1400x1400 pixels. Used by tablets and desktop/laptop computers
  • Medium images - uses a bounding box of 1000x1000 pixels. Used by cellphones
  • Small images - square images 70x70 pixles. Used as thumbnails for jumping direct to a page

2. Create a comma-separated list of all the filenames for the Large images

The first time you start this authoring tool, we need to know the location of each of the page images of your comic.
Create a comma-separated list of all the page images with the full URL to each of them like this:

http://www.yourdomain.com/mycomic/images/big/cover.jpg, http://www.yourdomain.com/mycomic/images/big/page1.jpg, http://www.yourdomain.com/mycomic/images/big/page2.jpg, http://www.yourdomain.com/mycomic/images/big/page3.jpg

Once you have completed this wizard once, you can use the JSON file created to continue working on the comic.

Step 2

Prepare your comic using the Oxicomics Authoring tool

Use the Oxicomics Authoring Tool (requires Flash) to perform the authoring process and create the required JSON file.
You will be able to create panel-by-panel (optional) adaption for each page of your comic and the resulting JSON file contains all the information the Oxicomics HTML5 Comics Reader needs.

Comic title

CSV JSON


Step 3

Edit settings in the JSON file

Sharing settings

The Oxicomics HTML5 Comics Reader uses the AddThis plugin to let readers easily share the comic on all social networks including Facebook, Twitter, Google+, Reddit, StumbleUpon, Pintrest and over 300 others.
You can configure the information used when sharing the comic by editing the values below.

Title:
Description:
Icon:

File locations

The Oxicomics HTML5 Comic Reader needs to know the paths to the "master" directory where the 3 subdirectories containing the 3 different imagesizes are located, as well as what each of those subdirectories are called.

Please be aware that each image will be requested using a simple concatenation of the values entered here like

http://www.yourdomain.com/mycomic/images/ + big/ + page1.jpg (path + large + filename)

Path:
Large:
Medium:
Square:

Step 4

Generate unique URL for your comic

Download readJSON.php as well as your JSON file.

Unzip the readjson.zip file and upload the readJSON.php and comic.json file to your server (must be same domain as the imagefiles).

Edit the value below to reflect the location of the readJSON.php script as well as the comic.json file on your server.

Check URL