Search the Community

Hello community! Unfortunately I have a game-breaking issue that troubles me a lot recently and I'm running out of ideas. In my game I have built a frontend using React and embedded a Pixijs canvas on one page. While the game is running and the game loop (requestAnimationFrame() with a modest 50 ticks per second, additionally some "interpolation" code that renders interpolated position updates between the ticks to make the game look very smooth) updates the scene, React handles a scoreboard and a chat right next to it. Now for example, whenever someone writes a new chat message, the virtual DOM is getting updated to push a new <div> on the page, which is displayed right next to the Pixijs game. The game itself is extremely smooth and runs perfectly. But when the elements of the page change (new chat message, new scoreboard results) it causes a small visual freeze in my Pixijs game. The loop still updates everything correctly as there is no desync between the server-side state of the game and the client-side state of the game, but visually there is a small freeze. I believe that my Pixijs code is pretty optimized and I tried everything on the React side of things aswell. I managed already that React does not re-render the whole page but only the parts that actually update (the chat, the scoreboard). But it did not solve the issue. The weird thing is this: I tried a little experiment where I "spammed" many automatic updates (multiple every second) to the player scoreboard and chat using server messages that emulates the same behavior as when players manually type messages. And the game did not freeze much. But whenever I play the game with a couple of players and players write in the chat or automatic chat messages appear (e.g. informing everyone that a player left the game) or the scoreboard updates, there will be a small freeze frequently. Does anybody have experience with a similar issue and could be of assistance? I'm willing to let you look into my codebase and you can also try out the game if you are interested to experience this issue urself. I would be very glad if someone could help me as this problem seems to make all my efforts in developing this game go to ruin sadly.

Hi, does anyone can help me? I have a video on PIXI, that is not responding to play command, however the events are being triggered ?‍♂️ http://fonosteps.com/pt/demo thank you smaller.mov

Hello i'm new here I'm trying to upload my RPG Maker Game in my Webspace. On the PC everything works fine but when I start the Game on my Phone's Browser (I tried it on a Iphone 7 and on a Galaxy S6) I get the following error: child.removeStageReference is not a function. (In 'child.removeStageReference()'. 'child.removeStageReference' is undefined) Although when i start the game on my phone with Desktop-Mode it works! The only File i found using this function was Pixi,js, does someone know how to fix it? Greetings Balgros *sorry for my bad english pixi.js

I'm urgently looking for a strong HTML5 Game Developer who has expert native Javascript experience, and ideally is familiar and worked with Phaser/pixiJS. This is a contract role with the opportunity to work remotely full time, or be based in London for at least the next 6 months, with a high likelihood of extension. Very good day rates, working for a major player in the gaming space. ***immediate start*** Please get in touch with your details on [email protected]