Pixi.js: एंकर को सेट करने से डिस्प्लेऑब्जेक्ट सामग्री को दोबारा नहीं बनाना चाहिए

को निर्मित 11 अप्रैल 2018 · 4टिप्पणियाँ · स्रोत: pixijs/pixi.js

नमस्ते,

उस धुरी और एंकर के बावजूद सुपर भ्रमित करने वाला है, अगर मैं उस गोल बिंदु के रूप में एंकर की कल्पना करता हूं जिसे मैं फ़ोटोशॉप या पुराने फ्लैश संपादक में रोटेशन बिंदु के रूप में सेट कर सकता हूं, तो पिक्सी में क्या होता है कि सभी डिस्प्लेऑब्जेक्ट सामग्री एंकर को मूल के रूप में सेट करने के लिए फिर से तैयार की जाती है बिंदु।

var app = new PIXI.Application(800, 600, {backgroundColor : 0x1099bb});
document.body.appendChild(app.view);

var bunny = PIXI.Sprite.fromImage('required/assets/basics/bunny.png');

var container = new PIXI.Sprite();
container.addChild(bunny);
container.x = 0;
container.y = 0;

app.stage.addChild(container);

bunny.anchor.set(0.5);
//bunny_c.pivot.set(15,5);

इस उदाहरण के साथ मैं उम्मीद करता हूं कि खरगोश उस एंकर के साथ रहेगा जो उसके रोटेशन को बदल देता है लेकिन बनी को फिर से नहीं खींचा जाता है!

💾 v4.x (Legacy) 🤔 Question

स्रोत

DavidGOrtega

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

प्रत्येक तत्व में एक परिवर्तन होता है, जो स्थिति/घूर्णन/धुरी है
स्प्राइट्स में लंगर होता है, जिसका अर्थ है "बनावट का यह बिंदु स्थानीय समन्वय प्रणाली के (0,0) में होना चाहिए"।

रोटेशन पिवट हमेशा स्थानीय समन्वय प्रणाली का (0,0) होता है।

यदि आप अलग व्यवहार चाहते हैं, तो आप ट्रांसफ़ॉर्म क्लास को बदल सकते हैं और प्रभावित तत्वों के लिए अपने पैच किए गए ट्रांसफ़ॉर्म के इंस्टेंस बना सकते हैं।

https://github.com/pixijs/pixi.js/blob/dev/src/core/display/TransformStatic.js
https://github.com/pixijs/pixi.js/blob/dev/src/core/sprites/Sprite.js#L174

इसके अलावा, पिक्सी में बनी हर फ्रेम redrawn । पुस्तकालय में सभी परिवर्तनों को ट्रैक करने के लिए तंत्र नहीं है, यह सिर्फ काम करता है। अन्यथा इसका वजन 3MB या अधिक हो सकता है :)

ivanpopelyshev 11 अप्रैल 2018

आपके मामले के लिए, धुरी को बनी के केंद्र में सेट करना बेहतर है। इसे स्थिरांक द्वारा करना सुनिश्चित करें, इसके लोड होने पर ही bunny.texture.width उपयोग करें।

ivanpopelyshev 11 अप्रैल 2018

👍1

@DavidGOrtega इसे बंद कर रहा है क्योंकि मुझे लगता है कि आपके प्रश्न का उत्तर दिया गया है। यदि आपको कोई और समस्या हो तो बेझिझक फिर से खोलें!

themoonrat 30 जून 2018

👍1

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

lock[bot] 30 जून 2019

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

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

Pixi.js: एंकर को सेट करने से डिस्प्लेऑब्जेक्ट सामग्री को दोबारा नहीं बनाना चाहिए

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

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