Clik here to view.
Efficient way to create many textured ropes of different lengths?
I have a horizontally tiling texture that I want to use to create flexible ropes in PIXI. I followed the same general path as is mentioned here, and it works, however I do have a slight worry. Every...
View ArticlePointer events missing for sprites in masked container
I've found some strange behavior in interactivity events of display object inside a masked container. Not sure if this is a bug or just a questionable decision; anyway, it poses some problems....
View ArticleClik here to view.
Frame does not fit inside base Texture dimensions
var imageContainer = new PIXI.Container(); PIXI.loader.add("http://127.0.0.1:54508/resources/data/data.jpg").load(function(loader, resources){ var base =...
View ArticleHow to continually update the image src of a...
I am trying to constantly update the source of my PIXI.Sprite(resources.image.texture) to match the source of the image that has entered the viewport, while keeping the same displacement map running...
View Articlecontrib: FpsAutoTuner - Or, how I auto-adjust the FPS my app runs at for...
I've got a situation my physics simulation is running at high framerate (60fps), but some devices my app runs on cannot run the graphics (PIXI) at 60fps without causing the physics simulation to...
View ArticleClik here to view.
bounds of pixi.graphic unexpected behavior
Hi, I was playing around with a selection tool in my application and i wanted to highlight the current selected objects with a simple outline. However i noticed very strange behavior that i will...
View ArticleClik here to view.
How to rotate multiple sprites as one?
I want to rotate player's both body and hands simultaneously but i couldn't figure out how to do it. My player looks like this and I want to be able to rotate it like this The body and hands are...
View ArticleClik here to view.
Fading trail
Hi, I'm trying to create a fading trail using minimal graphic/sprite objects. Right now I have an object that is always moving at the same speed and direction, and I would like it to have a trail...
View ArticleDraw a line from an SVG path
Hi guys, I'm trying to draw a polygon/line from the coordinates of an svg path. I thought to use the path2d method, as it works correctly on native canvas, but I cannot make it work with pixi and...
View ArticleBest practice for creating an arrow though image gallery?
So I have loaded an array of images and added one to my stage. Basically I want to click through the image sprites that I have loaded with the left and right arrow keys. I thought about adding them...
View ArticleTransform DisplayObject.getBounds() to window coordinates
I have a PIXI Application in a canvas (not the whole window) with scroll. I have a DisplayObject (Graphics) and I need its bounding rectangle in window coordinates. How can I get this? Method...
View ArticlePlacing objects in a 48px grid
I don't know if it fits this forum but i'm gonna ask it anyway, feel free to remove if it doesn't belong here. I'm making a tower defense-like game and i want players to be able to place objects...
View ArticleRecommendations on project organization and references
I've just started with Pixi and HTML5 in general. All the examples I've seen this far handle all the code in a single file, which seems unrealistic even for a small game (drawing analogy to Unity and...
View ArticleProblem creating/removing sprites on button click
I am trying to create a click through image gallery for a project in pixi. You can see in my fiddle when you click on the right side of the screen it adds the next image. The problem is when you click...
View Articleright click event
hello all, actually i try a lot of example from pixi , And I try to catch right click for delete sprite from bunny example : https://pixijs.io/examples/#/demos/dragging.js So it's possible to get...
View ArticleExtract with smooth edges
Hello, Is there way to extract webgl canvas to image with smooth edges? https://codesandbox.io/s/r54q7365yq import "./styles.css"; import * as PIXI from "pixi.js"; import * as Viewport from...
View ArticleClik here to view.
Aliasing when shadow filter is applied
I'm seeing some significant aliasing artifacts when a DropShadowFilter is applied to a sprite, unless cacheAsBitmap=true. Normally wouldn't be a problem as I'd just cache it as a bitmap, however I'm...
View ArticleUpdating shared ticker in inactive tab
I have a problem with AnimatedSprite in inactive tab. If you leave the tab after the start of the animation (goToAndPlay()), the event onComplete() does not work. Why is this happening? I try update...
View ArticleResolution devicePixelRatio
What are some situations when people don't want to use it? Is it safe to use devicePixelRatio in renderer resolution or do I need to do (devicePixelRatio || 1)?
View ArticleClik here to view.
deep and child
hi all , I have make some button in my script for show/hide some object like that : var background = PIXI.Sprite.fromImage('images/sol2.jpg'); app.stage.addChild(background); var varbg = 1; function...
View Article