※この翻訳ドキュメントはスクリプトによって出力・同期されています。内容が怪しそうな場合はGitHubにissueを追加したり英語の原文の確認をお願いします。
animation_y インターフェイス¶
このページではanimation_yメソッドのインターフェイスについて説明します。
インターフェイス概要¶
animation_yメソッドのインターフェイスはAnimationYクラスのインスタンスを生成します。このインスタンスを使ってY座標のアニメーションを設定することができます。
このインターフェイスはSpriteやRectangleなどのDisplayObjectの各サブクラスに存在します。
基本的な使い方¶
以下のコード例ではanimation_yメソッドを使ってY座標（50から100）のアニメーションを設定しています。
import apysc as ap
EASING: ap.Easing = ap.Easing.EASE_OUT_QUINT
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 : ap.AnimationEvent
Event instance.
options : dict
Optional arguments dictionary.
"""
rectangle: ap.Rectangle = e.this.target
animation_y: ap.AnimationY = rectangle.animation_y(
y=50, duration=DURATION, easing=EASING
)
animation_y.animation_complete(on_animation_complete_2)
animation_y.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 : ap.AnimationEvent
Event instance.
options : dict
Optional arguments dictionary.
"""
rectangle: ap.Rectangle = e.this.target
animation_y: ap.AnimationY = rectangle.animation_y(
y=100, duration=DURATION, easing=EASING
)
animation_y.animation_complete(on_animation_complete_1)
animation_y.start()
ap.Stage(
stage_width=150,
stage_height=200,
background_color=ap.Color("#333"),
stage_elem_id="stage",
)
sprite: ap.Sprite = ap.Sprite()
sprite.graphics.begin_fill(color=ap.Color("#00aaff"))
rectangle: ap.Rectangle = sprite.graphics.draw_rect(x=50, y=50, width=50, height=50)
animation_y: ap.AnimationY = rectangle.animation_y(
y=100, duration=DURATION, easing=EASING
)
animation_y.animation_complete(on_animation_complete_1)
animation_y.start()
ap.save_overall_html(dest_dir_path="./animation_y_basic_usage/")
Circle と Ellipse の各クラスの特記事項¶
内部の実装が異なる都合でCircleとEllipseの各クラスのanimation_yのインターフェイスはAnimationYクラスの代わりにAnimationCyクラスのインスタンスを返却します。
import apysc as ap
ap.Stage(
stage_width=200,
stage_height=150,
background_color=ap.Color("#333"),
stage_elem_id="stage",
)
sprite: ap.Sprite = ap.Sprite()
sprite.graphics.begin_fill(color=ap.Color("#00aaff"))
circle: ap.Circle = sprite.graphics.draw_circle(x=100, y=100, radius=50)
animation_cy: ap.AnimationCy = circle.animation_y(
y=100, duration=1000, easing=ap.Easing.EASE_OUT_QUINT
)
animation_y API¶
特記事項: このAPIドキュメントはドキュメントビルド用のスクリプトによって自動で生成・同期されています。そのためもしかしたらこの節の内容は前節までの内容と重複している場合があります。
[インターフェイスの構造] animation_y(self, *, 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_y.AnimationY
[インターフェイス概要]
Y座標のアニメーションを設定します。
[引数]
y: float or Number最終的なY座標。
duration: Int or int, default 3000アニメーション完了までのミリ秒。
delay: Int or int, default 0アニメーション開始までの遅延時間のミリ秒。
easing: Easing, default Easing.LINEARイージング設定。
[返却値]
animation_y: AnimationY生成されたアニメーションのインスタンス。
[特記事項]
アニメーションを開始するには返却されたインスタンスの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_y(
... y=100,
... duration=1500,
... easing=ap.Easing.EASE_OUT_QUINT,
... ).start()
[関連資料]
