Shannon Berke - LoL FX + Knowledge Share


这个截图是视频吗 怎么视频地址可以发一下吗

Line tracer as Fortnite

This post is amazing, thanks for all the great tips!


Hi Shannon, I’ve some questions about the E spell from Zoe.

So the bubble/itself, how is’t textured. Is’t a round circle set up out of different sprites or an actual 3d object?

And my second question is how the purple blur effect on the ground is constructed, I think it’s a radial blur with some texture uv scrolling from the middle to the sides.

Would be awesome to know the production behind this effect :smiley:


Sorry for making you wait so long Kees. :sweat:

The bubble is a 3D sphere that I key framed XYZ scale so I wouldn’t have to use a skinned mesh with anim data. It also has some glow sprites and sparkles to give it extra motion :slight_smile: I used the same mesh for the missile and the bounce.


The sleepy puddle is made of a few meshes. I clipped the lifetime of a few things so sorry about the timing haha. I have one mesh like you though, shaped in a cone with it’s edges arcing back upwards that has the lighter purple wave, with a darker purple alpha blend quad under it that scales similarly, and one last darker purple subtractive quad (I could go pretty contrast heavy because of the gameplay importance). Those are the elements that make up that particular portion of the puddle.



Shannon i have been wondering, how would you go on about making a beam, cause some of us use 2d textures / billboards, some use cylinders for masking, if you dont mind me asking.

Whats the layers between making a good lazer, point of reference.

Elementalist Lux Lightning form. Theres so many layers i dont know where to start.



No problem at all Shannon, thanks for the reply :smiley:

I appreciate the detailed breakdown! this will be some huge reference material. I like the fast glow spike from the bubble when it jumps up, gives some very nice movement to the bubble as you said :smiley:

One question about the puddle, what kind of textures do you use to create such an cosmic feeling to the inside of the puddle?


Heyo Angel! A lot of it depends on the use case, sometimes you don’t need a beam. You can use quads, rays, or meshes. Lux’s storm laser are beams that face the camera with a few different tiled textures that make up the different elements like glow and different speeds of lightning. You can specify based on the beam length how many times the texture tiles. Her laser thankfully is straight so she doesn’t need anything fancy.

If I do need curves and what not I usually build my meshes with the cam facing in my (benefits of our cam angle) or like this: image

You can create curves for how you want that mesh to bend etc which covers a good range of axis without needing to necessarily use a full cylinder.

This isn’t a great reference as it was a SUPER quick idea spike (which ended up being too bloody haha) but the blood noodles use this shape of mesh with a texture scrolling ~~

Glub glub glub :droplet:

Here are THREE groups (of the many) that make up her laser. Try re creating these groups. Bright additive layer, dark alpha, and your scrolling lightning, and build from there :smiley:


I hope that’s helpful!


Sorry for the lame layout haha these 5 groups make up that bottom middle image. From upper left:
Cloud quads with star mult to give the stars a soft flicker. Tiny star cam facing quads that burst out and slowly spin at different rates. A swirl mesh that rotates as well as has a ligher purple scrolling texture. Subtractive arb quad background. Edge ring arb quad that bursts out from the bubble, starts off light purple then stays dark. I hope that helps :O! The outer ring decal is in a different particle to that it can be team colored.

Also I removed the purple butterflies in this screenshot. Those are simply animated planes (one of each wing) with child particle sparkles on them haha.


awesome!!! moved it to my reference folder :smiley: thanks alot Shannon!


Quick question! How do people usually keep the beam going where it’s supposed to with meshes?
Like from point A to point B.

Is this blood one an animation?
How about dynamic movement? (<- this baffles me the most :fearful:)

Like I know how to make some beams in UE4 cascade with source and target modules, but the meshes with movement keep confusing me.

EDIT: Thanks in advance!!! :smiley:


Ah you’re such a life saver. Thanks a lot, will deffinitly study this and try to recreate it once im done with a certain shader im working on!


also small question, how would u go on about UV mapping the double quad mesh as in the image above, never done it before >->


Generally you’ll UV one of the planes first, into a 1-1 square UV space. After you UV the first, you just dupe the plane and rotate it. Combine/group/attach them together and export as a single mesh :+1:


Humm, in all of the beams I’ve used you need to specify a start bone and end bone. No matter where those bones are for the length of the particle the beam mesh will connect them and dynamically update their locations. It sounds weirdy that if you move the target or end point during your particle it doesn’t update? At least for a beam anyway. Not sure what tool you’re using though, but that behavior sounds suspicious!

The blood one is a wavy texture scrolling on a beam that’s scroll speed increases over time attached to the different bones in the rig of the two models (character’s chest bone and weapon bone)

@Disturbed A few different ways work but you just have to make sure that the centers of the meshes + mesh UV’s are overlapping. Otherwise when you scroll something through the meshes it won’t be seamless and you can tell it’s two meshes more easily.


thanks a lot for the information!


Thanks for the quick answer!
I wasn’t making beams atm. I have just wondered how these dynamically moving beams are made.
What I understand from your reply: It’s usually (almost always) a dynamically updating mesh between start and end point(bone)? I think this clears my question nicely! Thanks. :slight_smile: