Clik here to view.
Animating texture along PIXI.Mesh.rope
Hey guys, I'm wondering if there is a way to animate the offset position of a texture when applied to a PIXI.Mesh.rope. My goal is to have the texture "flow" in one direction. The texture in question...
View ArticleClik here to view.
How to apply two textStyle to One Text
What I want to achieve: I want to highlight the first word of each sentence. (See the attached image) I don't want to use two different Text object to achieve this, since it would be very difficult to...
View Article[SOLVED] I need a simple project in the archive for Browserify with Pixi.js5...
I want to use Browserify with Pixi.js v5, because I want to create a lot of examples for learning and I do not want to use Webpack (Gulp, Grant and so on) because they require a lot of disk space on...
View ArticleCan you crop a renderTexture? OR copy only part of a displayObject?
Hi there, I have a collection of sprite animations happening inside of a PIXI Container. I need to take a rectangle section of this animation and display it inside of a Spine animation using a Mesh....
View ArticleSprite Scaling according to the screen resolutions
Hi, How to scale sprite proportionally according to the screen resolution, is there any in-build functions in PIXI. In Phaser, we can easily do this....
View ArticleClik here to view.
Tiny gaps between jigsaw puzzle pieces
Hi! I have a jigsaw puzzle, each piece is created with bezier curve mask. When the puzzle is complete there are tiny gaps between the pieces. How to avoid that behavior? Antialias is set to true.
View ArticleDisplacement map question..
Hi Everyone! I have a general question about displacement maps in v5. I've noticed that when the displacementSprite is added to the container, the effect scales to the entire container size, rather...
View ArticleUsing renderTexture in Three.js
Hey, just wondering if it would be possible to export a pixi.js renderTexture so that I can put it into a three.js plane? I have been trying for a while and can't seem to get it to work. I am doing...
View Articlepixi-spine: PIXI is not defined
Hi Everyone! I'm trying to install and use the pixi-spine plugin with es6 and webpack. The docs recommend importing it like this: import * as PIXI from "pixi.js"; window.PIXI = PIXI; import...
View ArticleClik here to view.
how to hide overflow text in container
I am working on displaying a text with background color in pixi. I could not able to hide overflow text (see attached) . I have added bit of related code below. Please someone help me!! renderer(){...
View ArticleSetting Spine skins..?
Hi Everyone! Just wondering what the the current practice is for setting skins in Spine? I tried the following, based on this...
View Articleimage rotation in atlas file for spine
Hi everyone! I used the json and atlas file for using spine in pixi.js But the rotated pieces of image are not converted to correctly. So i wanna rotate some pieces in the programming Thanks.
View ArticlePixi.js for mobile apps
Hi there! So recently I ported my game client to PixiJS and used it to make a mobile app. Meaning what I did was I wrapped my Pixi client inside Cordovoa (pointing to the webpage) However I found a...
View ArticleClik here to view.
Layered Lighting System Using Masks Issue
I've been trying to sort this out for a bit. I'll try to keep it simple. I'm using pixi-layers & pixi v4. I have Sprites that use a texture (generally png) as a light. This gets added to the stage...
View ArticleClik here to view.
Event pass through overlapped sibling sprite
I have two overlapped sibling sprites, and they are NOT nested. const spriteA = PIXI.Sprite.from(...) app.stage.addChild(spriteA) spriteA.interactive = true spriteA.on("pointerdown", () =>...
View ArticleCross-origin problem with video
I'm using pixi.js 4.8.8 and getting the cross-origin problem trying to load a webm video. I've read the other posts on this issue, but can't resolve it. I did set videoElement.crossOrigin =...
View ArticleHow to make a text and graphic clickable in pixi5?
const font = new PIXI.Text('TJXY'); font.anchor.set(0.5); font.position.set(renderer.screen.width / 2, renderer.screen.height / 2); font.interactive = true; font.buttonMode = true;...
View ArticleSpine-Pixi: Pause at specific time
Hi Everyone! Another Spine question! Is it possible to set and pause the animation at a specific point in the timeline? I could find this in docs, but if anyone could point me to the correct...
View ArticlePixi.js Showcase
Made anything cool with pixi.js? Post it up here and share it with the world! Whether it's a cool game demo, a fully fledged website or some tripped-out crazy experiment, we would all LOVE to see it!...
View ArticleHow can I detect multitouch?
Is there a way to detect multi-touch for mobile phones in pixi.js? And if not what would be some recommended steps to take?
View Article