Questions tagged [pixi.js]

A fast, JavaScript-based 2d-rendering library

An HTML5 2D rendering engine that uses webGL with canvas fallback.

Pixi.js allows you to use the power of WebGL for rendering 2D-scenes, it is not going into the details of implementation, more than that, it is able to determine the availability of support WebGL, and switch between modes of rendering. In the absence of WebGL rendering is performed by means of canvas. In addition to Pixi.js implemented a scene graph, the support of textures and sprites, it adds support for interactivity - sprites can hang on mouse event handlers and touchscreen.

The authors are positioning Pixi.js as 2D-analog Three.js, and argue that although the game - the first thing that comes to mind at the sight of their engine, it is quite low level, so it can be used wherever required intense 2D-animation, for example in sophisticated graphical interfaces. In the development of the main efforts were focused on speed and simplicity of API.

Pixi Home Page: http://www.pixijs.com/

Github Project Home Page: https://github.com/GoodBoyDigital/pixi.js/

1003 questions
-1
votes
1 answer

Overflow not working for (pixi) canvas positioned outside it's parent (offscreen)

On flowen.me, I'm using the PIXI canvas to generate an effect (it's my photo with a scroll effect). I have tried different elements with overflow: body, div child of body containing all other elements, parent element itself, etc. But the horizontal…
flowen
  • 536
  • 4
  • 23
-1
votes
2 answers

Store user's drawing with javascript

I need to store a path drawn by user, along with the speed at any given point. Basically record how a line is drawn. I must be able to manipulate/edit the drawing (path and speed) afterwards. Something like this but also with speed/velocity…
AxlSmith
  • 243
  • 1
  • 4
  • 10
-1
votes
1 answer

Advice on how to accomplish background scrolling in all directions

I'm trying to figure out what is the best way to begin creating an effect like (https://howifight.53.com) where the background is scrollable/draggable in all directions. I know the technology behind this is pixi.js however, I can't seem to dig out…
-1
votes
1 answer

Bad performance in PIXI.JS

i´m creating an editor to make printable shirts and I use three js with pixi js. My objects like shirt or cup is in three js and workplace like canvas, where I can edit everything is from PIXI. And that is a problem I think so. My container has…
Kristián Stroka
  • 698
  • 1
  • 8
  • 23
-1
votes
1 answer

Gridify Images like Pinterest Layout on Canvas

I am using pixi.js to create an interactive app. I need to place images in different containers on the screen in the form of pinterest like layout or gridify them so that they look organize and nice. As Im working on canvas so plugins like…
Mubi
  • 54
  • 1
  • 8
-1
votes
1 answer

Best practice: Rendering volume (voxel) based data in WebGL

I´m searching for a (or more) best practice(s) for the following problem. I´ll try to describe it as abstract as possible, so the solution can be applied to scenarios i have not yet thought of. Data available: Voxels (Volumetric Pixels), forming a…
-2
votes
1 answer

How to build a Parallax Scroller with Pixi.js

I'm having a problem with the pixi.js "Building a Parallax Scroller with Pixi.js: Part 1" tutorial. Parallax Scrolling Demo