Adding Page & Audio

Adding Page & Audio

Time for the “fun part”. If you haven’t opened the file coverA.psd, do it now. It contains the first page of our project.

Click the New Project button in the Toolset Bar. Once the project window opens, enter the following:

We are naming our project Afraid, setting it to iPad Mini with 1024 x 768 because this Afraid project was from Kwik3 and the image resolution is 1024 x 768 with landscape orientation, using the current opened document as our first page content. Once you hit Create, Kwik will set the dimensions and resolution according the selected device. You don’t need to worry about device sizes and so forth.

Now, you will see that the panel changed to something similar to it:

There are several new options in the Toolset Bar. Also, you see the project info (name and device), and the middle of the panel now shows the pages of the project (in this case, just CoverA, as our project has only one page at the moment). Kwik creates the project folder and CoverA.psd is copied to the project folder. It is located here.

As it is impossible to cover all the features in this article, I recommend you check Kwik Toolset chapter of this documents for refernce, we will focus only on a handful of features.

Copying assets

please copy the audio files and page2.psd of to the project folder

Adding Audio

To create some suspense to our storybook, let’s add a background sound. In the first Toolset (called Project and Pages), select the Add Audio button.

Then the window appears, please enter the following

Browse and point to the terror.mp3 file (this comes with the tutorial files), select the Short file and Play when page starts checkboxes. In the Controls box, select Loop forever.

Switch to Components view

You see terror audio is added

Previewing your progress

Excited to see what we have accomplished thus far? Check if you have the Export images option enabled (the icon must be a bright orange)


then press the big Publish button. You will promptly see Kwik creating all the images and the code for you.

Dialog appears when generating images and codes are finishied.

Once you click OK , the Simulator will open:

Corona Simulator

Kwik’s publish button automatically opens the Simulator with the built files. If you want to open it manually, you can find the generated codes in build4 folder.

From there, You need to select main.lua file from File->Open

If you are not seeing iPad Mini as the simulated device, go to Window->View As and select iPad Mini. You just published your first page with Kwik4 and the background sound is like already playing.