https://rawgit.com/

बहुत मस्त है। आप बस dev बिन फ़ाइल लिंक को वहां पेस्ट कर सकते हैं और यह आपको एक यूआरएल देगा जो प्रॉक्सी को सीधे GitHub से लोड कर रहा है।

उदाहरण के लिए, आप इसमें पेस्ट कर सकते हैं:

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/) में एक समान काम करता हूं, तो बग मौजूद नहीं है। यहाँ एक मुख्य अंतर जो मुझे दिखाई देता है, वह यह है कि इस फ़ेडल में मैं आईमैसेज या फ़्रेम से उपयोग नहीं कर रहा हूँ, बल्कि एक बनावट का निर्माण कर रहा हूँ। मैंने अपने खेल के संदर्भ में यह कोशिश की (2 बनावट का उपयोग करके) और बग अभी भी मौजूद है।

अगली चीज़ जो मैं एक संभावना के रूप में सोच रहा हूँ वह हिटआयर है, लेकिन जब मैंने हिटसेरा को jsfiddle में जोड़ा, तो यह बग को दोबारा नहीं बनाया। मैं अपने कोड के माध्यम से फाइल करना जारी रखने जा रहा हूं, यह देखने के लिए कि क्या कोई अन्य महत्वपूर्ण स्निपेट हैं जो मैं चूक गया था, लेकिन शायद आप कुछ ऐसा देख सकते हैं जो मुझे याद आ रहा है? क्या PIXI में ऐसा कुछ है, जो किसी प्रेत से होने वाली घटनाओं को रोकने का इरादा रखता है, ऐसा होने से रोक सकता है कि मैं गलती से शामिल हो सकता हूं?

संभवतः उपयोगी जानकारी भी है, बनी है

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

फिर भी एक और उपयोगी tidbit: मेरे खेल के संदर्भ में, jsfiddle कोड बग को फिर से बनाता है! इसलिए मुझे लगता है कि अंतिम प्रश्न यह बन जाता है कि वैश्विक विकल्प (या कंटेनर पर विकल्प) खुद क्या बना सकता है?

wahooooooo मैं यह समझ से बाहर! हालांकि यह मेरे लिए आपसे बेहतर समाचार का एक सा हो सकता है, यह मानते हुए कि यह वास्तव में एक बग है और अभिप्रेत व्यवहार नहीं है।

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

जब स्प्राइट्स इंटरेक्टिव = ट्रू वाले कंटेनर में मौजूद होते हैं, तो बग होता है। यदि आप stage.interactive = false सेट करते हैं, तो बग दूर हो जाता है।

संपादित करें: पहले गलत लिंक लिंक

@englercj पिंग बस उत्सुक अगर आप इस पर देखने का मौका मिल गया है

मुझे अभी तक कोई खेद नहीं है।

मेरे पास अभी बहुत सारी जीवन की घटनाएं चल रही हैं और मेरे पास बहुत अधिक समय नहीं है। मैं जल्द ही बग स्मैश करने की उम्मीद कर रहा हूं, लेकिन अभी बहुत व्यस्त हूं :(

कोई चिंता नहीं आदमी, मैं समझता हूँ कि यह कैसे जाता है :)

यहाँ एक ही समस्या ... http://www.html5gamedevs.com/topic/14202-pixi-v3-interactive-sprite-below-a-tilingsprite-problem/

हे पीप्स - देव शाखा को थोड़ा ट्वीक किया, यह कैसे:

http://jsfiddle.net/g3vcfmef/

अब ठिक है!
धन्यवाद :)

मेरे अंत पर भी काम करने की पुष्टि की। बहुत बहुत धन्यवाद!

दरअसल, मेरे मूल प्रश्न का दूसरा भाग अभी भी एक समस्या खड़ी कर रहा है:

b।) जब हम अपने खेल के HUD के लिए उपयोग होने वाले कुछ DOM तत्वों पर मूसिंग कर रहे हैं, तो नीचे दिए गए स्प्राइट अभी भी कार्य करते हैं जैसे कि उन्हें सीधे मूस / क्लिक किया जा रहा है। यह v2 में होने के लिए उपयोग नहीं किया। यह माउसओवर के साथ हो रहा है, लेकिन क्लिक नहीं।

यह थोड़ा समस्या पैदा कर रहा है, जैसा कि मैं DOM HUD तत्वों में से एक पर क्लिक करने का प्रयास करता हूं, नीचे कैनवास अभी भी एक क्लिक को ट्रिगर करता है और मेरा मुख्य कंटेनर माउसअप हैंडलर होता है, इसलिए इसे बनाने / दिखाने के तुरंत बाद मेनू को छिपा दिया जाता है। मैंने jquery माउसअप हैंडलर में 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/

यह अजीब है, क्योंकि कभी-कभी मंच क्लिक ट्रिगर अन्य बार होता है, यह नहीं है। बस एक देखने के आसपास क्लिक करें

यदि यह बिल्कुल मदद करता है, तो इस तरह का व्यवहार केवल माउसअप के लिए होता है। मूसडाउन और क्लिक ठोस प्रतीत होते हैं।

# 1765 के लिए 5344062ef4657857ce6a20bea4681e5d66c1c2b2 में बदला गया। हम इन मुद्दों को हल करने का सबसे अच्छा तरीका देख रहे हैं।

@englercj तो सिर्फ यह सुनिश्चित करने के लिए कि मैं अनुसरण करता हूं, ओवरलैपिंग स्प्राइट बग मैंने उल्लेख किया है कि

बस यह सुनिश्चित करना चाहता हूं कि मुझे पता है कि मैं कहां खड़ा हूं / अगर मैं अभी इस पर आगे बढ़ सकता हूं तो अन्य चीजों पर काम कर सकता हूं

हां यह सही है।

ठीक है, अद्यतन @englercj के लिए धन्यवाद

तय हो गया! : +1:

कौन सा परिदृश्य तय किया गया था? अगर मेरे कंटेनर का इंटरेक्टिव = सच है, और एक कण एमिटर एक इंटरैक्टिव स्प्राइट का दृश्य अवरुद्ध कर रहा है, तो उस स्प्राइट के लिए माउस की घटनाएं अभी भी फायरिंग नहीं कर रही हैं। जाहिर है अगर मैंने कंटेनर के इंटरेक्टिव = झूठ को सेट किया, तो घटनाओं में आग लग गई। हालांकि, मुझे यह आवश्यक है कि कंटेनर इंटरेक्टिव हो ताकि मैप को खींचा और ज़ूम किया जा सके। मैं कोड के नवीनतम देव संस्करण का उपयोग कर रहा हूं।

ट्रिक एक खाली हिट सेट कर रहा है DisplayObject या DisplayObjectContainer पर:
mouseDisabledElement.hitArea = नया PIXI.Rectangle (0, 0, 0, 0);

इस थ्रेड को स्वचालित रूप से बंद कर दिया गया है क्योंकि इसे बंद करने के बाद हाल ही में कोई गतिविधि नहीं हुई है। कृपया संबंधित बग के लिए एक नया मुद्दा खोलें।