# 【Couple Flip 2】Replace Animation Effectt Particle

The Playturbo animation effects library has a lot of effects for you to choose from, but sometimes when the existing animation effects cannot meet your needs, you can flexibly replace particle images to meet more ideas. **This chapter will show you how to achieve more rich effects by replacing particle images on the previous case of&#x20;*****Couple Flip-1*****!**

### 1. Objectives

* Replace Particle Image：Achieve more animation effects through the replacement of particle image.<mark style="background-color:red;">Replace Particle</mark>

### 2. Tags

* 【Difficulty】：⭐⭐⭐
* 【Product】：Hyper Casual Game
* 【Gameplay】：Parkour, Racing
* 【Interactive Event】：Click
* 【Story branch】：One-way
* 【Feature】：Emphasize Animation, Timing Trigger

### 3. Preview

| View on mobile                   | Portrait                                      | Landscape                                     |
| -------------------------------- | --------------------------------------------- | --------------------------------------------- |
| ![](/files/QACw9huRKtJkxNzVPWxi) | ![](/files/JluvWAUoyt44YIalCdHM)              | ![](/files/CpmIg61Fgu2SRVya8Zya)              |
| Scan to play                     | [Click to play](https://tinyurl.com/bdzafa7z) | [Click to play](https://tinyurl.com/bdzafa7z) |

### 4. Design Methods

Please refer to the previous tutorial [***Couple Flip-1***](/playturbo-case-study/playable-content-editor/parkour-gameplay-cases/couple-flip-1-video-parkour-split-videos.md)*.*

### 5. Steps

#### Step1 - Replace the heart effect in scene 1

Objective：Choose the appropriate animation effect and replace the particle image.

| **Old Effect**                   | **New Effect**                   |
| -------------------------------- | -------------------------------- |
| ![](/files/wPkbVhGTSjV1namQmolK) | ![](/files/pYcyZ7B1B0af7KvCcPoX) |

<table><thead><tr><th width="341.3333333333333">Diagrams</th><th width="86">Steps</th><th>Steps</th></tr></thead><tbody><tr><td><img src="/files/7MvpvMPFU4HrlyMOup35" alt="">old heart effect<img src="/files/doC7dgYnltgHtrvkvdNH" alt="">star effect<img src="/files/b6dXHCCVQFd3INALyO9U" alt=""><img src="/files/m4HAsg7Rchi3zA25sdES" alt="">1-add star effect<img src="/files/V0c88vdoQQcdXbo9pfsY" alt=""><img src="/files/McTGp1iW6dvAEpAcNyop" alt="">2-replace particle image<img src="/files/k0MqmwJANDWnsgF4jwMW" alt="">3-adjust the effect parameters<img src="/files/vOIcWTIZAgcAHvc3oxI9" alt="">final effect</td><td>1</td><td><p></p><p><strong>✨Replace particle image of animation effect</strong></p><p>In the last chapter <em>Couple flip-1</em>, when we made the 【Heart Animation Effect】, we selected a relatively suitable heart animation effect from the ready-made animation effects library, and the heart was generated in different positions and rose vertically.</p><p></p><p>However, there is no effect of "the heart is concentrated from the middle and spreads upward" in the existing animation effects. At this time, we can choose other effects (such as star effects) and realize it by replacing particles.</p><hr><ol><li>Find the animation effect that can be used for replacement and add it to the scene 1. Here it is replaced with [star effect】</li><li>Replace particle image ✨, replace "star" with "heart"</li></ol><p> <img src="/files/HVvBkYJ1b4OSlZ4Iw5SC" alt=""><img src="/files/zgpUrzLDAnLAvEMRT3aO" alt=""></p><p>(As you can see from the picture on the left, just replacing the particle map will not achieve the perfect effect, and you need to adjust the parameters)</p><p><br></p><ol start="3"><li>Adjust the effect parameters</li></ol><ul><li>Parameters such as: launch area, transparency, rotation angle, number of particles, frequency, etc.</li><li>For details, please refer to the picture on the left</li></ul></td></tr><tr><td><img src="/files/o1EI8QsWLO3eRVteTBkx" alt=""></td><td>2</td><td><p><strong>Horizontal Screen Layout</strong></p><p><a href="/pages/AzCeWrp3uSm3o4y9Bq1b">Horizontal layout</a> is required for each scene after the vertical screen is created.</p></td></tr><tr><td>/</td><td>3</td><td><p><strong>Screen Adaptation</strong></p><p>Making the screen adaptation for each device / horizontal and vertical screens, and preview.</p></td></tr></tbody></table>

#### Step2 - Overall Preview <a href="#b8xpi" id="b8xpi"></a>

<table><thead><tr><th width="345">Diagrams</th><th width="84.33333333333331">Steps</th><th>Steps</th></tr></thead><tbody><tr><td><img src="/files/Ie6MIf2iQBJtEHMG8aUg" alt=""></td><td>1</td><td><p><strong>Overall preview</strong></p><p>After the production, you can preview the whole playable of different devices / horizontal and portrait screens.</p></td></tr></tbody></table>


---

# 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/playturbo-case-study/playable-content-editor/parkour-gameplay-cases/couple-flip-2-replace-animation-effectt-particle.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.
