【Swift】SpriteKitの使い方。シーンエディタでノードのリサイズアクションを設定する。【Swift】SpriteKitの使い方。シーンエディタでノードのリサイズアクションを設定する。Action関係の部品について説明する。Actionとは、シーンに配置したノードをリサイズするアクションである。Sceneファイル(以下、SKSファイル)の作り方については次の記事を参照されたし。Actionは縦横の実寸(ポイント)を指定してサイズを変更する点である。Actionのものとあまり変わらないが念のため説明しておく。以降の手順を行う前のXcodeプロジェクトをGitHubに置いたので、試してみる方はご利用下さい。Action下図赤枠のSKSファイルを選択してシーンエディタを開く。Animate横のボタン(黄緑枠)を押してタイムラインを表示する。Action」を鳥ノードのタイムラインまで運ぶ(紫矢印)。Functionに「Linear」、SizeにW「200」、H「200」を入力する。以下は実際のプレイ動画。縦横が200ポイントの大きさになった。https://hajihaji-lemon.com/apli/wp-content/uploads/2016/08/spritekit_resize_2bai_movie.mp4アトリビュートインスペクタの設定項目を説明する。設定項目の内容を説明する。Timeシーンが切り替わったタイミングから何秒後にアクションを実行するかを指定する。Durationアクションの所要時間を指定する。Function拡大縮小の速さを以下のの4つから選択する。Mode」の間違いと思われる。一定速度でリサイズする。加速しながらリサイズする。減速しながらリサイズする。前半は加速し、後半は減速しながらリサイズする。Sizeリサイズ後の幅と高さを指定する。マイナス値を設定することはできない。ちなみに、上記と同じ動きをソースコードで実装するにはTestScene.swiftを以下のコードに変更する。メソッド名がresizeToWidthで幅しか指定できなさそうだが、幅と高さを設定できる。//SKSファイルに配置した鳥ノードを取得する。//2秒待機のアクションを作成する。//リサイズのアクションを作成する。//一定速度でリサイズする。//アクションをまとめる。//アクションを実行する。{//SKSファイルに配置した鳥ノードを取得する。SKSpriteNode//2秒待機のアクションを作成する。SKAction.waitForDuration(2.0)//リサイズのアクションを作成する。2.0)//一定速度でリサイズする。SKActionTimingMode.Linear//アクションをまとめる。SKAction.sequence([action1,action2])//アクションを実行する。Action幅だけ指定してリサイズする。幅と高さを指定するメソッドの場合、高さを変更したくなくてもノードの高さを入力する必要があるが、このメソッドは高さのことは気にする必要がないのが利点だ。以下の動画は、Wを「200」に設定して実行した結果https://hajihaji-lemon.com/apli/wp-content/uploads/2016/08/spritekit_resizeto_width_movie.mp4ソースコードで実装する場合は、前述したソースコードのアクション作成箇所を以下のようにする。Swift//リサイズのアクションを作成する。2.0)123//リサイズのアクションを作成する。Action高さだけ指定してリサイズする。以下の動画は、Hに「200」を設定して実行した結果https://hajihaji-lemon.com/apli/wp-content/uploads/2016/08/spritekit_resizeto_height_movie.mp4ソースコードで実装する場合は、先ほどのソースコードのアクション作成箇所を以下のようにする。Swift//リサイズのアクションを作成する。2.0)123//リサイズのアクションを作成する。Action現在のサイズに指定サイズを足した大きさに変更する。以下の動画は、W「200」、H「200」を設定して実行した結果。最初のサイズ(100×100)に指定サイズが追加されて300×300のサイズになった。https://hajihaji-lemon.com/apli/wp-content/uploads/2016/08/spritekit_resize_movie.mp4W、Hにはマイナスの値を設定できる。この設定で現在のサイズがマイナスになった場合はノードが反転して表示される。ActionのW「-200」、H「-200」を実行した結果。【Swift】SpriteKitの使い方。シーンエディタのエミッターで画像を噴水のように放出する。...【Swift】SpriteKitの使い方。シェイプノードを使って多角形や円を描画する。...【Swift】SpriteKitの使い方。8方向隣接グループを使ってタイルをサクサク配置する。...【Swift】SKSpriteNodeの設定。画像、サイズ、座標、アンカーポイントを指定する。光反射と影を表示する。...【Swift】SpriteKitの使い方。Transformationを使って画像をねじ曲げる。コメントをキャンセルメールアドレスが公開されることはありません。