Comic Advanced

Template Customization for Comic Reader

It is experimental how to customize the template files of Kwik4 for a comic reader.

David Fox at Electric Eggplant introduced Corona Comic SDK 2.0 in 2011. It is used in the Middle School Confidential Series

• http://www.middleschoolconfidential.com
• https://github.com/Eddy34743/Corona-Comics-SDK-2.0

Here is the comic project I made up

• https://kwiksher.com/tutorials/Kwik4/Comic.zip

unzip and run build4/main.lua with corona simulator

copyright

The actual page images are proprietary. Excerpted from Be Confident in Who You Are by Annie Fox, M.Ed., © 2008. Used with permission of Free Spirit Publishing Inc., Minneapolis, MN; 800-735-7323; www.freespirit.com. All rights reserved.

Images are from the app, “Middle School Confidential 1: Be Confident in Who You Are” from Electric Eggplant

http://MiddleSchoolConfidential.com

Page 1

page1 consists of the following layers:

• “Auto” layer is a button to start the transition of panels and frames
• “Tap” layer is also a button to move forward the transition one by one immediately
• “Whole image” button to show the whole page1 image
• “-panels” is a layer group and panel coordinates are specified with each rectangle
• “ballons” group has the ballon images with text
• “background” is the art layer

if you want to set an animation to panel, panel’s name must follow the layer naming rule of Kwik. If you don’t use animation to panel or ballon, number digit is allowed

the layer group of “-panels” defines each panel. A panel can have two frames. the layer group of “ballon” defines each ballon.

Each ballon name must have substring of panel’s name or frame’s name. For instance, the panel name is “1”, the ballon name “1” is dispayed.

When a panel have the two frames “11” and “12”, the ballon “bl11” has “11” , so frame “11” with “bl11” are matched. “bl11” has the prefix “bl” for animation naming

the frame “12” and the ballon “12” are paired. the ballon “21-31” are displayed across the frame 21 and the frame 31

Button “Auto”

auto.lua

local panels = require("components."..UI.page..".page_meta_panels")
panels:reset()
panels:start(1, false)

Button “Tap”

tap.lua

local panels = require("components."..UI.page..".page_meta_panels")
panels:tap()
return true

Button “Whole Image”

wholeImage.lua

local panels = require("components."..UI.page..".page_meta_panels")
panels:reset()

panel “pn1” animation

ballon “bl11” animation

Page Properites - Comic

Enable Comic Page checkbox.

preload disabled if you use page curl

Animation

Animation supported for panel and ballon but not supported to frames

Supported

• Linear
• Rotation
• Pulse
• Bounce
• Blink *Shake are supported

Not supported

• Path
• Switch
• Filer animation

Please check on child component enabled from Setting > Genaral in order to set an animation to a panel or a ballon.

Tmplt

You find the following settings in page_meta_comic.lua in the tmplt folder. Please set the width/height of the background image of your artwork.

the size of a background image is discussed at Kwik Toolset > Guidelines > Phtotoshop Settings. The recommendation is 1440x2280

• tmplt/components/pageXXX/page_meta_comic.lua

local _Duration        = 3000
local _SheetWidth      = 1656
local _SheetHeight     = 2200
local _ContentWidth    = 1280
local _ContentHeight   = 1920
local _BackgroundColor = { 0.8, 0.8, 0.8 }
local _Scale           = 1.5

Enjoy!