Water Ripple Effect Works But Has Ugly Flicker - Live Demo
Hello. I put together a water ripple effect demo:http://commins.ca/pixijs-ripple/ Each time you click, a new set of ripples is created. However, a brief flash of black occurs each time a new filter is...
View Articleline Drawing animation
i want to draw a line between two given co-ordinates & drawing animation should be visible like a progress bar but it could be in any direction. How to achieve this?
View ArticleTicker FPS
Hi, is there any way how can I set only 30 FPS for PIXI ticker? Might it help for better performance? I use a lot of sprite animations and interactivity but 60 FPS is useless for my purposes. Thx.
View ArticleTilingSprite with array of textures
Hello Pixi Developers and Users I would like first to present myself as a newcomer on the forum Im the developer of Sprite Basic Compiler Game Engine (https://spritebasic.com) It is cloud-based game...
View Articlesprite moves to mouse position problem
Hi I am trying to write a tiny program so that my sprite can move to my mouse position on the broswer (viewport content area). However, the method I am using is not accurate, the sprite always goes a...
View ArticlePlugin with Isometric Tiled Map Editor Support
Found some plugins wich suppots Tiled Map Editor but not isometric orientation. Does anyone knows a plugin wich do that?
View ArticleRandom Sprite Image
Hello all, I am new here and playing with Pixi.js using latest build but learning with old tutorials and examples. My question is I am working on a Board Game: Jackpot game Problem: I want to generate...
View ArticleClik here to view.
Centering tilingSprite whilst also scaling
Hi, I've experimented, googled and read the API and I still can't figure this out even though it is extremely simple I want my image to remain in the center of my canvas as it becomes larger....
View ArticleOptimized rendering of big amount of items
Hi there! I'm totally new in using pixi.js, and I need some help) I am using pixi.js v4, the task is to render a big amount of items (~10k circles with text for example). ... let texture = new...
View ArticleHow to update texture for AnimatedSprite
I have image with 10 different animations and 10 frames by each. On stage i have for example set of 15 diffeent objects with animation. From time to time i have to change set of animation to...
View ArticleClik here to view.
Tutorial : Handling game scenes and screen scaling with Pixi
This is my little contribution to Pixi : a tutorial about handling game scenes and auto scaling screen size. the tutorial is not about how to make game or draw thing with pixi, it's about how to...
View ArticleGL ERROR :GL_INVALID_OPERATION : glDrawElements: range out of bounds for buffer
Hi community, I have been using Pixi js for some time now, absolutely love it. I am using their latest version 4.3.4 and notice in Google Chromes Console there is 256+ Warnings looking like this:...
View Articleticker example
I've been reading the docs about the ticker class but I can't get my head around it. I was wondering if someone could give a short example of a function being added to it.
View ArticleLoader progress for texture atlas?
Hi I am using Texture Packer to create texture atlases and loading them in (which Pixi's loader supports): https://github.com/kittykatattack/learningPixi#loadingatlas It works fine but I am now...
View ArticleSVG No Texture Dimensions Until Next RAF
Hey guys.. I'm hoping this is something I'm doing wrong, but basically.. when I'm creating a new SVG, it's having width, and height of 1 until 1 frame has passed and then it has actual dimensions. My...
View ArticleClik here to view.
Animations not ending at the same time
I have three animations playing simulatenously a player a helmet a dagger It seems like the player ends last (you can see the flicker in the gif I posted) if (this.equipped.weapon) {...
View Article(V3) Correct use of loader to setup textures and sprites
var sprites = {};var loader = PIXI.loader.add('cloudstars',"imgs/cloudstars.jpg").load(function (loader, resources){ sprites.cloudstars = new PIXI.TilingSprite(resources.cloudstars.texture);...
View Articleget texture UV coordinate
Hi I'm trying to build game with Tiled editor I just made my own parser of Tiled leves, for sprite drawing I used TilingSprite class But its like really slow. Small tiled level ends up with a 9 fps...
View ArticleDynamic Line Drawing - maybe with paper.js?
Hi, I wonder what would be the most efficient (performance) strategy of dynamic drawing. I get every x timestep new coordinates from an external controller over the network where my "pencil" currently...
View ArticleUsing DeltaTime in Update(), usage of Tickers?
Hello! I got quite confused after reading code for pixiJS examples and basics. I have an update function in which I want to control my objects in such a way framerate doesn't affect things. How do I...
View Article