What is the difference between using PIXI.Sprite.fromImage and PIXI.loader.resources?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
1
The first 3 lines of code doesn't work while the last 2 lines correctly displayed the image. What is wrong with the first one and what is the difference between the two ways of displaying sprites?
let plot = new PIXI.Sprite(
PIXI.loader.resources["assets/plot/images/main.png"].texture);
this.plotContainer.stage.addChild(plot);
let plot2 = PIXI.Sprite.fromImage("assets/plot/images/main.png");
this.plotContainer.stage.addChild(plot2);
EDIT:
Actually, the image only shows up when I combine the two together. When only the first 3 lines are run, only a black screen shows up. When the last two lines are run, only the original background shows up.
javascript pixijs
asked Nov 27 '18 at 1:32
Henry ZhangHenry Zhang
151110
|
show 4 more comments
1
The first 3 lines of code doesn't work while the last 2 lines correctly displayed the image. What is wrong with the first one and what is the difference between the two ways of displaying sprites?
let plot = new PIXI.Sprite(
PIXI.loader.resources["assets/plot/images/main.png"].texture);
this.plotContainer.stage.addChild(plot);
let plot2 = PIXI.Sprite.fromImage("assets/plot/images/main.png");
this.plotContainer.stage.addChild(plot2);
EDIT:
Actually, the image only shows up when I combine the two together. When only the first 3 lines are run, only a black screen shows up. When the last two lines are run, only the original background shows up.
javascript pixijs
asked Nov 27 '18 at 1:32
Henry ZhangHenry Zhang
151110
Where are you getting the first version from?
– Chris G
Nov 27 '18 at 1:36
github.com/kittykatattack/learningPixi#introduction, unless I didn't copy or understand it correctly.
– Henry Zhang
Nov 27 '18 at 1:37
1
This works fine for me: jsfiddle.net/khrismuc/63udhg10 so the error must be in your implementation. You are adding that png to the loader, right?
– Chris G
Nov 27 '18 at 1:52
I don't see the sprite from the link.
– Henry Zhang
Nov 27 '18 at 2:01
1
I got it. I think the problem was that the loader didn't finish loading the texture before I used it to create the Sprite. Thanks for your help!
– Henry Zhang
Nov 27 '18 at 2:21
|
show 4 more comments
1
1
1
The first 3 lines of code doesn't work while the last 2 lines correctly displayed the image. What is wrong with the first one and what is the difference between the two ways of displaying sprites?
let plot = new PIXI.Sprite(
PIXI.loader.resources["assets/plot/images/main.png"].texture);
this.plotContainer.stage.addChild(plot);
let plot2 = PIXI.Sprite.fromImage("assets/plot/images/main.png");
this.plotContainer.stage.addChild(plot2);
EDIT:
Actually, the image only shows up when I combine the two together. When only the first 3 lines are run, only a black screen shows up. When the last two lines are run, only the original background shows up.
javascript pixijs
asked Nov 27 '18 at 1:32
Henry ZhangHenry Zhang
151110
The first 3 lines of code doesn't work while the last 2 lines correctly displayed the image. What is wrong with the first one and what is the difference between the two ways of displaying sprites?
let plot = new PIXI.Sprite(
PIXI.loader.resources["assets/plot/images/main.png"].texture);
this.plotContainer.stage.addChild(plot);
let plot2 = PIXI.Sprite.fromImage("assets/plot/images/main.png");
this.plotContainer.stage.addChild(plot2);
EDIT:
Actually, the image only shows up when I combine the two together. When only the first 3 lines are run, only a black screen shows up. When the last two lines are run, only the original background shows up.
javascript pixijs
javascript pixijs
asked Nov 27 '18 at 1:32
Henry ZhangHenry Zhang
151110
asked Nov 27 '18 at 1:32
Henry ZhangHenry Zhang
151110
edited Nov 27 '18 at 2:02
Henry Zhang
asked Nov 27 '18 at 1:32
Henry ZhangHenry Zhang
151110
asked Nov 27 '18 at 1:32
Henry ZhangHenry Zhang
151110
asked Nov 27 '18 at 1:32
Henry ZhangHenry Zhang
151110
151110
Where are you getting the first version from?
– Chris G
Nov 27 '18 at 1:36
github.com/kittykatattack/learningPixi#introduction, unless I didn't copy or understand it correctly.
– Henry Zhang
Nov 27 '18 at 1:37
1
This works fine for me: jsfiddle.net/khrismuc/63udhg10 so the error must be in your implementation. You are adding that png to the loader, right?
– Chris G
Nov 27 '18 at 1:52
I don't see the sprite from the link.
– Henry Zhang
Nov 27 '18 at 2:01
1
I got it. I think the problem was that the loader didn't finish loading the texture before I used it to create the Sprite. Thanks for your help!
– Henry Zhang
Nov 27 '18 at 2:21
|
show 4 more comments
Where are you getting the first version from?
– Chris G
Nov 27 '18 at 1:36
github.com/kittykatattack/learningPixi#introduction, unless I didn't copy or understand it correctly.
– Henry Zhang
Nov 27 '18 at 1:37
1
This works fine for me: jsfiddle.net/khrismuc/63udhg10 so the error must be in your implementation. You are adding that png to the loader, right?
– Chris G
Nov 27 '18 at 1:52
I don't see the sprite from the link.
– Henry Zhang
Nov 27 '18 at 2:01
1
I got it. I think the problem was that the loader didn't finish loading the texture before I used it to create the Sprite. Thanks for your help!
– Henry Zhang
Nov 27 '18 at 2:21
Where are you getting the first version from?
– Chris G
Nov 27 '18 at 1:36
Where are you getting the first version from?
– Chris G
Nov 27 '18 at 1:36
github.com/kittykatattack/learningPixi#introduction, unless I didn't copy or understand it correctly.
– Henry Zhang
Nov 27 '18 at 1:37
github.com/kittykatattack/learningPixi#introduction, unless I didn't copy or understand it correctly.
– Henry Zhang
Nov 27 '18 at 1:37
1
1
This works fine for me: jsfiddle.net/khrismuc/63udhg10 so the error must be in your implementation. You are adding that png to the loader, right?
– Chris G
Nov 27 '18 at 1:52
This works fine for me: jsfiddle.net/khrismuc/63udhg10 so the error must be in your implementation. You are adding that png to the loader, right?
– Chris G
Nov 27 '18 at 1:52
I don't see the sprite from the link.
– Henry Zhang
Nov 27 '18 at 2:01
I don't see the sprite from the link.
– Henry Zhang
Nov 27 '18 at 2:01
1
1
I got it. I think the problem was that the loader didn't finish loading the texture before I used it to create the Sprite. Thanks for your help!
– Henry Zhang
Nov 27 '18 at 2:21
I got it. I think the problem was that the loader didn't finish loading the texture before I used it to create the Sprite. Thanks for your help!
– Henry Zhang
Nov 27 '18 at 2:21
|
show 4 more comments
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53491512%2fwhat-is-the-difference-between-using-pixi-sprite-fromimage-and-pixi-loader-resou%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53491512%2fwhat-is-the-difference-between-using-pixi-sprite-fromimage-and-pixi-loader-resou%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Where are you getting the first version from?
– Chris G
Nov 27 '18 at 1:36
github.com/kittykatattack/learningPixi#introduction, unless I didn't copy or understand it correctly.
– Henry Zhang
Nov 27 '18 at 1:37
1
This works fine for me: jsfiddle.net/khrismuc/63udhg10 so the error must be in your implementation. You are adding that png to the loader, right?
– Chris G
Nov 27 '18 at 1:52
I don't see the sprite from the link.
– Henry Zhang
Nov 27 '18 at 2:01
1
I got it. I think the problem was that the loader didn't finish loading the texture before I used it to create the Sprite. Thanks for your help!
– Henry Zhang
Nov 27 '18 at 2:21