How to create this mask?

Hello, so I’m trying to recreate this mask on the 0.2 domain expansion in JJS (Jujutsu Shenanigans), here is a video:

I tried redoing it with 2 canvas groups, rotated with image labels with the same image but rotated so they look like they’re together and it looks like this:


As you can see, it’s somewhat similar but when you move around it doesn’t move like 3d space. I don’t really have much clues onto how, so I’ll let y’all help me, thank you. Continuing my talk for a minute: If its a viewportframe, how did they add the effects? Particle emitters don’t work and neither do any VFX so I’m confused also the sky doesn’t work in vpfs.

4 Likes

looks like it was done by using viewport since when it finishes, the lighting looks off on the character but then smoothly disables the viewport.

2 Likes

I think it might be viewport frames and canvas groups and maybe like trying to make a version of particles using screengui

1 Like

True, they could also be using decals inside of it for the particles.

1 Like

I think I’m gonna test this out and I’ll let you guys know if this works.

1 Like

Made something kind of similar? It has 2 canvas groups like the earlier one but with VPFs instead with decals for the particles. I think the only issue is that when the canvasgroup shrinks so does the VPF which doesn’t look right.

Fixed with SizeXX constraint. Now I think I have the key stuff down but theres only 1 more problem, when I size down the canvas group both the VPFs get all sized up wrong, well how do I say, its like theyre being automatically rotated right? sometimes on split frames the rotation is just a bit off but noticable and it ruins the effect, heres what i mean:


Notice the top right? Yeah. If there’s a better way to make the X, this should be perfect!

You can use 0 alpha meshes to mask out 4 quadrants of the image so that just an X shape is left:

Model file: X_Mask_effect_GUI1.rbxm (47.1 KB)

11 Likes

Thank you so much! This works, and I really appreciate your help. I’ll be sure to educate myself on this in the future.

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.