1.8 KiB

sidebar_position
sidebar_position
16

Idle Animation


Overview

Locate Prefabs Major

Prepare the assets

Assets Description
Info Page Prepare Assets Used to Setup the static sprite frame.
Info Page Prepare Assets Used to Setup the idle animation.

Setup Idle Animation

Configure Settings

    Create the following script:
var BaseSlottySetting = p4fslot.require('slotty-setting');
var DIContainer = p4fcore.require('di-container');

BaseSlottySetting.prototype._registerInjection = function () {
    DIContainer.Register('cellItemRender', require('idle-cell-item-render'));
    DIContainer.Register('idleAnimationHandler', require('idle-animation-handler'));
};

Setup Animations

  1. Using hepler to generate animation using the prepared assets

    Background Setup Helper Anim Background Setup Helper Anim

  2. Configure Spine Animation

    • Set Is Loop .
    • Setup the Static Sprite Frame using the prepared assets.

    Background Setup Animation

Configure Scene

  1. Search for the idle-animation-panel prefab.
  2. Drag the "prefab" into "scene".
  3. Click "Generate Panel".

Locate Prefabs

:::warning When using prefab directly from core-assets, you should convert to Regular Node.

Locate Prefabs :::