次のようにダブルクリックするとsrcが変わるドラッグ可能な画像を使用してスクリプトを作成しています:Kinectのドラッグ可能な画像イベント
以前の質問に回答し、うまく機能しましたが、ダブルクリックするとsrcも変更される別のオブジェクトを追加すると、何も機能しません。
何が問題なのですか?
次のようにダブルクリックするとsrcが変わるドラッグ可能な画像を使用してスクリプトを作成しています:Kinectのドラッグ可能な画像イベント
以前の質問に回答し、うまく機能しましたが、ダブルクリックするとsrcも変更される別のオブジェクトを追加すると、何も機能しません。
何が問題なのですか?
異なる画像とクリックイベントのセットが必要です。jsfiddle: http://jsfiddle.net/bighostkim/8BcXk/
var imageObj2 = new Image();
imageObj2.src = 'http://www.html5canvastutorials.com/demos/assets/yoda.jpg';
var yoda2 = new Kinetic.Image({
x: 300,
y: stage.getHeight() / 2 - 59,
width: 106,
height: 118,
image: imageObj2,
draggable: true
});
layer.add(yoda2);
var imgIndex2 = 0;
yoda2.on('click',function() {
imageObj2.src = images[ imgIndex2++ % 3 ];
layer.draw();
})