लोड हो रहा है एक spritesheet में Pixijs काम नहीं करता है

0

सवाल

Im की कोशिश कर रहा है लोड करने के लिए एक spritesheet में pixijs के अनुसार सरकारी दस्तावेज: http://pixijs.download/release/docs/PIXI.Spritesheet.html

निम्न करें:

PIXI.Loader.shared.add('sheet', require('../assets/spritesheet.json')).load(spriteSetup)

function spriteSetup() {
    let sheet = PIXI.Loader.shared.resources['sheet'].spritesheet;
    console.log(sheet)
}

जब मैं लॉग ऑन करने का प्रयास मूल्य की 'चादर', यह अपरिभाषित है । तो मैं करने की कोशिश की लॉगिंग के मूल्य PIXI.लोडर.साझा की है.संसाधन['चादर'] नहीं है, जो अपरिभाषित, लेकिन बल्कि निम्न है:

{
"_onLoadBinding": null,
"_elementTimer": 0,
"_flags": 2,
"name": "sheet",
"url": "sheet",
"extension": "sheet",
"data": "<!DOCTYPE html>\n<html lang=\"\">\n<head>\n    <meta charset=\"utf-8\">\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n    <meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\">\n    <link rel=\"icon\" href=\"/favicon.ico\">\n    <link href=\"https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css\" rel=\"stylesheet\"\n          integrity=\"sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3\" crossorigin=\"anonymous\">\n    <title>medease</title>\n<link href=\"/js/app.js\" rel=\"preload\" as=\"script\"><link href=\"/js/chunk-vendors.js\" rel=\"preload\" as=\"script\"></head>\n<body>\n<noscript>\n    <strong>We're sorry but medease doesn't work properly without JavaScript enabled.\n        Please enable it to continue.</strong>\n</noscript>\n<div id=\"app\"></div>\n<!-- built files will be auto injected -->\n<script type=\"text/javascript\" src=\"/js/chunk-vendors.js\"></script><script type=\"text/javascript\" src=\"/js/app.js\"></script></body>\n</html>\n",
"crossOrigin": "",
"timeout": 0,
"loadType": 1,
"xhrType": "text",
"metadata": {},
"error": null,
"xhr": {},
"children": [],
"type": 6,
"progressChunk": 100,
"onStart": {},
"onProgress": {},
"onComplete": {
    "_tail": null,
    "_head": null
},
"onAfterMiddleware": {}
}

यह बहुत भ्रमित करने के लिए के रूप में, मुझे लगता है यह लोड index.html फ़ाइल के बजाय json फ़ाइल की कोशिश कर रहा हूँ लोड करने के लिए (देखें डेटा क्षेत्र).

किसी ने एक बहुत ही इसी तरह की समस्या यहाँ: https://github.com/pixijs/pixijs/issues/5965 हालांकि, मैं चल रहा हूँ मेरे कोड के माध्यम से एक वेब सर्वर है और यह अभी भी मेरे लिए काम नहीं करता.

बाहर मुद्रण की आवश्यकता होती है('../आस्तियों/spritesheet.json') प्रिंट बाहर json फ़ाइल बस ठीक है. शायद यह एक बिट के एक noob सवाल है, लेकिन मैं पूरी तरह से अटक गया । यदि यह मदद करता है मैं उपयोग कर रहा हूँ vue 3 और सेट अप का उपयोग कर इस परियोजना vue-सीएलआई लेकिन मैं देख नहीं है कि कैसे के लिए किया जाएगा से संबंधित ।

ecmascript-6 pixi.js typescript vue.js
2021-11-23 20:05:23
1

सबसे अच्छा जवाब

0

मैं एक ही समस्या थी. समाधान के लिए स्थानांतरित करने के लिए है spriteSheet.json के साथ spriteSheet.png से संपत्ति के लिए सार्वजनिक फ़ोल्डर.

और पथ सेट images/spriteSheet.json (सार्वजनिक/छवियों/spriteSheet.json) के अनुसार सरकारी दस्तावेज.

2021-12-22 13:34:35

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में