※この翻訳ドキュメントはスクリプトによって出力・同期されています。内容が怪しそうな場合はGitHubにissueを追加したり英語の原文の確認をお願いします。

animation_rotation_around_point インターフェイス

このページではanimation_rotation_around_pointメソッドのインターフェイスについて説明します。

インターフェイス概要

animation_rotation_around_pointメソッドのインターフェイスはap.AnimationRotationAroundPointクラスのインスタンスを生成します。そのインスタンスを使って任意の座標を基準とした回転のアニメーションを設定することができます。

このインターフェイスはRectangleCircleクラスなどのGraphicsBaseのサブクラスで存在します。

基本的な使い方

animation_rotation_around_pointメソッドは回転角度のrotation、回転の基準座標となるxとyの各引数を必要とします。

以下のコード例ではx=100, y=100の座標(四角の右下の位置)を基準に0度から90度の回転のアニメーションを設定しています。

import apysc as ap

DURATION: int = 1000


def on_animation_complete_1(e: ap.AnimationEvent[ap.Rectangle], options: dict) -> None:
    """
    The handler that the animation calls when its end.

    Parameters
    ----------
    e : AnimationEvent
        Event instance.
    options : dict
        Optional arguments dictionary.
    """
    rectangle: ap.Rectangle = e.this.target
    rectangle.animation_rotation_around_point(
        rotation_around_point=0,
        x=100,
        y=100,
        duration=1000,
        easing=ap.Easing.EASE_OUT_QUINT,
    ).animation_complete(on_animation_complete_2).start()


def on_animation_complete_2(e: ap.AnimationEvent[ap.Rectangle], options: dict) -> None:
    """
    The handler that the animation calls when its end.

    Parameters
    ----------
    e : AnimationEvent
        Event instance.
    options : dict
        Optional arguments dictionary.
    """
    rectangle: ap.Rectangle = e.this.target
    rectangle.animation_rotation_around_point(
        rotation_around_point=90,
        x=100,
        y=100,
        duration=1000,
        easing=ap.Easing.EASE_OUT_QUINT,
    ).animation_complete(on_animation_complete_1).start()


ap.Stage(
    stage_width=150,
    stage_height=150,
    background_color=ap.Color("#333"),
    stage_elem_id="stage",
)
sprite: ap.Sprite = ap.Sprite()
sprite.graphics.begin_fill(color=ap.Color("#0af"))
rectangle: ap.Rectangle = sprite.graphics.draw_rect(x=50, y=50, width=50, height=50)
rectangle.animation_rotation_around_point(
    rotation_around_point=90,
    x=100,
    y=100,
    duration=1000,
    easing=ap.Easing.EASE_OUT_QUINT,
).animation_complete(on_animation_complete_1).start()

ap.save_overall_html(dest_dir_path="./animation_rotation_around_point_basic_usage/")

animation_rotation_around_point API

特記事項: このAPIドキュメントはドキュメントビルド用のスクリプトによって自動で生成・同期されています。そのためもしかしたらこの節の内容は前節までの内容と重複している場合があります。

[インターフェイスの構造] animation_rotation_around_point(self, *, rotation_around_point: Union[int, apysc._type.int.Int], x: Union[float, apysc._type.number.Number], y: Union[float, apysc._type.number.Number], duration: Union[int, apysc._type.int.Int] = 3000, delay: Union[int, apysc._type.int.Int] = 0, easing: apysc._animation.easing.Easing = <Easing.LINEAR: 'function(x) {return x;}'>) -> apysc._animation.animation_rotation_around_point.AnimationRotationAroundPoint


[インターフェイス概要]

指定された座標を基準とした回転のアニメーションを設定します。


[引数]

  • rotation_around_point: Int or int

    • 回転のアニメーションの回転量の最終値。

  • x: float or Number

    • X座標。

  • y: float or Number

    • Y座標。

  • duration: Int or int, default 3000

    • アニメーション完了までのミリ秒。

  • delay: Int or int, default 0

    • アニメーション開始までの遅延時間のミリ秒。

  • easing: Easing, default Easing.LINEAR

    • イージング設定。


[返却値]

  • animation_rotation_around_point: AnimationRotationAroundPoint

    • 生成されたアニメーションのインスタンス。


[特記事項]

アニメーションを開始するには返却されたインスタンスのstartメソッドを呼び出す必要があります。


[コードサンプル]

>>> import apysc as ap
>>> stage: ap.Stage = ap.Stage()
>>> sprite: ap.Sprite = ap.Sprite()
>>> sprite.graphics.begin_fill(color=ap.Color("#0af"))
>>> rectangle: ap.Rectangle = sprite.graphics.draw_rect(
...     x=50, y=50, width=50, height=50
... )
>>> _ = rectangle.animation_rotation_around_point(
...     rotation_around_point=90,
...     x=ap.Int(100),
...     y=ap.Int(100),
...     duration=1500,
...     easing=ap.Easing.EASE_OUT_QUINT,
... ).start()

[関連資料]