記事内に商品プロモーションが含まれる場合がありますゲームにジョイスティックを追加するにはJoystickComponentを使います。このページでは簡単な例として、円をジョイスティックで動かせるようにします。円を描写する円の描写方法は以前に以下の記事で解説していますので、説明は割愛します。ゲーム内に円を描写するにはCircleComponentを使います。四角形を表示する時に使うRectangleComponentと使い方は似ています。‘package:flame/compon...コードは次のようになります。}}ジョイスティックを追加するジョイスティックを描写するために、ゲームにJoystickComponentを追加します。上記の例の場合、画面の左から20、下から36の余白をあけて、ジョイスティックを配置しています。ジョイスティックっぽくするために、knob、backgroundにはCircleComponentを使っていますが、RectangleComponentも一応使えます。コードの実行結果は次のとおりです。ジョイスティックで円を動かせるようにする円を動かすには、ジョイスティックで操作した時にupdateメソッド内で位置の変化量を取得し、円のpositionを変更します。}}_joystick.deltaは、ジョイスティックの現在の位置から前回の位置までの変化量です。コードを実行すると次のように円が動かせるようになります。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。