• Content Count

  • Joined

  • Last visited

  • Days Won


ivan.popelyshev last won the day on March 21

ivan.popelyshev had the most liked content!

About ivan.popelyshev

Contact Methods

  • Website URL
  • Twitter

Profile Information

  • Gender
  • Location
    Moscow, Russia
  • Interests
    Pixi.js, Topcoder, Codeforces, ninjas and bombers

Recent Profile Visitors

6,956 profile views
  1. ivan.popelyshev

    Aliasing when shadow filter is applied

    Its difficult part of code ,it had many bugs and i think there are still many left. I recommend study how it works and use getBounds() renderTextures and other stuff like removing sprite from parent before caching to udnerstand why its difficult. I have custom caching for filters that takes care of very huge stages from big collection of SWF files and i still have bugs in it I will publish it in summer maybe. Welcome to hell.
  2. ivan.popelyshev

    Aliasing when shadow filter is applied

    antialiasing works only for main framebuffer. Any filter, renderTexture will ruin it and its webgl problem, not pixi. In WebGL2 its possible to use AA on created framebuffers but pixi-v5 doesnt support that yet. Well, if scale is near 1 you can try adding a transparent frame around the card for the texture. Another approach is to photoshop your shadows into PNG files and use extra sprites to show them, and its fastest approach.
  3. ivan.popelyshev

    Extract with smooth edges

  4. ivan.popelyshev

    Extract with smooth edges

    yeah, dont pass anything to base64() and it'll take image from the screen framebuffer that has AA enabled. The problem is that you can take it only immidiately after app.render() because of special cases regarding browsers. I'm afraid that full answer on that will take 30 minutes from me and i dont have that time. Please read the extract plugin code in pixijs github if what i said is not enough.
  5. ivan.popelyshev

    Problem creating/removing sprites on button click

    I can tell you why it happens: "image" is a global variable , it holds only last image that was added. There's no way for your function to get images that were added before it. Its a javascript problem, so Im really cant help you because I think that people should deal with that on their own. You'll have 1000 problems like that in the future. Just take a cup of tea, a list of paper, a pen, read what Array and Stack is, look at PIXI.Container documentation and think about it. Stop tormenting the keyboard.
  6. ivan.popelyshev

    Recommendations on project organization and references

    Then pure typescript with namespaces will do just fine. Compile your stuff in js, and include it from html with pixi and plugins that you use. I can make easy boilerplate for that, without webpack and other wrappers. Do you prefer pixijs v4 or v5?
  7. ivan.popelyshev

    Placing objects in a 48px grid

    I know whats wrong with it. Whats your css? "width=100%; height=100%" ? Make sure that css size of canvas element is exactly its width/height. Check if you use any "translate(stuff)" operators in css. Read this paragraph: https://github.com/pixijs/pixi.js/wiki/v4-Gotchas#css-transforms-on-canvas If you have scale on stage to compensate for something, dont forget to transform mouse coords to local with "worldContainer.toLocal" (its about parent) or http://pixijs.download/dev/docs/PIXI.interaction.InteractionData.html#getLocalPosition , actually same thing, calls toLocal somewhere in the code.
  8. ivan.popelyshev

    Recommendations on project organization and references

    The next step is to load something from the format of your choose, you need better access to it. For example, my friend has Tiled exporter https://github.com/eXponenta/pixi-tiled (there's pixiv5 branch if you need it) it does have a mechanism for requests by name but its not that good. You cant just tell "element1.element2.something" like Flash allowed us. I know that Pix2d editor author is working on something better for his format Anyway, its one of many topics that pixi doesnt cover , people invent things on their own, there are numerous plugins of dubious quality, but its not solved. Be creative, find your own way, share it if you aren't shy.
  9. ivan.popelyshev

    Placing objects in a 48px grid

    Floor or | 0 is fine too
  10. ivan.popelyshev

    Transform DisplayObject.getBounds() to window coordinates

    There's Accessability plugin that maps divs to containers, you can copy some code from it: https://github.com/pixijs/pixi.js/blob/dev/packages/accessibility/src/AccessibilityManager.js#L271
  11. ivan.popelyshev

    Recommendations on project organization and references

    1. no recommended strcture, copy something from https://github.com/pixijs/pixi.js/wiki/Boilerplate or use whatever you want if you already made several web-applications 2. After "loader.add('name1', 'mystuff.png')" that will appear in "loader.resources["name1.texture"]" or in "Texture.from("name1")" . If you are talking about instanced elements, make a recursive function that searches for a name. Here's simple mixin for one-level container: https://github.com/pixijs/pixi.js/blob/dev/packages/mixin-get-child-by-name/src/index.js Some people build pixi tree on top of react basic functions and access everything through react API But that doesnt mean there's a lib that you can just include and get the same result. You are on your own on this task.
  12. ivan.popelyshev

    Fading trail

    Here's the second one, super-v5 stuff: https://pixijs.io/examples/?v=v5.0.0-rc.2#/textures/gradient-resource.js Yes, you can use it as an alphamask. Why do you need though? Your trail is simple rectangle, right? In fact, that's one of common mask use-cases in Flash: alpha gradients. Its shame we cant replicate all that Flash stuff even after several years of coding.
  13. ivan.popelyshev

    Fading trail

    Im working on second one, exclusively for v5
  14. ivan.popelyshev

    Fading trail

    First demo will be here in 5 minutes or so : https://pixijs.io/examples/#/textures/gradient-basic.js It took me only one cup of soothing tea.
  15. ivan.popelyshev

    Draw a line from an SVG path

    Path2D is awesome but pixi doesnt support it, and I have long-term plan of adding more Vector-related plugins to pixi. Maybe you can salvage something from https://github.com/bigtimebuddy/pixi-svg ? I mean that you look at their source and see if there's actuallly a parser for strings or something like that to create your own PIXI Path that works with Graphics?