Jump to content


  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by ZenBlender

  1. Triplejack is a free poker game (not real money gambling!) with an emphasis on social features and a friendly community. https://www.triplejack.com/ I built it with React, Pixi.js, TypeScript, Canvas API, and WebSockets. Back end is Java and MySQL. Texas Hold 'Em and Omaha Chat, Friends list, Messaging Multi-table tournaments, scheduled games Avatar Creator This project is still in Beta and is the new HTML5 incarnation of the Flash game that I started back in 2004! I'm excited for any beta testers or fans of poker to give it a try and give me your fee
  2. Does anyone know what will really happen once Flash is "unavailable" on browsers such as Google Chrome? I'm working hard on rewriting my game for the post-Flash world, but I won't complete it in time. I do have enough loyal players that I think for a time I could say "until the new version is ready, use this other browser or do these steps to enable Flash again and get back into the game". I'm just wondering if anyone knows what options are likely to exist for players who really want to keep using Flash. Have any browser developers stated that they will keep supporting it? Would we b
  3. Thanks Ivan, Can you please elaborate a bit on this? Are you suggesting these options improve things for Macs?
  4. Your syntax needs a little help. I'd recommend getting up to speed on syntax for working with arrays, and it might be a little clearer how to get this working.
  5. I really think you want to have "buttons" be an array of Graphics instances. I am also new to PixiJS, but it doesn't make logical sense to me that there would be a single instance that has everything in it, yet with individual properties like names. I'd refactor this so that you loop through all the buttons you want to create, each one its own Graphics instance, and each one having its own drag handlers attached. Based on what you shared, it makes total sense that the last name wins, which was your initial question. In your refactor it might be useful to put the buttons in a Container: https:/
  6. An interesting discovery: In my latest simple test, where I have a few objects in my scene but only one small AnimatedSprite, Safari shows ~6% CPU usage in Activity Monitor. For the exact same test but in Chrome, I see the Renderer process taking up ~12% with the GPU process taking up an additional ~12%. Has anyone else noticed big differences in CPU/GPU usage when switching browsers, or have an idea about improving Chrome specifically? I am using transparent mode, which hasn't had any performance effect in either browser.
  7. What is the data type of "buttons"? The naming would imply to me that it's an array of buttons rather than a single button. It almost looks like you are drawing all circles within a single interactive element rather than individual elements. In other words, how many onDragStart handlers are being attached?
  8. Thanks, I tried enabling transparency for the renderer but it has no apparent effect on the CPU/GPU usage on my Macbook.
  9. In other words, perhaps there is a default CPU/GPU hit to simply having PixiJS, but perhaps that won't worsen significantly as a lot of functionality / complexity is added?
  10. Basically, if your PIXI.Application instance is not available in a global scope, or already attached to "window", you'd need to do that in your code when the app initializes. Then, using dev tools, you can navigate to the PIXI.Application's "stage" object, and inside there you'll see "children" arrays that you can traverse through the render tree.
  11. For my game project, I've only only implemented a small amount of animation so far, but was noticing that even with my high end 16" Macbook Pro from just last year, the simplest of PixiJS applications can cause the fans to come on, even when my game is only covering 1/4 of the screen. That seems a bit odd. I looked in Activity Monitor and I see Google Chrome Helper (GPU) will be using around 16% CPU and Google Chrome Helper (Renderer) around 11%. Fans are clearly audible, which seems extreme. Besides the distracting noise, I'm concerned about battery life. So then I simplify things as muc
  12. I'm not sure if this works for your use case, but I recently wrote about doing functional testing of the canvas element. This involved attaching arbitrary attributes to the Pixi render tree, and then attaching the Pixi application to the window object. From there you should be able to interactively look into that tree of objects, using your browser's dev tools for example. I'm using react-pixi-fiber but maybe the concepts translate to the particular setup you're using. Here's the post: https://medium.com/@zenblender/functional-testing-of-a-hybrid-pixijs-react-app-281ed5ea04b3
  13. I'm working on a large solo game project where I am attempting to use a combination of traditional DOM elements (React) and canvas elements (PixiJS and react-pixi-fiber) in the project. I wanted to gain visibility into the canvas element in a functional test, and didn't immediately see any libraries or posts explaining how this could be done. I've come up with a process that works for me, using Cypress, and wrote about it. Perhaps someone gets some value from this, and I'm happy to discuss testing and PixiJS! Thanks! https://medium.com/@zenblender/functional-testing-of-a-hybrid-pixijs-rea
  • Create New...