2013-05-08 1 views
3

저는 EaselJS를 사용하고 있습니다. 마우스를 가져 가면 이미지를 약간 변경하고 싶습니다. 마우스 오버 및 마우스 아웃 이벤트가 좋은 방법 일 것 같습니다.EaselJS에서 mouseover 이벤트를 처리하는 방법은 무엇입니까?

http://www.createjs.com/Docs/EaselJS/classes/Container.html#event_mouseover

그러나, 문서에는 예는 없다, 또는 적어도 나는 어떤을 찾을 수 없습니다. 나는 인터넷 검색을 시도했지만 행운이 없었다.

나는이 같은 시도 :

stage.enableMouseOver(); 
var btn = new createjs.Bitmap("mybtn.png"); 
btn.mouseover = function() { 
    btn.x++; 
}; 

을이 작동하는지 발견 :

btn.onMouseOver = function() { 
    btn.x++; 
}; 

하지만 문서는이 변형이되지 않습니다 말을 하나의 이벤트를 사용해야합니다. 적절한 방법은 무엇입니까?

http://jsfiddle.net/wiredprairie/U3PYD/

circle.addEventListener("mouseover", function() { 
    circle.alpha *= .80; 
    stage.update(); 
}); 

그것은 당신이 전화했다고 가정이 예에서 (당신이 원 위로 마우스를 이동 할 때마다, 알파/투명도 변경)과 같이

+1

체크 아웃 EaselJS GitHub의의의 repos의 일부 예제 및 자습서 itory - 제비 뽑기가있다! https://github.com/CreateJS/EaselJS/ – Lanny

+0

감사합니다. Lanny, 그 많은 도움이됩니다. –

답변

7

당신은 addEventListener를 사용해야합니다 enableMouseOver뿐만 아니라 documented로 :

stage.enableMouseOver(20); 
+0

이것에 대한 성능 저하가 너무 심합니다. 실제로 핸들러를 추가하지 않고 마우스 오버 이벤트를 사용 설정하면 앱 성능에 큰 영향을줍니다. – numbers1311407

+0

예 - 마우스를 움직일 때 히트 테스트 영역을 계산해야하므로 성능이 저하 될 수 있습니다. – WiredPrairie