【Egret Engine】画面タッチでイベントを実行する「egret.TouchEvent」

投稿者: | 2018年12月25日

フィア
画面のタッチを検出していくよ!
カレン
これも必須技術ね!

 

↓ 最終的にこうなります ↓

 

スポンサーリンク

 

準備

1、新規Projectの作成

【Egret Wing】新規Projectの作成とエディタの使い方を参考にして、新規Projectを作成してください。

私は「TestProject」という名前で作成しました。

 

2、不要ファイルの削除

【Egret Engine】TypeScript の基礎を参考にして、asset等の不要ファイルやコードを削除してください。

 

画面タッチでイベントを実行する「egret.TouchEvent」

Main.ts

 

クリックやタッチを検出するには、

を使用します。

で図形へのタッチを有効化します。

 

注意点

eui.UILayer等、オブジェクトサイズが全画面の場合は、四角形と背景、どちらもタッチイベントが作動することがありますので、コンソールで一度確認することをお勧めします。

また、ゲームをリトライする際、removeEventListenerをしないと、Eventは重複していきますので注意してください。

 

タッチするタイミングは「押した瞬間」「押している間」「離した瞬間」など、いろいろあります。

詳細は公式APIより確認してください。

公式API public class TouchEvent

 

おわりに

フィア
Shapeとかstageとか、似たようなクラスが多くて難しいね…
カレン
みんな雰囲気でやってるからとりあえず動かしてみてね

 

参考URL

公式API

public class TouchEvent

public class Shape (AddEventListenerについてはこちら)

public class DisplayObject(stageについてはこちら)

 

HTML5 Egret Engine 入門へ戻る

 

すくまりゲームズの人気記事