Wobbly pick-up effect
Disclaimer: I know this sounds nooby af, but I don't even know how it's called what I want and I do not search for a solution, I search for ideas.(: Maybe you guys played Hearthstone, or any other...
View ArticleGame Engine, using Pixi.js, Typescript, gulp & webpack
Hi guys, I am relatively new to game development, but I have to say I love it. I want to start the development of a game of my own and I decided to try creating my own engine, mainly for the purpose...
View ArticleClik 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 ArticleAnimate drawing along a bezier path
Hey, I have some problems with drawing the animation using pixi-tween. I want to animate a drawing along the bezier path. I am basis on this example ->...
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 ArticlePixi and React
I'm playing around with PIXI and React... I have a basic animation running from within a React component... the function that handles this gets called on componentDidMount()... the parent component...
View ArticleA few questions about pixi.js on building agar.io
Recently I am building an io game like agar.io. But I encounter 2 problems now. First, after reading up some articles in this forum about the camera on pixi.js.I found the best way is to set pivot to...
View ArticleUi testting tool for pixijs
Hi, I need some info on UI automation testing of pixijs webapp. We tried with Protractor & Katalon studio but couldn't able to detect the elements rendered by Pixijs . Any help on which...
View ArticleCacheAsBitmap and reuse
Hi all Im working on a new slot prototype and had a bit of a thought about creating reelstrips to use for different animations, and just wanting a little advice on best approach. Because I've had...
View ArticleRecognising when a user is clicking below a particular sprite
I have a game, built using pixi.js, where I want to run some code every time the user presses below a certain sprite. I am handling the press event using hammer.js. The problem is that the y attribute...
View ArticlePerformance Issues with an interactive parallax demo. Fixable?
This little project I'm working on used this excellent proof of concept as a reference for creating a responsive, interactive parallax experience. Check it out to get a good idea of what's going on...
View ArticleCreate multiple rectangles of multiple sizes
I am currently creating a rectangle like so: Quote export function Rectangle(width, positionX, positionY) { let rectangle; rectangle = new PIXI.Graphics(); rectangle.beginFill(0xFFFF00);...
View Articledetect collision with sprites in Container
I am creating the following container with multiple sprites: Quote const rectangles = new PIXI.Container(); const interactionManager = new PIXI.interaction.InteractionManager(stage,...
View ArticleText Input?
What is the best way to make a Text Input? I've been researching for hours and trying so many things and can't seem to get a text input working at all. When using a regular HTML text input, the...
View ArticleCopying Rendered Sprite to New Texture
So in my previous post on these forums, I got help using some PIXI filters. Great. Now, I want to turn the filtered result into a new Texture object so that I can use it in a 3rd party system. I...
View Article2D Camera
I've taken a look at pixi-viewport and I really like it except for the ease drag part and the fact that it can't return a PIXI.DisplayObject that I can add myself to the stage and render it. t So...
View ArticleHow to draw an infinitely zoomable SVG file?
I have a detailed SVG file, and I want to be able to zoom in and out of it in-game, by a large factor, in realtime, while still maintaining perfectly crisp antialiased edges. From what I've gathered,...
View ArticlePixi Spine runtime error
I'm trying to use some spine animations in a large Pixi application at work. It's mostly working but I'm getting intermittent runtime errors coming from the Spine objects. This error is:Uncaught...
View ArticlePIXI es6 & Babel
Hi all After a few working projects in PIXI on es5, we're now starting to try and build a framework using es6 & babel. We have a boilerplate setup and have got the basics working, though it is...
View ArticleAdd raw WebGL texture to Pixi.js
Hi, I want to create a PIXI.Texture from a WebGL texture. Unfortunately, I have not managed this yet. My WebGL texture is created in the same WebGL renderer context as Pixi with...
View Article