【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 Couple Flip-1!

1. Objectives

  • Replace Particle Image:Achieve more animation effects through the replacement of particle image.Replace Particle

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 mobilePortraitLandscape

Scan to play

4. Design Methods

Please refer to the previous tutorial Couple Flip-1.

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

DiagramsStepsSteps

1

✨Replace particle image of animation effect

In the last chapter Couple flip-1, 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.

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.


  1. Find the animation effect that can be used for replacement and add it to the scene 1. Here it is replaced with [star effect】

  2. Replace particle image ✨, replace "star" with "heart"

(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)

  1. Adjust the effect parameters

  • Parameters such as: launch area, transparency, rotation angle, number of particles, frequency, etc.

  • For details, please refer to the picture on the left

2

Horizontal Screen Layout

Horizontal layout is required for each scene after the vertical screen is created.

/

3

Screen Adaptation

Making the screen adaptation for each device / horizontal and vertical screens, and preview.

Step2 - Overall Preview

DiagramsStepsSteps

1

Overall preview

After the production, you can preview the whole playable of different devices / horizontal and portrait screens.

Last updated