bubamara

Members
  • Content Count

    219
  • Joined

  • Days Won

    6

Reputation Activity

  1. Like
    bubamara reacted to Antriel in Large number of interactive objects - Performance   
    If the hexagons are in a grid, you could avoid doing any hit tests by calculating the tile coordinates from cursor position.
  2. Like
    bubamara reacted to jnsmalm in Pixi3D: The 3D rendering library which makes it simple to composite both 3D and 2D content on the web   
    Hello!
    I have been working on a 3D rendering library built on top of PixiJS, and just want to find out if anyone would be interested to try it and give feedback.
    Pixi3D is a JavaScript library which makes it easy to render 3D graphics on the web. It works for both desktop and mobile web browsers and includes several components which makes it easy to create nice looking 3D scenes out-of-the-box:
    Load models from file or create procedural generated meshes Supports physically-based rendering (PBR) and image-based lighting (IBL) Transformation, morphing and skeletal animations Customized materials and shaders Built on top of the widely used PixiJS library which makes it simple to combine 2D and 3D You can go to https://pixi3d.org/demo/drone/ to view a real-time demo or visit https://github.com/jnsmalm/pixi3d to download and read more about it.
  3. Thanks
    bubamara got a reaction from JeZxLee in Upgraded An Existing PixiJSv4 Game To PixiJSv5 - Now Have Bad Warning?   
    it's 'Loader' with first capital letter and you need to change it for resources as well
    var loader = PIXI.Loader.shared; var resources = PIXI.Loader.shared.resources;  
  4. Like
    bubamara got a reaction from jonforum in Upgraded An Existing PixiJSv4 Game To PixiJSv5 - Now Have Bad Warning?   
    it's 'Loader' with first capital letter and you need to change it for resources as well
    var loader = PIXI.Loader.shared; var resources = PIXI.Loader.shared.resources;  
  5. Like
    bubamara got a reaction from charlie_says in PIXI Sound mp3 loop 'pause'   
    AAC LC should give you seamless playback, but not AAC HE. Can't say much about performance, but I prefer using m4a + ogg (Vorbis) as fallback.
  6. Like
    bubamara got a reaction from jasonsturges in TilingSprite offset distortion over time   
    Seems like precision problem over the time. Try adding:
    this.tile.tilePosition.x %= this.tileTexture.width;  
  7. Like
    bubamara got a reaction from rulan in PIXI Sound mp3 loop 'pause'   
    using m4a instead is the workaround
  8. Like
    bubamara reacted to Zealot in pixi-layers : PIXI is not defined   
    @charlie_says thank you for your answer, even though it didn't work in my case, it putted me on the way to what @bubamara said, I had actually found the solution but a bad config in my webpack conf was compiling the code in the wrong location 🤦‍♂️
    So yes: simply providing PIXI through the webpack config is the way, thanks everyone for your help.
  9. Like
    bubamara got a reaction from Zealot in pixi-layers : PIXI is not defined   
    Really should be mentioned in Pixi wiki as it's frequent question.. Add this to you webpack config file:
    plugins: [ new webpack.ProvidePlugin({ PIXI: 'pixi.js' }) ] ..and then only import pixi layers, spine, whatever.
  10. Like
    bubamara got a reaction from ivan.popelyshev in PIXI & DOM Inpus   
    You can also use https://github.com/EneaEntertainment/pixi-html-element-wrapper
    It will link your HTML element with dummy PIXI.DisplayObject which you can then position, rotate and scale in scene as you would with any other display object.
  11. Like
    bubamara got a reaction from ivan.popelyshev in How to change vertices of a mesh?   
    this should work:
    const buffer = mesh.geometry.getBuffer('aVertexPosition'); updateLoop(() => { // change 1st vertex buffer.data[0]++; buffer.update(); });  
  12. Like
    bubamara got a reaction from abbas jafari in input element z-Index in pixi.js   
    You're welcome. If you need to combine those two inside of pixi stage, you'll have to write your own pure pixi input unfortunatelly
  13. Sad
    bubamara got a reaction from abbas jafari in input element z-Index in pixi.js   
    yes, not possible with HTML elements. You can position HTML element only above or below Pixi canvas.
  14. Like
    bubamara reacted to Zealot in Can't get grid shader to work (v3 to v5)   
    Thanks a lot, it helped me get a working grid using a TilingSprite. The result is pretty good, and the `cacheAsBitmap` method probably helped the whole thing run even smoother, however I'm not sure the TilingSprite approach has a lot of benefits performance-wise over the looped `Graphics` elements, but I'm not sure of how to compare memory usage for the 2 of them.
    It should be fine for the scope of my project for now, I just wished I had a better understanding of shaders are they look like an excellent solution for this kind of use.
  15. Like
    bubamara got a reaction from Zealot in Can't get grid shader to work (v3 to v5)   
    You actually need to draw something to canvas plus it's missing new keyword before Sprite. Here's working demo for you: https://pixiplayground.com/#/edit/H7xf1sMhhQpzD2anLy51a
  16. Like
    bubamara got a reaction from Zealot in Can't get grid shader to work (v3 to v5)   
    You can still render grid tile to canvas, grab the texture from it and update.
  17. Like
    bubamara reacted to Zealot in Can't get grid shader to work (v3 to v5)   
    I'm not sure of how to achieve that yet, but I'll look into it. Thanks for your insight!
  18. Like
    bubamara got a reaction from ivan.popelyshev in pixi-spine: PIXI is not defined   
    you’re welcome
  19. Like
    bubamara got a reaction from ivan.popelyshev in pixi-spine: PIXI is not defined   
    the other way is to use webpack's provide plugin :
    plugins: [ new webpack.ProvidePlugin({ PIXI: 'pixi.js' }) ]  
  20. Like
    bubamara got a reaction from Magia in Extra filter + Pixi 4.3.4 + TweenLite   
    increase filter.padding to give filter some extra space
    var f = new PIXI.filters.OutlineFilter(2, 0xFFFFFF); f.padding = 20; this.filters = [f]; https://jsfiddle.net/kt663amu/1/
  21. Like
    bubamara got a reaction from Ricky in increase descrease sound volume   
    Here's the simple one for you : https://github.com/EneaEntertainment/Simple-Pixi-Slider
  22. Like
    bubamara got a reaction from ivan.popelyshev in increase descrease sound volume   
    Here's the simple one for you : https://github.com/EneaEntertainment/Simple-Pixi-Slider
  23. Like
    bubamara got a reaction from ivan.popelyshev in GSAP does not work with PIXI WebGL (Pixi v4.8.7)   
    you're welcome
  24. Like
    bubamara got a reaction from Vizions in GSAP does not work with PIXI WebGL (Pixi v4.8.7)   
    I've updated your playground:

    - don't call new PIXI.autoDetectRenderer(), use new keyword only before CanvasRenderer/WebGLRenderer
    - you've been missing update loop (animate), you just rendered stage once
    You don't need to use PIxi Plugin for GSAP, you can tween alpha directly
  25. Like
    bubamara reacted to Sincere Xie in How to create a circular progress bar without Graphics?   
    @bubamara Thank you! The answer you gave solved the problem perfectly.