☰
Navigation :

Adding Page & Audio

Adding Page & Audio

Time for the fun part. If you have not opened the file coverA.psd, do it now. It contains the first page of our project.

Click the New Project button in 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 currently opened document as our first-page content. Once you hit Create, Kwik will set the dimensions and resolution according to 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 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 placed under your Documents folder.

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

Copying assets

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

Adding Audio

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

Then Window appears, please enter the following

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

Switch to Components view

You see that 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 become a bright orange)

Publish

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 & codes are completed.

Once you click OK , the Simulator will open:

Corona Simulator

when you click Publish button on Kwik, it automatically opens Simulator with the generated files. If you want to open it manually, you can find the generated codes in build4 folder.

From Simulator menu, You can open to select main.lua file

If you are not seeing iPad simulator as the selected device, go to Window->View As and select iPad.

You just published your first page with Kwik4 with the background sound playing nicely.