SaintSpark Posted March 11, 2021 Share Posted March 11, 2021 Hello! I'm new to PixiJS, and dont understand what i'm doing wrong. I'm creating a few canvases red square and green and they try to create sprites from them and add to ParticleContainer. For some reason every sprite have same texture as another, here is exmaple: https://rpginferno.ru/pixi/pixi1.html I'm creating mapping app for a few years and now, i try to impement Pixi because it's performance. I hope someone can help me with my issue, here is complete code of the page: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://pixijs.download/v6.0.0/pixi.js"></script> </head> <body> <div> <canvas id="cnv1" width="24" height="24"></canvas> <canvas id="cnv2" width="24" height="24"></canvas> </div> <div id="body1"></div> </body> <script> const cnv1 = document.getElementById('cnv1'); const cnv2 = document.getElementById('cnv2'); const ctx1 = cnv1.getContext('2d'); const ctx2 = cnv2.getContext('2d'); ctx1.fillStyle = 'red'; ctx1.fillRect(0, 0, 24, 24); ctx2.fillStyle = 'green'; ctx2.fillRect(0, 0, 24, 24); const app = new PIXI.Application({ width:400, height: 400, backgroundColor: 0xCCCCCC, antialias: true }); document.getElementById('body1').appendChild(app.view); const sprites = new PIXI.ParticleContainer(100, { scale: true, position: true, rotation: true, uvs: true, alpha: true, }); app.stage.addChild(sprites); const txt1 = PIXI.Texture.from(cnv1); const txt2 = PIXI.Texture.from(cnv2); const sprite1 = PIXI.Sprite.from(txt1); const sprite2 = PIXI.Sprite.from(txt2); sprites.addChild(sprite1); sprites.addChild(sprite2); sprite1.x = 0; sprite1.y = 0; sprite2.x = 50; sprite2.y = 50; </script> </html> Thanks. Quote Link to comment Share on other sites More sharing options...
ivan.popelyshev Posted March 11, 2021 Share Posted March 11, 2021 ParticleContainer works only with one texture on all sprites. SaintSpark 1 Quote Link to comment Share on other sites More sharing options...
SaintSpark Posted March 11, 2021 Author Share Posted March 11, 2021 56 minutes ago, ivan.popelyshev said: ParticleContainer works only with one texture on all sprites. Thanks. I think i get it, because the particle container is for the indentical particlesm that is why it may be more effecient with large numbers of sprites. Changed ParticleContainer to simple Container and all works fine. Spent about 1 day to figure it out ))))) Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.