Clik here to view.
Apply a Graphics as filter of a BitmapText
Hello everybody, I've a simple question, forgive me, but I'm new to this world. I'm wondering if there is a "built in" solution to apply a Graphics object as filter of a BitmapText in Pixi.js 4.5. I...
View Articleboilerplate setup
Needed to start a commercial project that's going to be browser based... and though I got by doing some nighttime stuff in the past I needed to force myself to setup something a bit more robust. Hope...
View ArticleHow to properly load resources on the fly with new resource-loader?
As of one of the latest versions of Pixi (I'm not sure which as I just recently updated) the version of resource-loader was updated and the old loader functionality which used to just warn the...
View Articlebest-practices approach to painting?
I have some code which works just fine, but I'm not sure if there's a better way of drawing lines on the screen with a texture-brush and I also have a question about erasing Here's what I'm doing atm:...
View ArticleBlurred Lines
I want to draw a polygon, for simplicity let's make it a triangle. var graphics = new PIXI.Graphics(); graphics.lineStyle(5, 0xFFFFFF, 1); graphics.moveTo(10, 10); graphics.lineTo(100, 10);...
View ArticleContainer keep and scale on resize
Hi, i trying to implement different resizing styles for different containers. Right now i have to choose between: public height: number = window.innerWidth; public width: number = window.innerHeight;...
View ArticlePIXI Setup with typescript and pixi-extra-filters
Hey guys, we're having trouble using the pixi-extra-filters module in our project. Could someone check if this setup is wrong?package.json:...
View ArticleHow to crop json texture
Hi, i trying to do exacly the same think as posted here: But, using json textures on object that extends PIXI.sprite public cropTexture(x?: number, y?: number, width?: number, height?: number): void...
View Article3d plugin performance
Hello, I need to add some 3d functionality to an existing project. That project is based on lastest PIXI build (so I can't use PIXI fork by ivan.popelyshev), and I decided to write a plugin that...
View ArticleImporting plugins/spine in angular2
Anyone know the correct way to get plugins like pixi-spine into Angular 2 or Ionic 2? import * as PIXI from 'pixi.js'; works for getting the base pixi library in. But, how do you do something like...
View Articlewebfont looks terrible in retina screen
Hi guys, i implement resolution, but it looks aweful in webgl. any help I will appreciate it, many thanks
View ArticleMassive Sprite optimization
I have the specific requirement of using a Sprite to provide a mask for an entire tile-less terrain. So it can't be segmented into smaller pieces - container.mask will only accept 1 sprite as its...
View ArticleProblems displaying sprites
//Globals var width = 900; var height = 700; var app= PIXI.autoDetectRenderer(width,height,{backgroundColor : 0x1099bb}); var animationStages = {menu:0, highscores:1, shop:2, options:3,exit:4,play:5};...
View ArticleClik here to view.
Sprite as a mask problem
Hi, this is my first post I'm trying to use an image (png) as a container mask, it seems to work well on macOS but on Windows 8.1/10 ( ie11, edge, firefox 53) mask has no effect. Here is the simple...
View ArticleAnimation of sprite movement
Hi, i wondering how properly animate movement of sprite ? In pixi example it is clearly shown that sprite could be animated by increasing x / y axis. But if i want to move something quickly then i...
View ArticleHow to win at PIXI.extras.BitmapText ?
hi, I'm trying to get bitmap fonts working, with little success. Now, the font that the pixi example uses, does work, e.g. -...
View ArticleInput Forms in pixi
Hello everyone, first of all I am almost completly new to the whole javascript world, especially pixi.js. But due to I am planning to get a graphic intense project done, I try to figure out wheater...
View Article2.5d grid, matching sprites
Hello, I am trying to get a "building" engine done. Where the user can place building on a 2.5d grid via drag and drop. Generating the grid was rather simple (code appended in the end). But I am...
View ArticleCreate an array of sprites with Pixi load?
I'm working on a small card game and I'd like to make an array of sprites to make the code more readable. What I mean is I have hearts,spades,clubs and diamonds and I'd like each to be its own array...
View Articleinfo from Loader.onLoad
when calling loader.onLoad.add() it seems that it's the loader itself which is passed. For example this runs correctly in Typescript: loader.onLoad.add((e:PIXI.loaders.Loader) => {}); How do I get...
View Article