Magic Energy for UE5

01

Visual Target

Emissive Noise Driven Beginner Friendly

What we are building: a blue magical energy mass with a bright core, soft outer falloff, moving internal noise, and a controllable edge so it can work as an orb, aura card, charge effect, or spell center.

The important read is not just "blue glow". Look for a bright center, darker outer mass, subtle internal motion, and a clean circular falloff.

02

Use Cases

Hero Spell core A focused glowing center for charge-up, cast start, projectile spawn, or magic UI preview.

Looping Aura card A plane or mesh card around a character, weapon, portal edge, or pickup item.

Gameplay Charge state Drive intensity, radius, and noise speed from Niagara, Blueprint, or a Dynamic Material Instance.

Do not use this as-is for realistic fire, plasma simulation, or physically correct light. This is an art-directed energy material.

03

Mental Model

Think in three layers

Body: the main round mass, usually a radial mask or soft sphere mask.
Detail: moving noise inside the body so the surface does not feel flat.
Core / edge: extra brightness where the viewer should focus.

Keep the grayscale readable

Before adding color, preview the mask in black and white. A beginner mistake is to fix a weak mask with stronger emission. It may look bright in isolation, but it will fail in a busy scene.

04

Graph Steps

Radial mask Two noise layers Scroll UVs Shape contrast Color remap Emission + alpha

1. Create the body mask

Use a radial mask from UV center or a SphereMask if this sits on geometry. This mask decides where the energy exists. Start soft, then sharpen later with a Power or SmoothStep.

Beginner check: plug this directly into Emissive as grayscale. You should see a clear soft blob before adding noise.

2. Add two noise layers, not one

Use one broad, slow noise for large cloudy motion and one smaller, faster noise for sparkle or turbulence. Multiply or add them carefully. Too much noise makes the effect read as static dirt.

Senior note: if this effect appears many times, consider one packed noise texture instead of multiple samples.

3. Animate with UV motion

Pan the two noise layers in different directions or rotate one layer around the center. The motion should be slow enough to feel alive, not so fast that it becomes screen noise.

4. Shape the final mask

Multiply the animated noise by the body mask, then use contrast controls to decide how dense the energy feels. A Power node is simple; SmoothStep is easier to art-direct.

5. Remap to color and emission

Use a cool outer color and a hotter inner color. The center can receive an emission multiplier, but keep a separate global intensity so the effect can be balanced per level.

6. Output alpha separately

Do not blindly use the same value for color and opacity. You may want a soft transparent edge with a strong emissive center. Separate alpha makes the material easier to tune.

05

Artist Controls

Shape Radius / Edge Softness Controls how large the energy mass is and whether the edge is misty or graphic.

Motion Noise Speed A / B Two speeds let the material feel layered without changing the texture setup.

Density Noise Contrast Low contrast feels cloudy; high contrast feels electric or unstable.

Color Outer / Core Color Keep color separate from emission so the palette can change without blowing out the value range.

Emission Core Intensity Main brightness control. Clamp or expose carefully if bloom is enabled.

Gameplay Charge Amount One scalar can drive radius, intensity, and speed together for charge-up states.

06

HLSL Sketch

float2 centeredUV = UV - 0.5;
float radius = length(centeredUV) * 2.0;
float body = 1.0 - smoothstep(Radius, Radius + EdgeSoftness, radius);

float noiseA = NoiseTexture.Sample(Sampler, UV + Time * SpeedA).r;
float noiseB = NoiseTexture.Sample(Sampler, UV * DetailScale - Time * SpeedB).r;

float energy = saturate(body * lerp(noiseA, noiseA * noiseB, DetailBlend));
energy = smoothstep(Threshold, Threshold + Softness, energy);

float core = 1.0 - smoothstep(0.0, CoreSize, radius);
float3 color = lerp(OuterColor, CoreColor, saturate(energy + core));
float3 emissive = color * (energy * Emission + core * CoreEmission);

return float4(emissive, energy * Alpha);

07

Senior Notes

Texture samples are the first cost lever

Two noise samples are usually fine for a hero effect. For repeated background effects, pack multiple noise channels into one texture, lower resolution, or share the same sample at different UV transforms.

Translucency can be more expensive than the math

If this is a large screen-space card, overdraw may dominate. Test it over bright and dark backgrounds, and avoid stacking too many soft planes.

Bloom is a presentation layer

Tune the material so it reads without bloom first. Bloom should enhance the core, not hide a weak mask or poor value grouping.

Niagara handoff

Expose `ChargeAmount`, `CoreIntensity`, and `Radius` as user parameters if this material is driven by spell timing or gameplay state.

08

Troubleshooting

It looks like a flat blue circle

Add value variation before adding more glow. Check the broad noise layer and make sure the center is not the only bright area.

It looks dirty instead of magical

Your detail noise is too high frequency or too contrasty. Reduce detail strength and let the body mask stay readable.

The edge is hard and gamey

Increase edge softness or separate alpha falloff from emissive falloff. Energy can glow strongly while fading softly.

It disappears in bright scenes

Push value contrast first, then emission. A slightly darker outer color can make the core feel brighter without extreme HDR values.

09