Search the Community

Hello, this is the first time I am writing a question. I use a translator for this. Created a simple container with several internal graphics objects. Everything is fine on most monitors, but it's bad on older monitors and mobile devices. Artifacts appear. How to fix it? Code for creating graphics: if (element.inner_un > 0) { const heightUnit = heightContainer / element.inner_un element.customProps = { ...element.customProps, heightUnit: heightUnit } let lineCoordY = element.customProps.coordY for (let i = 0; i < element.inner_un; i++) { //creating graphics for the line const lineGraphics = new PIXI.Graphics(); //Outline of the container lineGraphics.lineStyle(1, "#000000"); //Drawing this container lineGraphics.drawRect(element.customProps.coordX, lineCoordY, widthContainer, 0); elementWardrobe.addChild(lineGraphics) lineCoordY += heightUnit } //drawing lines in units if (element.div_h > 1) { const div_hElement = heightUnit / element.div_h let lineCoordY = element.customProps.coordY for (let i = 0; i <= element.inner_un * element.div_h; i++) { //creating graphics for the line const lineGraphics = new PIXI.Graphics(); //Outline of the container lineGraphics.lineStyle(1, "#000000"); //Drawing this container lineGraphics.drawRect(element.customProps.coordX, lineCoordY, widthContainer, 0); elementWardrobe.addChild(lineGraphics) lineCoordY += div_hElement } } }

Steps to reproduce: git clone https://[email protected]/dmitrydranitski/pixijs-5.1.1-5.1.5-update-bug.git cd into dir npm i npm run dev go to the url (https://localhost:8080 by default) you should see the page Ctrl+C - stop the webpack-dev-server rm -rf node_modules npm i [email protected] npm run dev go to the url (https://localhost:8080 by default) The code is not working. I can not see the reason, seems like a bug? Thanks in advance for any help!

HELLO! I'm proud to present the Internet Money game commissioned by Internet Money, Pretty Good digital and developed by myself at TandC games. More info here Play it here Thanks to the pixijs guys for their support! I love their library, its a great level for me as I love developing my own game systems, physics, etc etc. Let me know what you think and stay tuned for more Pixijs developed games shortly.

Hello, I am a student making a personal portfolio website. I was wondering if anyone knows how the the header animation on the pixijs website was made, I want to add something similar to my website. I am referring to the one in the header with the clouds in front of the nebula and the alpha filter following the mouse. I have some experience using PIXI js, Ive made a few small games before. Thanks.

Hello friends, I'm totally new to Pixi.js and canvas in general. I'm trying to develop my favorite board game Patchwork, where I have a scrollable container with patches from which player can select one. Above the canvas I have two buttons for controlling the scrolling direction. Each time player clicks on one of these buttons, the x coordinate of the container updates. I was wondering if there is any 'best practice' way to implement infinite scrolling of the container (such as creating an infinite image gallery)? I have a few ideas, but I wan't to hear other opinions before I really dive into implementing the solution to this problem. Here are some screenshots for reference: Thank you in advance!

I am developing a unique but really simple puzzle game that consist in just put all the players (astronauts) in the goal squares at the same time. Rules: All astronauts move at once. NOTE: Only puzzle games lovers would enjoy this game, so if you aren't, you can skip seeing it:). Some levels could be really challenging. Here it is: https://llpujol.itch.io/puzzle-astronauts Comments & improve suggestions are welcomed:), Hope someone could enjoy it:)

I want to use Browserify with Pixi.js v5, because I want to create a lot of examples for learning and I do not want to use Webpack (Gulp, Grant and so on) because they require a lot of disk space on my laptop. I use TypeScript too. Could you give me a simple project in the archive with a few TypeScript files that allows me to create a bundle for Browser? EDITED: This problem is solved. The solution is in this message

Hi, my game is supposed to have support for canvas, and so I added the pixijs-legacy when we upgraded to 5.0.4. However, it seems it won't recognize the fallback support and I still get this error. I can see the pixi-js legacy being loaded, though. I'm not too familiar with the whole workflow yet, so I'm finding it hard to figure out. Do you guys hav e any idea how to fix it? Thank you so much,

Unfold is looking for a “Senior Game Developer HTML5 / TypeScript” in Berlin. https://www.unfold.net/senior-game-developer-html5-typescript-berlin/ Unfold is a German game developing studio. We develop video slot games for the free-to-play & the online gambling market on multiple platforms. Unfold started as a pioneer in social betting. Founded in 2009, we were backed by premier venture capital firms Earlybird and Target Partners. In 2012 we became part of a leading family-owned European casino group. We are now a wholly owned subsidiary of Bally Wulff, one of Germany’s leading manufacturers of electronic gaming machines. Unfold is based in Berlin, Germany, Europe’s gaming hub. To lead the growth of our gaming portfolio we are looking for a “Senior Game Developer HTML5 / TypeScript”. Your Profile: Solid knowledge in TypeScript / JavaScript (OOP), HTML5 & CSS3 You enjoy an object oriented programming style You have working experience with PixiJS Understanding of separation of concerns, design patterns & testing Ability to deliver high-quality, clean code using agile, test driven development practices Aptitude for learning and sharing knowledge / skills, pair programming & code reviews You are a teamplayer and reliable English full professional proficiency, German is a big plus We are looking for someone who is a very versatile professional with a creative mindset, good logical and analytical capabilities, you think from a user’s point of view and you have the ability to prioritize & multi-task. Technologies & Tools we are using: TypeScript, JavaScript, PixiJS, Webpack, Node.js, Selenium, Maven, Jenkins, Git & IntelliJ. This is an excerpt – we adapt our technologies to the conditions and choose others if we think they are more useful. Your Benefits: Build state-of-the-art tech products Be part of a small but growing, highly skilled team developing the next generation of online games No hierarchies and quick decision making processes The best development hardware & software money can buy Attending conferences & trainings 28 days of vacation, very flexible and family friendly working conditions, home office days and no over hours Comfortable working place with free fruit & drinks Cookie driven development and team events How to apply? Please call or send your application to: jobs (at) unfold.net Unfold Gaming Digital GmbH Ramona Döbrich (HR) Colditzstr. 34/36 12099 Berlin, Germany It would be nice if you could add a link to Github/BitBucket and LinkedIn in your CV. Tel.: +49 (0)30 417 212 80 Fax: +49 (0)30 417 212 81

Hi, I was trying to understand how to use Pixi-spine library that adds support for spine animations for PixiJS . But I did not find anything useful on the internet. Can anyone help me understand it?