Word wrap in other languages
Does anyone know if pixi.js takes into consideration word wrapping for languages like Japanese where there are no spaces?
View ArticleMemory problem with personal project
Hi everyone, I'm new here in the forum and this is my first post. In my agency we have developed a small project using pixi.js and vue.js this is the address: hawa.monofonts.com The project basically...
View ArticleLoading a slice of an enormous map?
Hello, I'm just starting to learn pixi.js I want to make a game where the main character is in the middle of the screen all the time, while the map moves behind the character as it is walking. The...
View ArticleHow to use different Graphics quality for desktop and mobile devices?
If you have ever played slither.io you know what I mean. When playing on desktop the game will have better graphics quality but on a mobile browser it will fall back to coarse graphics and everything...
View ArticleMasking + RenderTexture and its positioning
Hi, first post and very new to PIXI! I'm trying to figure out how positioning works and how to do it properly. I have a few followup questions which I'll take later. Goal: Having a centered "mask...
View ArticleRender large amount of single text labels
Hello dear Pixi developers and community, my goal is to draw a lot (up to 10.000) different text labels at different positions on the stage (each label has a different text and position). This works...
View ArticleClik here to view.
webgl has hit a snag
I create pixi game. when i change tab it normal. but when i minimize browser. it has "webgl has hit a snag". and my canvas fail. console log has: "webgl: context_lost_webgl: losecontext: context...
View ArticleMethod to display captions over time
Hey there, I'm really new to Pixijs. I'm planning to develop something which will require text captions displaying over time (think banjo kazooie, spyro, pokemon, etc etc). Does pixi already provide...
View ArticleClik here to view.
Using tileset with json
I created a map/level in JSON with "tiled map editor" which uses a tileset. Fot the JSON file look in the attachment. Now in code loop through the JSON and try to create the level/map. Problem is that...
View ArticleClik here to view.
how to create effect lines like this?
How to create effect lines line this. I attack images. Line have change position. Thanks
View ArticleTop down scrolling car game, the right approach regarding camera, prerender...
Hi Been working on a top down car game for quite a while and creating my own render using 2d canvas. Looked at pixiJS and decided to update the render with that to get the benefit from webGL and...
View ArticleClik here to view.
Clipping one sprite with other using Pixi.js mask while keeping masked one...
What i need I have two sprites with transparent background textures and want to clip one sprite with other, while keeping the color of clipped one. What i tried I tried to use DisplayObject.mask...
View ArticleHow to take screenshot of current state of canvas. I'm using pixi.js library...
I'm facing problem in getting screenshot of current state of canvas, which is get rendered dynamically using pixi.js library. Below written code i'm using to generate canvas and when i use toDataURL()...
View ArticleClik here to view.
WebGL filter texture overlapping
I use a custom filter in pixi.js for blur https://github.com/louisatome/pixi.js/tree/dev-atomeV4/src/filters/triangleblur but when I use the filter on different objects, the texture of my biggest...
View ArticleReducing CPU utilization when Pixi app is in background
I noticed that in my game the Pixi Application takes lot of CPU resources when it's running. Even when it's in background or is not visible, it consumes the CPU. Two Chrome processes are constantly...
View Articleloading textures > sprites in a loop
How do I check if the next file exists or not? Deeper question: is there a 'best' or a known way to load a bunch of files/textures from a directory?
View Articlenew PIXI.Texture from spritesheet uses the entire spritesheet
let app = new PIXI.Application({ autoStart: true, width: 640, height: 480 }); PIXI.loader.resoures.add("./spritesheet.json"); /* creates a Texture using the ENTIRE spirtesheet image instead of reading...
View ArticlePIXI.Texture.fromImage() with loader and dynamic filenames?
I have a Javascript class that handles Graphics in my game, as such I have some functions dedicated to load images to be used as sprites later on. I use an asset loader however when I am trying to use...
View ArticleSlow performance on mobile
Hi for all. I'm trying to create application for mobile devices. I have some troubles with tag <meta name='viewport'>: 1. I have 59-60 fps if i set attribute content like this:...
View Articlescale.x and scaleX, specificially for GSAP
I'm using GSAP with PIXI and if I want to tween scale and position I have to make specific tweens for each. Fx.tl.to(player_1, 0.6, {y:"+=200"}, "label");tl.to(player_1.scale, 0.6, {y:1}, "label");...
View Article