knagai基本的な手順p5.jsのキャンバスに、p5.play.jsを使ってアニメーションを描画する基本的な手順は次の通りです。アニメーションに使用するPNG画像を用意する。p5.jsのpreload()関数で、p5.play.jsのloadAnimation()を使ってPNG画像を読み込み、Animationオブジェクトを作成する。p5.jsのdraw()関数で、p5.play.jsのanimation()を使って、アニメーションを表示する。次のコードは、グーチョキパーの画像使ってアニメーションを表示します。150);}p5.playで使用する画像はPNG形式に限られます。上記サンプルでは、次のgu.png、choki.png、pa.pngの各ファイルへのパスをloadAnimation()に渡しています。リファレンスメモPNGファイルを読み込んでAnimationオブジェクトを作成するには、p5.play.loadAnimation()メソッドを使用します。作成したAnimationオブジェクトを描画するには、p5.play.animation()メソッドを使用します。)アニメーションを読み込む。通常はスケッチのpreload()関数内で使用する。)アニメーションを表示する。連番を振った画像の使用p5.play.loadAnimation()には、連番を振った画像ファイルであれば、最初と最後のファイル名を渡すだけで、その間のファイル名はp5.playが探してくれる機能があります。次のコードであれば、z001.pngからz010.pngまでのファイル名が補間されます。これは、多くのファイルを読み込みたい場合に便利です。‘assets/zombie/z011.png’);次のコードはその例です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。WAAPIに関する注意WAAPIを利用するにはブラウザに特別な設定が必要です。ブラウザの実験的な機能を有効化する方法に書いているので、必ずお読みください。楕円(円)、円弧を描く。APIやTensorFlow.jsについて調べたことを書いています。freebiescafe.com。