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.
- 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.
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.
Edit settings in the JSON file
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.
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)
Generate unique URL for your comic
Edit the value below to reflect the location of the readJSON.php script as well as the comic.json file on your server.