Pixi.js: खिलाड़ी के बाद कैमरा

"कैमरा" कंटेनर बनाएं, वहां सब कुछ डालें।

camera.position.set(renderer.screen.width/2, renderer.screen.height/2);
camera.pivot.copy(player.position);

//EVERY FRAME

var targetPivot = player.position;

//LERP IT, dt is something between 0 and 1.
// i use dt = 1 - Math.exp(-deltaInMillis / 100);
// or you can just assign targetpivot to pivot
camera.pivot.x = (targetPivot.x - camera.pivot.x) * dt + camera.pivot.x;
camera.pivot.y = (targetPivot.y - camera.pivot.y) * dt + camera.pivot.y;

//big square

var mapRect = new PIXI.Rectangle();
mapRect.x = camera.pivot.x - renderer.screen.width/2;
mapRect.y = camera.pivot.x - renderer.screen.height/2;
mapRect.width  = renderer.screen.width;
mapRect.height = renderer.screen.height;
mapRect.pad(400,400); // -this line was updated

//every time camera changes position


var newRect = new PIXI.Rectangle();
newRect .x = camera.pivot.x - renderer.screen.width/2;
newRect .y = camera.pivot.x - renderer.screen.height/2;
newRect .width  = renderer.screen.width;
newRect .height = renderer.screen.height;
if (newRect.x < mapRect.x || newRect.right > mapRect.right ||
   newRect.y < mapRect.y ||  newRect.bottom > mapRect.bottom) {
   mapRect = newRect;
   //ADJUST THE BACKGROUND AND STUFF
   //CLEAR AND FILL THE TILEMAP: https://github.com/pixijs/pixi-tilemap
}

किसी ने, कृपया एक पिक्सी विकी लेख बनाएं। मुझे लगता है कि मैं 10 वीं बार उस बात को समझा रहा हूं, हमें उस सामान पर एक ट्यूटोरियल की आवश्यकता है

धन्यवाद। यह काम करता है लेकिन मैं 2. बिंदु को पूरा करने में सक्षम नहीं हूं। MapRect.enlarge (400) का परिणाम; NaN है। प्रलेखन के अनुसार एक और आयत माना जाता है।
यदि आप इसे थोड़ा और विस्तार से समझा सकते हैं तो यह बहुत अच्छा होगा।
धन्यवाद।

ठीक है, इसके बजाय "पैड (400,400)" "का उपयोग करें;"

वहाँ अभी भी समस्या होने लगती है क्योंकि हर फ्रेम में newRect.x हमेशा बड़ा होने वाला है। मुझे यहाँ कुछ भारी याद आ रहा है मुझे लगता है :(

@mirosssc

mapRect = newRect;
mapRect.pad(400,400);

यह भी सुनिश्चित करें कि आप हर बार newRect बनाएँ। यदि आप नहीं करते हैं, तो कृपया "mapRect.copy (newRect);" का उपयोग करें असाइनमेंट के बजाय।

मैंने छद्म कोड लिखा। मुझे आशा है कि आपने गेमस्टार्ट, गेमफ्रेम या तो जैसे विभिन्न कार्यों में उस सामान की नकल की है? यह एक समारोह में नहीं होना चाहिए।

नमस्ते! अपनी निष्क्रियता के कारण इस मुद्दे को अभी के लिए बंद करना। यदि आप इस मुद्दे को फिर से खोलना चाहते हैं तो हमें एक प्रहार देने के लिए स्वतंत्र महसूस करें। धन्यवाद 👍

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