knagaiAnimationオブジェクトにはplay()やstop()のほかにもメソッドやプロパティがあり、詳細はp5.playのリファレンスページで読むことができます。以降では、主なメソッドとプロパティを見ていきます。nextFrame()とpreviousFrame()AnimationオブジェクトのnextFrame()はメソッド次のフレームに進んで停止し、previousFrame()メソッドは前のフレームに戻って停止します。両方のメソッドとも循環します。nextFrame()への呼び出しは、最後のフレームの次は最初のフレームに戻り、previousFrame()への呼び出しは、最初のフレームの次は最後のフレームに戻ります。次のサンプルは、Web上の紙芝居やプレゼンテーションで使えそうな簡単なスライドアプリです。()次のフレームに進んで止まる。()前のフレームに戻って止まる。goToFrame()Animation.goToFrame()メソッドを使用すると、アニメーションを目的のフレームまで(順/逆)再生することができます。次のサンプルは上記の改変版で、一定の間隔をおいて、スライドが自動で変化します。1フレームずつ次のフレームに移動するアニメーション。interval);}一定の間隔を置いたスライドの変化にはJavaScriptのwindow.setInterval()メソッドを使っています。上記コードでは、変数intervalに代入する数値の大小で時間間隔が調整できます。Animation.geToFrame()メソッドは指定されたフレームが存在しない場合には、何も行いません。したがってどんどん先に進んでも(または後に戻っても)、Animationオブジェクト並ぶフレームのどちらかの端で止まることになります。上記サンプルではまた、p5.jsのp5.Elementのeltプロパティを利用して、ボタンの有効化と無効化を適切なタイミングで切り替えています。)アニメーションを、ターゲットフレームに向けて、順または逆再生する。()アニメーションを最初のフレームまで巻き戻す。Number最後のフレーム番号を返す。最後のフレーム番号(0から始まる)changeFrame()Animation.changeFrame()メソッドを使用すると、描画するフレームを変更することができます。以下は、p5.dom.jsのスライダーコントロールで、アニメーションのフレームを制御するサンプルです。スライダーのつまみを左右にドラッグすると、ゴルフスイングのイラストが変化します。Booleanfalseに設定すると、アニメーションは最後のフレームに到達した後停止する。デフォルトはtrue。Booleanアニメーションが現在再生中の場合true。デフォルトはtrue。Booleanアニメーションが見えるかどうか。デフォルトはtrue。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。WAAPIに関する注意WAAPIを利用するにはブラウザに特別な設定が必要です。ブラウザの実験的な機能を有効化する方法に書いているので、必ずお読みください。楕円(円)、円弧を描く。APIやTensorFlow.jsについて調べたことを書いています。freebiescafe.com。