進捗18で作成したマップの機能を拡張しました。あらかじめ用意しておいた別エリアのマップ情報も読み込めるようにして、画面上のキャラクターが、それぞれのマップ間で移動できる仕組みを作成しました。
![](https://blogimg.goo.ne.jp/user_image/1c/8f/be57fa1abf259c11fa0522137a462593.png)
このサンプルは、次の3つのマップで構成されています。
上段:地上エリア
![](https://blogimg.goo.ne.jp/user_image/0f/df/61e2222829825d23a864ca640fd9d5c7.png)
中段:地下エリア
![](https://blogimg.goo.ne.jp/user_image/4b/bd/09aff5d3266009cd281d6e28a93d6351.png)
下段:地底エリア
![](https://blogimg.goo.ne.jp/user_image/62/c4/96909ff3b651cb7f2028c775e609fc04.png)
マップ上にある階段は、それぞれ A-A',B-B',C-C' 間でつながっており、キャラクターが階段のオブジェクトに到達すると、他のマップに移動することができます。また、画面上のマップが切り替わるときに、黒い前景をフェードイン、フェードアウトさせる効果を加えました。プレイヤーは、課題をクリアしながら、広い世界の中を冒険しているような感覚で学習アプリを楽しむことができます。
(前回記事)あゆむアプリ 進捗18
(次回記事)あゆむアプリ 進捗20
<お問い合わせ>
このブログの管理者へのお問い合わせは、こちらからお願い致します。
![](https://blogimg.goo.ne.jp/user_image/1c/8f/be57fa1abf259c11fa0522137a462593.png)
このサンプルは、次の3つのマップで構成されています。
上段:地上エリア
![](https://blogimg.goo.ne.jp/user_image/0f/df/61e2222829825d23a864ca640fd9d5c7.png)
中段:地下エリア
![](https://blogimg.goo.ne.jp/user_image/4b/bd/09aff5d3266009cd281d6e28a93d6351.png)
下段:地底エリア
![](https://blogimg.goo.ne.jp/user_image/62/c4/96909ff3b651cb7f2028c775e609fc04.png)
マップ上にある階段は、それぞれ A-A',B-B',C-C' 間でつながっており、キャラクターが階段のオブジェクトに到達すると、他のマップに移動することができます。また、画面上のマップが切り替わるときに、黒い前景をフェードイン、フェードアウトさせる効果を加えました。プレイヤーは、課題をクリアしながら、広い世界の中を冒険しているような感覚で学習アプリを楽しむことができます。
(前回記事)あゆむアプリ 進捗18
(次回記事)あゆむアプリ 進捗20
<お問い合わせ>
このブログの管理者へのお問い合わせは、こちらからお願い致します。