Jump to content


  • Content Count

  • Joined

  • Last visited

About KamiFightingSpirit

  • Rank
    Advanced Member

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. On this, for some reason if I don't have an image size of 1024*512 Microsoft Edge won't continuously update the image and will instead just blur the image (repeating the same pixels on the texture update?) Not sure if you have encountered this before, but if anyone has any ideas could you help me understand what could be going on?
  2. I believe it is happening because the higher z-indexed parent's siblings are always indexed higher than the children of that parent ( their nieces/nephews). Is there a way to remove the connection between the parent's z-index and it's children and instead just use a global z-index?
  3. I have a container that is filled with objects, each of these objects have children. When the user hovers over the objects the children appear visually on the screen. However, the children do not appear in front of all objects in the grandfather container, only it's immediate parent. Is there a way to make it appear in front of all objects in the grandfather container as well?
  4. I fully appreciate your help! And I did go through the source code (I have pixi.js always open and go through classes all the time now). It's just hard to understand when you're pretty new and have no one around to ask but online! It is often easier for me to get an intuitive sense for the code and then go in and figure out the details for confirmation. For instance, reading through what you linked, I have questions on the _variableName. I know the "_" designates private variables, but how this all works and their correct usage is still pretty confusing to me (what makes something
  5. Are the runners kicking off the init() functions in each of the different files? So they are kind've like a set of switches, that each time a file is opened, they try to run certain functions? In your example case those function names are: this.runners = { init: new PIXI.Runner("init", 0), load: new PIXI.Runner("load", 0), beforeAdd: new PIXI.Runner("beforeAdd", 1) }; And this is kicked off for each file via: this.addComponent((this.assets = new Assets(this))); this.addComponent((this.phys = new Phys(this)));
  6. I'm going through your app, can you help me understand these runners? in app.js you declare your runners: // Application components this.runners = { init: new PIXI.Runner("init", 0), load: new PIXI.Runner("load", 0), beforeAdd: new PIXI.Runner("beforeAdd", 1) }; Then in assets.js, after loading up your image assets, you kick off a runner using the .run() method: loader.load(() => { this.app.runners.load.run(); }); but I don't understand what this is doing now? What is it executing? I read through the documentation and l
  7. Would this be the same for a website? Is there some sort of dynamic router that I can use if I am linking everything through a single PIXI.app?
  8. Hey! I have a question about writing clean and DRY code. Do people generally just have one file for a single page app and put everything within their loader.load(setup) function? Or is splitting stuff off from that and using modules better? Some of the code that I have written so far and currently cleaning up: https://github.com/KamiFightingSpirit/pixi-particles/blob/master/test/pixi-v5-iife/isometryTest.js If you could point out anything glaringly bad I would appreciate the feedback! I want to improve!!
  9. Yeah, it's just hard for me to know what is possible with my stage in development. I'm always worried about spending hours on something which is an obvious dead end to someone with more experience. I am reading through the source code more and it is helpful and I have gotten used to reading the API docs which is awesome, but there is still a lot of experience I need in order for the source code to be as helpful as I know it can be. That will come in time. I'm learning a ton through this project and this community!
  10. Took me a bit of thinking, but got what I needed with the following (where planetOrbitControlArr is an array of all my planet objects): planetOrbitControlArr.map(planet => { planet.graphic.zIndex = Math.floor(planet.graphic.position.y); });
  11. Do you mean, /** @class */ for how to search for a class?
  12. Hello! I am back yet again. I have a quick question on Pixi-layers: https://github.com/pixijs/pixi-layers I am building a solar system and want the planets to orbit a sun at it's center. As such, when a planet has a lower y-value, I want it to automatically be placed in the background (have a lower z-value) and when it has a higher y-value I want it to be placed in the front. I saw this example: http://scottmcdonnell.github.io/pixi-examples/index.html?s=display&f=zorder.js&title=Z-order&plugins=pixi-display However, this is event driven. I want it to be constant
  13. Hey, For my program, I have a loader which loads a bunch of assets, after loading it calls the setup function. It does this via: loader .add("./assets/plutoShrunk.jpg") .add("./assets/sun.jpg") .add("./assets/mars.jpg") .load(setup); My setup function then does everything else (creating containers, creating textures from resources, drawing graphics etc) including kicking off the ticker. At the bottom of my setup function, but still within its scope, I have added some event listeners: //Add event listeners plutoGraphic.on("mouseover", plutoHoverEffects); pluto
  • Create New...