Flame– category –
-
【Flutter x Flame】ジョイスティックでキャラクターを移動させる
ゲームにジョイスティックを追加するにはJoystickComponentを使います。 このページでは簡単な例として、円をジョイスティックで動かせるようにします。 【円を描写する】 円の描写方法は以前に以下の記事で解説していますので、説明は割愛します。 コード... -
【Flutter x Flame】円を表示する
ゲーム内に円を描写するにはCircleComponentを使います。 四角形を表示する時に使うRectangleComponentと使い方は似ています。 【円を描写する】 import 'package:flame/components.dart'; import 'package:flame/game.dart'; import '... -
【Flutter x Flame】四角形を表示する
ゲーム内に四角形を描写するにはRectangleComponentを使います。 【四角形を描写する】 import 'package:flame/components.dart'; import 'package:flame/game.dart'; import 'package:flutter/material.dart'; void main() { fin... -
【Flutter x Flame】キャラクターをドラッグ操作で動かす
このページではFlmaeを使って、ドラッグ操作でキャラクターを移動させる方法を紹介します。 【ゲーム画面を作成】 まずは簡単なゲーム画面とプレイヤーを作成します。 プレイヤーは簡易的なものとして、キューブを用意しました。 import 'package:flam... -
【Flutter x Flame】テキストを表示する
ゲーム内にテキストを描写するにはTextComponentを使います。 【テキストを描写する】 import 'package:flame/components.dart'; import 'package:flame/game.dart'; import 'package:flutter/material.dart'; void main() { fina... -
【Flutter x Flame】キーボードでキャラクターを左右に移動させる
このページではFlmaeを使って、キーボード操作でキャラクターを左右に移動させる方法を紹介します。 【ゲーム画面を作成】 まずは何もない空のゲーム画面を作成します。 import 'package:flame/game.dart'; import 'package:flutter/material.... -
【Flutter x Flame】背景画像を設定する方法
Flameを使ってゲームの背景画像を設定する方法を紹介します。 【ゲーム画面を作成】 まずは何もない空のゲーム画面を作成します。 import 'package:flame/game.dart'; import 'package:flutter/material.dart'; void main() { final game ... -
【Flutter x Flame】背景が移動しているように見せるには？
エンドレスランナーゲームのように延々と背景が動いているように見せるにはParallaxを使います。 ● Parallaxを使ったイメージ 【Prallaxを使ったサンプルコード】 import 'package:flame/components.dart'; import 'package:flame/game.dart&#... -
【Flutter x Flame】画面の向きを固定するには？
● 縦向き固定の場合 import 'package:flame/flame.dart'; import 'package:flame/game.dart'; import 'package:flutter/material.dart'; void main() async { WidgetsFlutterBinding.ensureInitialized(); Flame.device.fullScree...
1