Clik here to view.
KittieFIGHT - Cryptokitties Real- time Dapp Fighting Game...
Dear community, I would like to introduce you all to KittieFIGHT; our game built with pixiejs and spine. Its a blockchain game that uses the Ethereum platform and kittens from CryptoKitties...
View ArticleDealing with large background textures
Hello Everyone, I'm doing a game where I have 3 big images overlapped as background, each one has 2560x1440 with transparency. I have all this images in a Container and I realized that setting this...
View ArticleChange renderer antialias setting at runtime?
Hi, I'd like to give the users the possibility to turn off antialias at runtime, is there anyway to do it? Changing renderer.options.antialias at runtime does nothing. I've thought of just refreshing...
View ArticleSprite Tint on Canvas
Hello, I'm seeing this behaviour that I can't understand, when applying a tint color to a sprite while using canvas as renderer. Right now for CORS reasons we're forced to use canvas in our app. I say...
View ArticlePIXI.js doesn't render my sprite.
Hi all. My PIXI.js code doesn't render my sprite. What is the problem? I checked the all file directions and all of them are correct. I get just only black screen. Here is my code: let...
View ArticleThoughts on optimizing a very large board
I'm working on a roguelike which is going to have multiple levels active at once with each level being very large. Think several 64x64 chessboards with only a 8x8 area of one level visible at once....
View ArticleTexture caching problem
Hi, I'm trying to load 4 images, and then generate array of random sprites, but i get In chrome console: Debug: GET http://localhost:8081/dist/symbol_2 404 (Not Found) BaseTexture.js:795 BaseTexture...
View ArticlePixi Canvas is coming white on mac safari
Hi, I am trying to display only the text content which is there in pixi example port. Everything is working fine in all the browsers except safari. Earlier it was working fine but from past 2 days...
View ArticleHow to make Text seletable in PIXI v4?
Suppose I have a PIXI.Text object and I want to use my mouse to select a few letters inside the text like I do in a text input. How can I achieve this? What events should I listen to? Is it...
View ArticleClik here to view.
How to render 10 000 optimized rectangles on stage / Weird problem with...
Hi, In my application in need to draw from 1 to 10 000 rectangles on stage. When I was using graphics I have no problem with rendering, but I had a problem with performance. I found out that if I...
View ArticleSpine (Keyframed) V Animated Sprite Performance
Hi all, I'm working on a new slot game for mobile, some of the win icons may likely be spine animations, but some may work better as keyframed. Having them all as spines would be simpler, but if the...
View ArticleTools to make custom layouts / positioning of images
I need some tool with a GUI, to make custom positions and containers and export those images as spritesheet. Right now, I m trying dragon bones to make that with the armature but I m thinking there...
View ArticleClik here to view.
Resizing Game Problem
Hi, i'm looking to get any solution form resizing the 'game' correctly in desktop and mobile screens but no way. I get the background image (sprite) non centralized and zoomed stage. Anyone can tell...
View ArticleAnimated GIFs
All the sprite assets for the game I am making are in animated GIF form. There are hundreds. Is there any way to load and play them in PIXI.js without splitting them into individual frame image files...
View ArticleInteractive arc graphics
Hi, I`d like to create an interactive graphics with arc. var arcGraphics = new PIXI.Graphics(); arcGraphics.lineStyle(30, 0x000000); arcGraphics.arc(300, 300, 60, 0, Math.PI * 2 / 8); Using hitArea =...
View ArticleClik here to view.
pixi-tilemap cannot get CompositeRectTileLayer() to load textures from...
Hello, I have come across a problem with pixi-tilemap. I created a small application to show this problem off and see if anyone can help me. It can be viewed on github HERE or seen below: export...
View ArticleIs there a way to manually slice up an existing spritesheet?
I have a .png with a deck of playing cards on it. Unless I missed something, TexturePacker doesn't have a way to build a .json file from an existing sheet where elements have known dimensions....
View ArticlePixi.js quickstarter with parcel (HMR, typescript, unit testing)
Hi, I am working now with some projects involving Pixi.js I have made a quickstart project, with the minimum tooling, in order to start developing with Pixi.js from 0. It uses Parcel and all its...
View Article2 questions about optimization with PIXI.JS
Hello, I have 2 questions regarding the optimization on Pixi.js On this page https://github.com/pixijs/pixi.js/wiki/v4-Performance-Tips On the Sprite part it says: Use spritesheets where possible to...
View ArticleHow to do 2D morphing with Pixi.js
Hi guys, Here is I would like to achieve : morphing simple 2D shapes (polygons with like 15/20 vertices) using WebGL. People told me Pixi.js would be a good move to do this, but I don't see how I...
View Article