<Tile Games> Template Content Creation
#Content Editor #Content Creation #Basic difficulty
Last updated
#Content Editor #Content Creation #Basic difficulty
Last updated
Please Note：This tutorial uses the template "Tile Games" as a case study to explain the specific operations and possibilities of template iteration. It is recommended to use it alongside the DEMO and the for better results! *If you need the DEMO, please contact your AM to have it pushed to your Playturbo account.
Let's first take a look at the before and after comparison of Content Creation：
The changes after template iteration mainly focus on the following aspects:
Adjust Gameplay Parameters Adjust the preset "gameplay parameters" in the "Feature Creation" section according to your creative needs.
Replace & Hide Assets Replace the original assets in the template, such as product information, box-props, and collect props background; Hide unnecessary assets, such as online earning elements and box-prop base plate.
Add New Scenes & Assets After "copying the project to Content Editor", complete the subsequent operations. Add a new scene 1 and an end scene, then add the required assets and adjust their positions, sizes, and layouts.
Adjust Landscape Layout Switch to landscape mode to adjust the layout for the two newly added scenes and their assets.
Set Animations Add guidance animations in scene 1 and the end scene.
Set Events Adjust the events from the original template; Set redirect events in scene 1 and the end scene.
Adjust Multi-language Translation Translate the newly added text into other languages and fine-tune the formatting; You can also delete or add additional multilingual versions according to your needs.
Next, we will provide a detailed explanation in the order of operations.
Use the "Tile Games" template to create a "Feature Creation" project, and prepare the required assets according to the size recommendations from the image placeholders.
Set the "Eliminable number of times" to 3 times.
Change the level to B level: random squares, shuffle cards in dead games.
1）Enter Common Assets:
Replace product information, background images, background music, etc.
Hide unnecessary online earning elements: DISCLAIMER.
2）Enter scene_play:
Sequentially replace assets in order: Guide hand, Box-Prop 1-8, Collect props background, Progress bar content, Progress bar background, Box Elimination Particle.
Hide unnecessary assets: Box-prop base plate, Collect prop bar, Progress bar ending text, Progress bar starting&ending point icon.
3）Since the original template "scene_end" is not being used, and a new end scene is added instead, no replacement or editing of assets within scene_end will be done.
4）After completing the above operations, click Copy to Content Editor to further iterate on the template.
1）Continue hiding assets: After entering Content Creation, click "Gameplay Template" - "Edit gameplay", and hide the layer group [storey3] (props on the third layer), keeping only the items on the first and second layers.
Save and back to project editing.
2）Add new assets: In scene_play, add victory sound effects and transition sound effects.
3）Add Scene 1:
Click the "+" icon in the scene area to create Scene 1.
Drag Scene 1 to the top.
Add the required assets into Scene 1, adjusting their positions, sizes, and grouping.
4）Add an end scene:
Create Scene 3, placing it between scene_play and scene_end.
Check Scene 3 as the "Ending Scene".
The original template's scene_end cannot be deleted; otherwise, it may cause template errors—just place it at the end without adjustments.
Add the required assets for the end scene and adjust their positions, sizes, and grouping.
Switch to landscape mode and sequentially adjust the layout for the two scenes.
Select multiple top-level layers and click "Reuse vertical screen position configuration" to reuse the portrait layout with one click.
Then select each layer individually to fine-tune their positions.
👉Related content： Creation Tips - Adaptation
1）Scene 1: Guidance Animation
Select Presets Library - Guidance - Choose, and add the four-choice preset.
Copy Animation: Select the finger image [gf_hand] in the preset scene and click "Copy."
Select the finger image in Scene 1, then click "Paste" - "Paste the layer animation only."
Similarly, reuse the animations for the following layers: [group_gf_hand], [options_A], [options_B], [options_C], [options_D].
Adjust the displacement distances of the two "Displacement Easing" animations for the finger based on the spacing of the images (after adjustments, switch to landscape mode to see if any further adjustments to the displacement distances are needed).
After completing the above operations, delete the preset scene.
2）End Scene: Guidance Animation & Transition Animation
Add "Fadeln" and "Spin Easing" animations to the guiding finger.
Add a "FadeOut" animation to the white image for the transition effect.
1）Adjust original template events:
Enter scene_play, and click "Event".
Under the last Custom Event, add response events:
After a delay of 0.5 seconds, play the victory sound effect once and play the transition sound effect once.
Then, after another delay of 0.5 seconds, redirect to the next scene.
2）Add new events:
Enter Scene 1 and Add Event - Press.
Add response events: redirect to the next scene, play the click sound effect once.
Enter Scene 3 (End Scene), and Add Event - Press.
Add response events: redirect to app store, play the click sound effect once.
After completing the above operations, the iteration of this case is basically complete.
If there are multilingual requirements, remember to translate the newly added text into other languages and fine-tune the formatting; you can also delete or add additional language versions.
For specific operations, please refer to Multi-language Configuration and Translation
It is advisable to preview your work promptly after completing each step in the creation process to check if the settings are correct.
Once everything is completed, it is recommended to perform an overall preview on different devices, languages, and orientations to ensure everything is working correctly.
At the end of the tutorial, we have provided all the assets used in this case for you. Click on the compressed file to download it.
You can try using these assets to follow the tutorial and quickly master deep iterations of the template.
The guidance animation in Scene 1 is a commonly used four-choice option, which can be directly reused from the .
