https://rawgit.com/

꽤 멋지다. dev bin 파일 링크를 여기에 붙여 넣으면 프록시가 GitHub에서 직접로드하는 URL이 제공됩니다.

예를 들어 다음을 붙여 넣을 수 있습니다.

https://github.com/GoodBoyDigital/pixi.js/blob/dev/bin/pixi.js

그리고 나가십시오 :

https://rawgit.com/GoodBoyDigital/pixi.js/dev/bin/pixi.js

감사합니다. 오늘 jsfiddle 예제를 만들어 여기에 게시하겠습니다.

내 요점을 설명하기 위해 이미지를 사용해야한다고 생각하기 때문에 jsfiddle을 올바르게 설정하는 데 문제가 있지만, 무슨 일이 일어나고 있는지 파악하기 위해 내가 만든 코드와 관찰 사항을 제공 할 수 있기를 바랍니다. .

이론적 버그 사례 (의사 코드 스 니펫) :

var bunny = PIXI.Sprite.fromFrame(building.image); 
bunny.interactive = true;
stage.addChild(bunny);
bunny.hitArea = poly;
bunny.on('mouseover',function(data){
      bunny.brighten
});
bunny.on('mouseout',function(data){
      bunny.unbrighten
});
var g2 = new PIXI.Graphics();
    g2.beginFill(0xC03302);
    g2.drawCircle(0, 0, 100);
    g2.endFill(); 
    var cant_touch_this = new PIXI.Sprite(g2.generateTexture());
    cant_touch_this.position.x = bunny.position.x - 100;
    cant_touch_this.position.y = bunny.sprite.position.y - 100;
stage.addChild(cant_touch_this);

두 스프라이트가 겹치면 토끼의 핸들러가 두 번째 스프라이트에서 한 번 작동을 멈 춥니 다.

jsfiddle (http://jsfiddle.net/h63mLx7b/)에서 비슷한 작업을 수행하면 버그가 없습니다. 여기서 내가 보는 주요 차이점 중 하나는 바이올린에서 fromImage 또는 fromFrame을 사용하지 않고 텍스처를 생성한다는 것입니다. 나는 내 게임의 맥락에서 이것을 시도했고 (2 개의 텍스처 생성 사용) 버그가 여전히 존재합니다.

다음으로 가능성이 있다고 생각하는 것은 hitArea이지만 jsfiddle에 hitArea를 추가했을 때 버그가 다시 생성되지 않았습니다. 내가 놓친 다른 중요한 스 니펫이 있는지 확인하기 위해 내 코드를 계속 제출할 것입니다.하지만 아마도 내가 놓친 것을 볼 수 있을까요? 내가 실수로 포함했을 수도있는 스프라이트 아래의 이벤트가 발생하지 않도록하는 의도 된 동작이 PIXI에 있습니까?

아마도 유용한 정보 일 수도 있습니다.

    bunny.pivot.x = 0.5;
    bunny.pivot.y = 1;
    bunny.anchor.x = 0.5;
    bunny.anchor.y = 1;

또 다른 유용한 정보 : 내 게임의 맥락에서 jsfiddle 코드가 버그를 재현합니다! 그래서 마지막 질문은 어떤 글로벌 옵션 (또는 컨테이너 자체의 옵션)이 이것을 만들 수 있습니까?

wahooooooo 나는 그것을 알아 냈다! 이것이 진정한 버그이고 의도 된 동작이 아니라고 가정하면 그것은 당신보다 나에게 약간 더 좋은 소식 일 수 있습니다.

http://jsfiddle.net/h63mLx7b/1/

Interactive = true 인 컨테이너에 Sprite가 존재하면 버그가 발생합니다. stage.interactive = false로 설정하면 버그가 사라집니다.

편집 : 처음에 잘못된 바이올린 링크

@englercj 핑. 이걸 볼 기회가 있는지 궁금해

아직 안 했어요 미안 섀도우.

저는 지금 많은 인생 이벤트가 진행되고 있으며 부수적 인 프로젝트 시간이 많지 않았습니다. 곧 버그 스매시를하고 싶지만 지금은 매우 바쁩니다.

걱정 하지마, 나는 그것이 어떻게되는지 이해한다. :)

여기에도 같은 문제가 있습니다 ... http://www.html5gamedevs.com/topic/14202-pixi-v3-interactive-sprite-below-a-tilingsprite-problem/

Hey peeps-dev 브랜치를 약간 수정했습니다.

http://jsfiddle.net/g3vcfmef/

이제 괜찮아!
감사 :)

내 쪽에서도 작업을 확인했습니다. 무리 감사!

사실, 내 원래 질문의 두 번째 부분은 여전히 ​​문제를 제기하고 있습니다.

b.) 게임의 HUD에 사용하는 일부 DOM 요소 위에 마우스를 놓을 때 그 아래의 스프라이트는 마치 직접 마우스를 올리거나 클릭하는 것처럼 작동합니다. 이것은 v2에서 발생하지 않았습니다. 이것은 마우스 오버로 발생하지만 클릭하지 않습니다.

DOM HUD 요소 중 하나를 클릭하려고하면 아래의 캔버스가 여전히 클릭을 트리거하고 기본 컨테이너 mouseup 핸들러가 발생하여 메뉴를 생성 / 표시 한 후 즉시 숨겨 지므로 약간의 문제가 발생합니다. jquery mouseup 처리기에서 e.stopPropagation을 사용하려고 시도했지만 아무 소용이 없습니다.

stage.on('mouseup',function(data){
console.log("Still triggering");
});

$('body').on('mouseup','#battle-menu:not(.attack-island)',function(e){
e.stopPropagation();
});

전투 메뉴가 스테이지와 겹칩니다.

다시 열어서 죄송합니다. 원래 게시물을 다시 읽었어야합니다.

http://jsfiddle.net/prg9jubt/2/

때로는 스테이지 클릭이 다른 시간에 트리거되기 때문에 이상합니다. 참조 주위를 클릭하십시오

도움이된다면 이런 종류의 동작은 mouseup에서만 발생하는 것 같습니다. Mousedown과 클릭이 견고 해 보입니다.

# 1765에 대해 5344062ef4657857ce6a20bea4681e5d66c1c2b2에서 되돌 렸습니다. 우리는 이러한 문제를 해결하는 가장 좋은 방법을 찾고 있습니다.

@englercj 그래서 내가 따라갈 수 있도록 내가 언급 한 겹치는 스프라이트 버그가 pixi의 마스터 브랜치에 다시 존재하는 동안 더 나은 방법을 찾고 있습니까?

내가 어디에 서 있는지 확인하고 싶어요 / 지금은 다른 일을하기 위해 여기로 넘어갈 수 있다면

네, 맞습니다.

좋아, @englercj 업데이트 주셔서 감사합니다

결정된! : +1 :

어떤 시나리오가 수정 되었습니까? 내 컨테이너의 interactive = true이고 파티클 이미 터가 대화 형 스프라이트의보기를 차단하는 경우 해당 스프라이트에 대한 마우스 이벤트가 여전히 발생하지 않습니다. 분명히 컨테이너의 interactive = false를 설정하면 이벤트가 발생합니다. 그러나지도를 끌어서 확대 / 축소 할 수 있도록 컨테이너가 대화 형이어야합니다. 코드의 최신 개발 버전을 사용하고 있습니다.

트릭은 빈 hitArea를 DisplayObject 또는 DisplayObjectContainer에 설정하는 것입니다.
mouseDisabledElement.hitArea = new PIXI.Rectangle (0, 0, 0, 0);

이 스레드는 닫힌 후 최근 활동이 없었기 때문에 자동으로 잠겼습니다. 관련 버그에 대한 새 문제를여십시오.