Comments (12)
good idea! on the todo list..
from pixijs.
Just had a tinker on the dev-filters, the mask work great but it doesn't accept any multiple masks though, any plan to do this?
from pixijs.
good to hear! Do you mean masks within masks?
from pixijs.
oh! thanks for the quick reply! :)
right now i'm just trying to have a few masks on my stage (not within mask) so i basically i have 2 containers that hold 2 different objects
// some codes are omitted
var container1 = new PIXI.DisplayObjectContainer();
var img1 = PIXI.Sprite.fromImage("img1.jpg");
img1.anchor.x = 0.5;
img1.anchor.y = 0.5;
container.addChild(img1);
var container2 = new PIXI.DisplayObjectContainer();
var img2 = PIXI.Sprite.fromImage("img2.jpg");
img2.anchor.x = 0.5;
img2.anchor.y = 0.5;
container.addChild(img1);
container1.mask = mask1;
container2.mask = mask2;
(click the gif below, if you can't see the loop)
or perhaps i've missed something?
and yes masks within masks would be superb!
from pixijs.
hehe, super trippy! 👍
I will look in to that for you :)
from pixijs.
thank you sir! ;)
from pixijs.
No worries! Just having a little play around and multiple masking seems to be working ok for me?
Would ya mind sharing your code so I can see what the prob might be?
Thanks!
from pixijs.
yes, of course! :)
here it is https://dl.dropboxusercontent.com/u/604317/example14.zip
i used most of the codes from example14, didnt change that much afterwards
thank you again!
from pixijs.
Hello! Sorry about the delay on this one! Do ya still have the src code of it behaving weirdly? Gonna take a look and see whats going on. Thanks!
from pixijs.
i've just pulled the dev branch, there are a few new files inside example 14.
and when i tried my code it worked now! thank you! 👍
here's my code (just in case somebody wants to use it)
i didnt do any thing fancy, just reassigned a new mask to bg
// Create new mask thingy
var anotherthingy = new PIXI.Graphics();
stage.addChild(anotherthingy);
anotherthingy.position.x = 40;
anotherthingy.position.y = 40;
bg.mask = anotherthingy;
// inside the animate function
function animate() {
// copied and paste this, from your code
anotherthingy.clear();
anotherthingy.lineStyle(5, 0x16f1ff, 1);
anotherthingy.beginFill(0x8bc5ff, 0.4);
anotherthingy.moveTo(-120 + Math.sin(count) * 20, -100 + Math.cos(count)* 20);
anotherthingy.lineTo(120 + Math.cos(count) * 20, -100 + Math.sin(count)* 20);
anotherthingy.lineTo(120 + Math.sin(count) * 20, 100 + Math.cos(count)* 20);
anotherthingy.lineTo(-120 + Math.cos(count)* 20, 100 + Math.sin(count)* 20);
anotherthingy.lineTo(-120 + Math.sin(count) * 20, -100 + Math.cos(count)* 20);
anotherthingy.rotation = count * 0.1;
}
from pixijs.
Wonderful news :) Thanks for sharing your code too 👍
from pixijs.
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
from pixijs.
Related Issues (20)
- Bug: TypeError: Cannot read properties of null (reading 'uid') HOT 1
- Bug: The content of multiple texts overlaps with each other. HOT 17
- Bug: [v8] antialias=true drastically cuts performance even when idle HOT 3
- Bug: Arc line cap not re-rendered if graphics is cleared HOT 1
- Bug: v8 mask container bounds changes
- Bug: Unable to add a mask to the text HOT 1
- Bug: [v8] Multiple issues with mipmaps HOT 7
- Bug: Sprite alpha masks broken in chrome & edge HOT 7
- Bug: V8 text stroke is applied even with width 0. Also strokeThickness does not update at runtime
- Bug: [v8] double `onRender` of rendergroup? HOT 1
- Bug: Can't get updated worldTransform immediately
- Bug: [v8] arctifact when rendering big polygon with offscreen coordinates in Firefox and Safari HOT 4
- Is it possible to do a lossless rotation in Pixi?
- Bug: When forceCanvas is true, mask sprites with sprites doesn't work
- Bug: Some props like dropShadow and resolution are not updating for Text object.
- Bug: Generated Texture doesn't support scale mode since 8.1.0 HOT 2
- Bug: Events are firing twice when we have dynamic and static mode
- [bug] v8 NineSliceSprite doesnt works as mask on Sprite HOT 1
- Bug: v8 ESM is broken with esm.run HOT 4
- V8 Bug! HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pixijs.