# Creation Tips - Suggestions for Creation  Process

When using the Content editor for "Blank Canvas," we generally recommend following these steps to greatly improve efficiency!

## <mark style="color:blue;">Step 1: Asset Setup</mark>

### 1.Import Assets

After creating a new project, click on "Project Assets" to import all the prepared assets. Some commonly used assets can also be obtained and used from the "Asset Library."&#x20;

🌟 Help Center documentation:  [Project Assets](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/top-asset-library/project-assets.md) [Asset Library](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/top-asset-library/asset-library.md)

<figure><img src="/files/NrOaca5PIPgCN8Uzf1sI" alt=""><figcaption></figcaption></figure>

### 2.Scene Setup

2-1)  Global Asset Setup: Start by clicking on "Global Settings" to set up global assets.&#x20;

* Add background music and background image on the right side.&#x20;
* Under "Global scene" on the left side, add persistent information such as product details, download buttons, and disclaimer text.&#x20;

🌟 Help Center documentation:  [Global Settings](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/scene-area/global-settings.md)

<figure><img src="/files/We9K10WdjExyQ1N9dOxY" alt=""><figcaption></figcaption></figure>

* To better adapt to different devices, we usually adjust the size of assets like background image or base image to be larger and extend them beyond the canvas.&#x20;

<figure><img src="/files/l6pihar3J1SQVZvdgSr9" alt=""><figcaption></figcaption></figure>

* Once the asset positions and sizes are adjusted, it's a good practice to group them logically, which will provide convenience for subsequent production steps.&#x20;
* After grouping, adjust the "Screen adaptation" based on the layout and distribution of the assets. For example, set the logo to "Center Top" adaptation and the disclaimer to "Center Bottom" adaptation.

<figure><img src="/files/qZ3ou3c9uooXWmwIae8J" alt=""><figcaption></figcaption></figure>

2-2) After completing the setup of global assets, we move on to the "Scene" for building the core gameplay and ending page. For example:&#x20;

* Scene 1: Core Gameplay - Add relevant assets, adjust their positions and sizes, and group them.
* Scene 2: Ending Page - You can select presets directly from the "Presets Library" to use.&#x20;
* **Note:** If using presets, it is recommended to add them at this step (as adding a preset creates a new scene with that preset). After successfully adding a preset, you can make minor adjustments to some assets and delete the original Scene 2 if necessary.

🌟 Help Center documentation:  [Scene](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/scene-area/scene.md)  [Layer Area](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/layer-area.md)  [Presets Library](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/top-asset-library/presets-library.md)

<figure><img src="/files/txAxeg1zNI9OYdj7Vo16" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">Step 2: Landscape Layout and Adaptation</mark>

After completing the asset setup for the portrait layout, we switch to the landscape mode to adjust the layout and adaptation (you can skip this step if you chose single-screen production when creating the project).

* To perform a one-click layout, hold the Ctrl key and select all the top-level layers (or place all layers within a large group and select the group). Then, click on the "Reuse vertical screen position configuration" button on the right side.
* If the positions and sizes are not suitable, you can make minor adjustments to the position and scale.

<figure><img src="/files/mNQdM37rTplJZLSmLd2h" alt=""><figcaption></figcaption></figure>

* Similarly, set the "Screen adaptation" for individual layers that require adjustment.
* The process of landscape layout and adaptation applies to all scenes.

🌟 Help Center documentation:   [Screen adaptation](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/parameter-setting-area/screen-adaptation.md) [Creation Tips - Adaptation](/playable-tools-content-editor/content-editor-creation-tips-center/common-creation-tips/creation-tips-adaptation.md)

## <mark style="color:blue;">Step 3: Animation Setting</mark>

After completing all the adjustments for the landscape layout, we can proceed to set up the animations.

### 1.Adding Animations

Select the layer(s) that you want to animate, click on "Add Animation," and choose a suitable animation. Adjust the corresponding parameters as needed.

🌟 Help Center documentation:   [Animation - Layer Parameters](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/parameter-setting-area/animation-layer-parameters.md)

<figure><img src="/files/gWXQjn5KSSA8XPXShOW4" alt=""><figcaption></figcaption></figure>

### 2.Adding Particle Effects

If you want to add particle effects, you can select them from the "Particle" section in the "Asset Library." After adding them to the canvas, adjust their positions accordingly.

**Note:** After adjusting the portrait layout, make sure to also adjust the positions of particles for the landscape mode.

🌟 Help Center documentation: [Particle Parameters](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/parameter-setting-area/exterior-layer-parameters/particle-parameters/particle-parameters.md)

<figure><img src="/files/FZvIQkn9mdIiXmL2qpau" alt=""><figcaption></figcaption></figure>

Once all animation settings are done, we move on to the most important step - event setting.

## <mark style="color:blue;">Step 4: Event Setting</mark>

Typically, we set up events in the order they occur during gameplay.&#x20;

Depending on your specific requirements, events can be set on images, groups, interactive areas, scenes, and more.

It is recommended to preview the event settings promptly after completing each section to ensure they meet your needs. This also allows for timely adjustments if any issues arise.

🌟 Help Center documentation:  [Event - Common Parameters](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/parameter-setting-area/event-common-parameters.md)  [Global Variables](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/top-asset-library/global-variables.md)

<figure><img src="/files/z8mebyyAiAvgSkCYJ7GK" alt=""><figcaption></figcaption></figure>

<mark style="color:red;">**Note:**</mark> Remember to check the "Ending Scene" as the final ending page or manually add the "Report the end of the playable ads."

🌟 Help Center documentation:  [WORK CREATION-IMPORTANT NOTICE⚠️](/playable-tools-content-editor/work-creation-important-notice.md#report-the-end-of-the-playable-a-ds)

<figure><img src="/files/ijnvBzE7dWccnqOQwWwZ" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">Step 5: Language Translation</mark>

After completing the basic setup for all content, click on "Global Settings" and add multiple language versions under "Default Language."&#x20;

* Click on "Add Language" to open the text translation window where you can select the desired target language to generate.&#x20;
* You can also delete unwanted language versions under "Default Language."

🌟 Help Center documentation:  [Multi-language Configuration and Translation](/playable-tools-content-editor/content-editor-user-guide/editing-page-module-intro/parameter-setting-area/global-settings/multi-language-configuration-and-translation.md)

<figure><img src="/files/CLrkFEZIhsMDWX3FL6aQ" alt=""><figcaption></figcaption></figure>

* Once the multilingual versions are added successfully, make sure to preview all scenes in each language. You can fine-tune the text font size and other content for that particular language version on the right side.

<figure><img src="/files/9VffcHWtQ77IkT38bEQt" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">Step 6: Overall Preview</mark>

After completing the production of the above content, our materials are ready.&#x20;

Click on "Preview" to have an overall preview and playtest on different devices, in different languages, and in both landscape and portrait modes to ensure there are no issues.

<figure><img src="/files/TbSHspkltYur2c0cZJr7" alt=""><figcaption></figcaption></figure>

## <mark style="color:blue;">Step 7: Completion of Product Info</mark>

Once everything is confirmed to be correct, before applying or downloading, we need to complete the final step - adding product information.&#x20;

* Click on "Project Info" in the upper right corner.&#x20;
* In the pop-up window, click on "Associate with Promoted product" and select "Add Promoted Product."
* Fill in the relevant product information in the pop-up window and click "Confirm."

<div align="left"><figure><img src="/files/RIIrsJLhSXeUgyfhZmu0" alt="" width="371"><figcaption></figcaption></figure></div>

🌟 Help Center documentation:  [Content Editor - Download\&Apply](/playable-tools-content-editor/content-editor-user-guide/content-editor-download-and-apply.md)

That's it! The above steps outline the complete process for creating a project in "Blank Canvas."


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.playturbo.com/playable-tools-content-editor/content-editor-creation-tips-center/common-creation-tips/creation-tips-suggestions-for-creation-process.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.