第8回 物理エンジンで遊んでみよう（前編）

【STEP 1】アプリの基本部分を作ろう

Xcodeで新しいプロジェクトを作ります。メニューから［File］→［New］→［Project］と選択して、「Single View Application」を作成します。

その後、上部の［Product Name］には、今回は「Snap Label」などと入力しておきます。最後に、［Language］に「Swift」を選択します。

ウインドウ左のプロジェクトナビゲータから［ViewController.swift］を選択して編集します。「class ViewController」と書かれている行のすぐ下に、3行の変数宣言を追加しましょう。

【STEP 2】物理エンジンの準備

今回用意するのは、移動させる対象となる赤色のラベル、物理エンジンを使ったアニメ管理のためのオブジェクト、バネを使った移動を行う「スナップ」というアニメーションの3つの変数です。

ラベルとアニメ管理は、viewDidLoad()メソッドの中で初期化します。ラベルは50×50の大きさで背景色を赤色に設定し、アニメ管理はself.viewで表されるメイン画面を指定して作成します。ここまで書いたところで実行すると、まだ動きませんが、赤いラベルが画面に表示されます。

【STEP 3】タップごとに移動アニメを実行する

［ViewController.swift］の一番下に、タッチに反応するためのtouchesBegan()メソッドを追加します。このメソッドの中では、タッチされた位置を取得し、UISnapBehaviorというクラスを使って、ラベルをその位置まで移動させるアニメを表す「スナップ」というオブジェクトを作成します。スナップは、移動先に固定されたバネを作ります。アニメ管理にこのスナップを追加することで、バネのようにビヨーンと回転しながらラベルが移動するようになります。

シミュレータ上で実行してみると、スッと移動するのではなく、バネの効いた動きになっていることが確認できます。移動先に固定されたバネを作るので、離れた位置をタップするほうがバネが強くなります。

バネの強さはスナップのdampingプロパティを使って変えられます。「スナップ = UISnapBehavior()」と書いてあるすぐ下に、図のように「スナップ.damping = ◯◯◯」というコードを書いてみましょう。初期値は0.5ですが、0.0にすると弱くて伸びやすいバネに、1.0にすると強くて動きにくいバネになります。

dampingプロパティを0.0から1.0まで変化させてみたときのバネの強さの違いを試してみました。0.0ではバネがとても弱くなって、大きく揺れていることがわかります。それに対して1.0ではバネが強いので、あまり大きくは揺れていません。

【まとめ】

ラベルを動かすだけの簡単なことですが、物理エンジンを使えばイキイキとした動きになります。物理エンジンにはまだたくさんの動きが用意されているので、次回も引き続きその魅力をお伝えしたいと思います。

次回のテーマ

物理エンジンで遊んでみよう（中編）