knagai以下の2つは、これまで見てきた変数、繰り返し、条件、関数、オブジェクト、配列というプログラミングの主要概念を全部取り入れたサンプルです。オブジェクトの配列の作成はこれまで見てきた配列の作成とほとんど同じですが、要素がオブジェクトなので、配列に入れる前に、newキーワードを使って作成しなければならないという点が異なります。次のサンプルでは、JitterBugオブジェクトを33個含む配列を作成し、draw()内でそれぞれを更新して表示します。このサンプルを動作させるには、JitterBugクラスが必要になります。}}イメージのシーケンス次のサンプルはイメージのシーケンスを読み込み、配列の要素として保持します。読み込むイメージは12個あり、frame-0000.png、frame-0001.pngというように連番の名前が付いています。この名前付け方法により、forループ内でファイルの名前を作成することができます。フレームレートを60fpsから24に下げる。currentFrameに1を足す。次のフレームではこの1足したcurrentFrame番めのイメージが描画される。これは連続するので、アニメーションの錯覚を生み出す。4)が”0011′′を返すように数値を書式化します。これらの値は、ファイル名の初め(frame-)と終わり(.png)と連結され、完全なファイル名として変数に代入されます。ファイルは次の行で配列に読み込まれます。イメージはdraw()内で1つずつ描画されます。配列の最後のイメージが表示されると、プログラムは配列の最初に戻り、イメージを順番に表示します。数を文字列に書式化するユーティリティー関数。桁数やleft、rightパラメータの値はつねに正の整数にする。(注意):leftとrightパラメータを使用する場合、パラメータが現在の数の長さよりも大きいと、前に0が付加されることになる。4)は、123(整数部)の長さ3より、leftパラメータ4の方が大きいので、0123.2になる。3)は、2(小数部)の長さよりも大きいので、結果は123.200になる。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。WAAPIに関する注意WAAPIを利用するにはブラウザに特別な設定が必要です。ブラウザの実験的な機能を有効化する方法に書いているので、必ずお読みください。楕円(円)、円弧を描く。APIやTensorFlow.jsについて調べたことを書いています。freebiescafe.com。