pixijs | Super fast 2D rendering engine for browserify | Graphics library

how can i render a canvas inside mithril ?

here is my typescript code :

I'm currently learning GLSL with pixijs, and I'm seeing strange behavior with this simple conditional in a super simple script. Basically, the code asks if the absolute value of x-coordinate is <= 1, greater than 1, or something else.... and the "something else" branch fires!

To clarify, a number will be less than or equal to 1, or greater than 1, there should be no other possibility (unless I'm having a brain fart :-) )

More context: resolution is a uniform with a value of [10.0,10.0].

Can someone explain how this could be possible? The only thing I can think of is that the x-coordinate isn't a float. Is that possible?

As the title states, when using Pixi.js in SvelteKit, ONLY and ONLY while building the application, it will spit out a "self is not defined" error, and it traces back to the @pixi/settings module. I have tried every possible way that I know to fix this. First I used a shim to give it some dummy information, but that didn't work:

How can I create effect like on this site (work links)

https://monopo.london/work/

I was trying implement this example, but can't change black background with another image.

https://pixijs.io/examples/#/masks/filter.js

Please, HELP!

Im trying to load a spritesheet in pixijs according to the official documentation: http://pixijs.download/release/docs/PIXI.Spritesheet.html

The following is my code:

how can i wrap sprite in something like container Something like in HTML:

I've been exploring JavaScript game development utilizing the HTML canvas and Socket.io, and I just came across the canvas framework PixiJS.

I decided to try it out, so I started a new project and npm install-ed express, socket.io and pixi.js. I did a typical express and socketio static server, serving '/public'

'./index.js:'

I am trying to design an entity-component system in typescript. My goal is to create a variadic generic abstract System class that takes component classes as generic arguments.

The idea is that derived System classes can be declared with the components they use. They can then use this information (the component class objects) to pull the subset of entities they operate on from the list of all entities. This subset is the set of entities that have the required components.

For context, I have included the component and the entity code first:

I'm trying to unravel a bit of the dark unknown that is webgl via PixiJS library. At this point, it probably should be noted that I haven't used PixiJS for awhile either, but it seemed to be a much more preferable approach than to manipulate the lower level underlying webgl state.

My logic is currently this: I create two buffers ("current" and "previous") with the same fragment shader as well as a render buffer and a "render" fragment shader. Both buffers start off with the same content: a fill that is rgb(255, 10, 0) for every pixel.

Right now, the fragment shader does this: