For reference, here’s a jsfiddle I’m using to test stuff: https://jsfiddle.net/roomyrooms/7L1n02fs/57/ And here’s a gif demonstrating my issue: https://i.gyazo.com/a18e7fe19b76a93655a2cc89f166dd61.mp4 And my fragment code: Basically, I’ve discovered how to reduce the speed of time in WebGl/in trig funcs, as well as decrease their amplitude. What I’m not sure how to do, however, is ‘capture’ a specific part of the wave function
Tag: pixi.js
Pixi.js – How to fix texture blur on mobile?
I have 2 separate projects which draw a randomized grass tilemap, which are using 2 different methods (personally want to see which is more convenient/efficient). One is using only Canvas, the other using Pixi.js. They both work fine on PC, but when I use cordova to compile it as an Android app, pixi.js tileset has a blur Regular Canvas/Cordova Pixi.js/Cordova
How to increase quality on a PixiJS canvas?
I made horizontal scroll website with PIXI JS and it has a ripple effect. it worked fine till now but the only issue is it’s showing a very low quality when I open up the website and from what I figured out that PIXI JS renderer get width and height to 800 x 600 resolution. any ideas how to change
How do i extend the area of effect on my GLSL shader?
Im new to GLSL, and im writing my very first shader. The shader is written to be used with PIXIjs. I pretty much got the effect i want but it looks like the effect iv created is being masked and limited to the size of my sprite. see picture below.Can anybody tell me what im doing wrong? appreciate it see
Limit mouse events to Pixi.js Container
I’m using Pixi JS and detecting the mouse position via a simple event handler: However mouseX and mouseY are being updated when the mouse is outside of the stage bounds (the <canvas> element on the page). Is it possible to limit the mousemove event to within the stage? I’ve tried stage.hitArea but that didn’t work. Answer This seems to be
How to use PixiJS in web worker
I need to display a quite complex 2D shape in a canvas using PixiJS and to do so I’d like to create and define all graphic elements in a separate thread (web worker) to not block the rest of the UI. The problem is that when I import PixiJS in the web worker file like this it gives me an
PixiJS – Setting a Fixed Frame Rate
As the title says, how do you set a fixed frame rate of 25 fps for PixiJS? Here is my setup: I do not want to do any more frames than that. Answer After @wavemode’s comments about PixiJS using requestAnimationFrame I think I may have to do the following. (Note: if there is a better solution, please post it, otherwise