pixijs / pixi-extra-filters Goto Github PK
View Code? Open in Web Editor NEW[deprecated] Please see https://github.com/pixijs/pixi-filters
License: MIT License
[deprecated] Please see https://github.com/pixijs/pixi-filters
License: MIT License
Hey,
So the GlowFilter seems to be crashing webGL, the CPU zips up to 100% (which normally isnt enough to hang the laptop) but it isnt until webGL actually craps out that the lappy is usable again.
var stage = new PIXI.Container()
var sprite = new PIXI.Sprite.fromImage( 'apple2.png' )
sprite.position.set( 0, 0 )
stage.addChild( sprite )
var glow = new PIXI.filters.GlowFilter( WIDTH, HEIGHT, 15, 2, 1, 0xFFFFFF, .5 )
stage.filters = [ glow ]
setInterval( () => {
renderer.render( stage )
}, 1000 / 60 )
MacBook Pro Retina mid 2014
Mac OSX 10.11.1
GeForce GT 750M 2048MB or Intel Iris Pro 1536MB
Chrome Version 47.0.2526.73 (64-bit)
Only log is WebGL: CONTEXT_LOST_WEBGL: loseContext: context lost
but I think thats after I've tabbed out of Chrome.
Chrome gpu data:
Graphics Feature Status
Canvas: Hardware accelerated
Flash: Hardware accelerated
Flash Stage3D: Hardware accelerated
Flash Stage3D Baseline profile: Hardware accelerated
Compositing: Hardware accelerated
Multiple Raster Threads: Enabled
Rasterization: Software only. Hardware acceleration disabled
Video Decode: Hardware accelerated
Video Encode: Hardware accelerated
WebGL: Hardware accelerated
Rework for pixiv4
Hi,
PIXI.Filter is not defined in Pixi v3 or v4, but the lib tries to extend the PIXI.Filter
GlowFilter.prototype = Object.create(PIXI.Filter.prototype);
Hello,
I've just created a simple lightmap filter for my needs. Here is a codepen and here is the tutorial I used.
This is sufficient for simple needs, it takes in arguments :
Here is a demo of the filter in action from the codepen above :
I think this can be a good addition to pixi-extras-filters. I can provide everything from the code to the doc. But may be this is not relevant? Let me know.
when trying the glowFilter example, the constructor throw this error
Hello!
Can you please publish this package on npm? Thanks!
Would it be helpful for me to make a folder with sample pictures of each filter? I can do this for the vanilla pix filtersi as well.
Can you please publish 1.1.1 on npm ?
Deprecation Warning: AstractFilter has been renamed to Filter, please use PIXI.Filter
object_sprite.alpha = 0.85; // Works
object_sprite.filters = [new PIXI.filters.GlowFilter(15, 2, 1, 0xFF0000, 0.5)]; // Deprecated?
PixiJS 4
Hello,
Can you please update the build and version on npm, since pr #11 is not on npm I throw deprecation warnings in the console. I initially wanted to wait v4 and the new filters repo but I plan to open a demo soon
It would be great to have a pixi v3 compatible color replacement filter. There was one floating around made by msha back in v2, but it no longer works. Here's a link to it: http://codepen.io/mishaa/pen/emGNXE
There's also some discussion about the filter (and pictures showing its effect) in this forum: http://www.html5gamedevs.com/topic/10640-outline-a-sprite-change-certain-colors/page-2#entry89808
Hello,
I've just tried to use GlowFilter, but I got this error:
pixi-extra-filters.min.js:1 Uncaught ReferenceError: glslify is not defined
I only included pixi-extra-filters.min.js
, please advice which file to include also.
Thanks
On the lines above the distance should be multiplied by quality before being set to the shader constant. According to the source algorithm on (https://codepen.io/mishaa/pen/raKzrm)
I've just tried to use this and I noticed the this.uniforms.pixelWidth.value === null
at the point of time it is trying to mutate the value property.
Locally I have set the object up with a dummy value so it can at least process and it seems to be working fine.
Impacted Lines 69 and 78
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.