Pixi.js: छांटे जाने योग्य प्रदर्शन

को निर्मित 29 अग॰ 2013 · 12टिप्पणियाँ · स्रोत: pixijs/pixi.js

कुछ समय के लिए हमें z- इंडेक्स को संरक्षित करने के लिए एक निश्चित क्रम में दिए जाने वाले प्रदर्शन ऑब्जेक्ट की आवश्यकता होती है।

यह अच्छा होगा यदि हमारे पास एक तरह से विधि के साथ या व्यक्तिगत DisplayObjects के लिए एक अलग रिडर विधि की अनुमति देकर तैयार किए गए बच्चों के अध्यादेश को चुनने का एक तरीका हो सकता है, इसलिए डेवलपर इसे आदेशित सूची का निर्माण कर सकता है, ऑब्जेक्ट्स को पुन: क्रमबद्ध कर सकता है और उन्हें प्रस्तुत कर सकता है ।

🤔 Question

स्रोत

alaa-eddine

सबसे उपयोगी टिप्पणी

var mapContainer = new PIXI.DisplayObjectContainer(),
    unitsContainer = new PIXI.DisplayObjectContainer(),
    menuContainer = new PIXI.DisplayObjectContainer();

mapContainer.zIndex = 5;
unitsContainer.zIndex = 10;
menuContainer.zIndex = 20;

/* adding children, no matter in which order */
stage.addChild(mapContainer);
stage.addChild(menuContainer);
stage.addChild(unitsContainer);

/* call this function whenever you added a new layer/container */
stage.updateLayersOrder = function () {
    stage.children.sort(function(a,b) {
        a.zIndex = a.zIndex || 0;
        b.zIndex = b.zIndex || 0;
        return b.zIndex - a.zIndex
    });
};

stage.updateLayersOrder();

tengotengo 25 मार्च 2015

👍2 ❤1

सभी 12 टिप्पणियाँ

children सरणी में ऑब्जेक्ट्स का ऑर्डर वह ऑर्डर है जो उन्हें प्रदान किया जाएगा। इसका मतलब है कि सरणी में अंतिम एक "शीर्ष पर" प्रदान किया जाएगा

englercj 29 अग॰ 2013

अब मैं थोड़ा बेवकूफ xD महसूस करता हूँ
जब स्रोत कोड को पढ़ते हुए मैंने रेंडरडिसप्लेओबजेक्ट में एक लिंकलिस्ट देखा और सोचा कि स्टेज.चिल्ड्रेन सरणी इस वीडियो में चली गई थी ...।
कोई बात नहीं, यह मंच के साथ ठीक काम कर रहा है। बच्चों की तरह :)

1.3.0 प्रदर्शन btw बस कमाल कर रहे हैं! मैं cocoonjs पर WebGL के सामान का परीक्षण करने के लिए एक छोटा कोड समाप्त कर रहा हूं

धन्यवाद :)

alaa-eddine 30 अग॰ 2013

कोई समस्या नहीं है, खुशी है कि PIXI आपके लिए काम कर रहा है!

englercj 30 अग॰ 2013

var mapContainer = new PIXI.DisplayObjectContainer(),
    unitsContainer = new PIXI.DisplayObjectContainer(),
    menuContainer = new PIXI.DisplayObjectContainer();

mapContainer.zIndex = 5;
unitsContainer.zIndex = 10;
menuContainer.zIndex = 20;

/* adding children, no matter in which order */
stage.addChild(mapContainer);
stage.addChild(menuContainer);
stage.addChild(unitsContainer);

/* call this function whenever you added a new layer/container */
stage.updateLayersOrder = function () {
    stage.children.sort(function(a,b) {
        a.zIndex = a.zIndex || 0;
        b.zIndex = b.zIndex || 0;
        return b.zIndex - a.zIndex
    });
};

stage.updateLayersOrder();

tengotengo 25 मार्च 2015

👍2 ❤1

बाल सरणी readonly

glebmachine 9 दिस॰ 2015

@glebmachine का मतलब यह नहीं है कि आप "सॉर्ट" नहीं कर सकते

ivanpopelyshev 1 जन॰ 2016

@tengotengo धन्यवाद! आपका समाधान सरल अभी तक सुरुचिपूर्ण है।

aquachris 16 मार्च 2016

क्या @tengotengo का समाधान वास्तव में इसके लिए अंतिम समाधान है? Z-index को बदलने में सक्षम होना मुझे एक प्राथमिक विशेषता लगती है। कल्पना कीजिए, एक आइसोमेट्रिक गेम में जहां आपके y- अक्ष के आधार पर एक स्प्राइट को पीछे या दूसरे स्प्राइट के सामने माना जा सकता है। Z- इंडेक्स करना इस से निपटने का पारंपरिक तरीका है, और उस स्थिति में आप स्प्राइट के नीचे की स्थिति को अपने z- इंडेक्स और मैप में मैप करेंगे। अभी के लिए मैं सॉर्ट हैक करूंगा, लेकिन ऐसा लगता है कि इसका आधिकारिक समाधान होना चाहिए।

bluefeet 6 नव॰ 2016

👍1

@bluefeet https://github.com/pixijs/pixi-display पर एक नज़र डालें
मुझे लगता है कि यह आपको आवश्यक कार्यक्षमता प्रदान करेगा

themoonrat 6 नव॰ 2016

👍1

यदि आप 2017 में इस सुविधा की तलाश कर रहे हैं; इसे पिक्सी में zOrder के रूप में लागू किया गया है।

https://pixijs.github.io/examples/#/display/zorder.js

loadedsith 30 जन॰ 2017

👍1

@loadedsith पिक्सी -डिस्प्ले को नवीनतम संस्करण में अपडेट किया गया है, टीएस पर फिर से लिखा गया है और इस सप्ताह बहुत सारे उदाहरणों के साथ बहुत बड़ा पैच होगा।

ivanpopelyshev 30 जन॰ 2017

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

lock[bot] 24 फ़र॰ 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Pixi.js: छांटे जाने योग्य प्रदर्शन

सबसे उपयोगी टिप्पणी

सभी 12 टिप्पणियाँ

संबंधित मुद्दों