AppMobi 및 이벤트 사용

Question

새로운 AppMobi 세계를 처음 접했으므로 저에게 도움을주십시오.

나는 이미지 객체를 생성하여 스테이지에 그려 넣었습니다. 내 문제는 개체에 이벤트를 추가하려는 것입니다.

function objImage(imageURL,x,y,width,height) { 
    this.imgCanvas = new Image(); 
    this.imageURL = imageURL; 
    this.loaded = false; 
    this.x = x; 
    this.y = y; 
    this.height = height; 
    this.width = width; 

    this.draw = function() { 

     if (this.width == null || this.height == null) 
     { 
      ctx.drawImage(this.imgCanvas,this.x,this.y); 
     } 
     else 
     { 
      ctx.drawImage(this.imgCanvas,this.x,this.y,this.width,this.height);   
     } 
    } 
} 

그리고 무대에 그린 : 감지하는 예를 들어,

var usercontrols_left = new objImage('images/left.png',10,HEIGHT-100,50,50); 
usercontrols_left.draw(); 

가 지금은 'usercontrols_left'에 이벤트를 추가 할 내가 사용하여 이미지를 설정 한

사용자가 터치/클릭 할 때

Answer 1

directCanvas를 사용하고 있는지 여부를 알 수 없습니다. 나는이 해결책이 어느쪽으로 든 작동해야한다고 생각한다.

터치 스타트 이벤트를 캡쳐하고 왼쪽 요소의 위치에 좌표가 있는지 감지합니다. 그렇다면 해고해야하는 명령을 실행하십시오.

의사 코드 :

Canvas.addEventListener('touchstart', startTouch, false); 

function startTouch(){ 
    if(touch.x<60&&touch.x>10&&touch.y<height-50&&touch.y>height-100) 
    { handleLeftControl(); } 
} 

EDIT *이 대신 웹뷰를 사용하는 예 : 을 웹뷰에서 당신은이 것 :

<div id="Leftbutn" ontouchstart="AppMobi.canvas.execute('switchCommand(\'leftBTNdown\');')" ontouchend="AppMobi.canvas.execute('switchCommand(\'leftBTup\');')" ></div> 

는 그 다음 directCanvas 측에서 그냥 그 명령을 처리

스위치 또는 기능에서 수행하려는 작업.