Help us understand the problem. What is going on with this article?

[phina.js-Tips-010] タッチイベントを登録する

More than 3 years have passed since last update.

今回のTips

Shapeに対してタッチイベントを登録する方法について説明します。

タッチイベント(onpointstart)

タッチイベントを登録するためには、shapeonpointstart関数を実装します。
その前に、setInteractive(true)としてタッチ自体を有効にする必要があります。

    // タッチ可能にする
    shape.setInteractive(true);
    // タッチイベント登録
    shape.onpointstart = function() {
      alert('タッチされました');
    };
};

[runstantで確認]

タッチイベント登録(on + pointstart)

onenterframeの組み合わせの時と同様に複数のメソッドを登録可能で、その内容が登録順に実行されます。

    // タッチイベント登録
    shape.on('pointstart', function() {
      alert('タッチされました');
    });
    // タッチイベント登録
    shape.on('pointstart', function() {
      shape.backgroundColor = 'blue';  
    });

[runstantで確認]

alkn203
javascriptのゲームライブラリphina.jsを愛用している趣味プログラマ。ファミコン世代。 Hobbyist programmer javascript/html5/phina.js/retro games
http://qiita.com/alkn203/items/bca3222f6b409382fe20
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away