creating vfx with unreal engine and houdini -...

39
Creating VFX with Unreal Engine and Houdini

Upload: others

Post on 24-Aug-2020

36 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

Creating VFXwith Unreal Engine and Houdini

Page 2: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Mesh ProcessingCompelling visual

Instant gameplay feedback

Flexible animating ability

Good performance

Page 3: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Animate parameters in Material Editor

Page 4: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Two challengesAnimate the color and transformation of each triangles separately, using one single mesh

Add noise on top of color and transformation separately

√×

Page 5: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Generate Low Poly Mesh

Page 6: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Write vertices data into UV maps

Write position delta into UV1+UV2

Page 7: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Transformation in Unreal Engine

Page 8: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

TexA * TexB * 2

Noises

Page 9: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

√×

Page 10: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

UV for texturing

Page 11: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Damage Mask

Page 12: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Packed Flipbook

Page 13: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Packed FlipbookLimitations

High res by nature

Can’t be used for anything else

Limited length

Unlit

LDR

Page 14: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Smoke: 6D / 4Direction Lightmaps

Right

Left Bottom

Top Front

Back

Page 15: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Smoke: 6D / 4Direction Lightmaps

Right

Left Bottom

Top Front

Back

Page 16: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Generate 6D Lightmaps

Page 17: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Generate Normal Map

R: Normal.rG: Normal.g

B: Emission (Temperature)A: Opacity

Page 18: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Temperature

Page 19: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Page 20: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Vertex Animation Texture

Page 21: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Vertex Animation Texture

20 rows = 20 objects64 columns = 20 frames

Position Rotation

Page 22: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Page 23: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

RBD Fracture

Page 24: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Page 25: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Page 26: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Volumetric RenderingUEShaderBits-GDC-Pack

Workflows

Optimizations

Page 27: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Cloud in Houdini

Page 28: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Using Blocks

Page 29: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Using Blocks

Page 30: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Volume Texture

Page 31: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Volume TextureVolume Texture Preview

Page 32: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Volumetric Raymarcher

Marching ray

Shadow added to this ray

No shadow added

Bound box

Page 33: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

/UE4_Project/Shaders/RayMarchCompute.usf

Page 34: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Baking light energyfor(int i=1; i <= MaxSteps; ){ float curDensity = saturate(Density * PseudoVolumeTexture(Tex, TexSampler, func.LocalToUVW(CurPos, Stretch), FramesXY, framesN).x); float3 curLightPosition = CurPos; float shadowDistance = 0; for(int s=0; s<ShadowMaxSteps; s++) {

curLightPosition += lightVectorStep; float d=PseudoVolumeTexture(Tex,TexSampler,

func.LocalToUVW(curLightPosition), XY, N).x; shadowDistance += d / ShadowMaxSteps;

} transmittance *= 1-curDensity; energy += exp(-shadowDistance * ShadowDensity) // Beer's Law * curDensity * transmittance * LightColor;}

for(int s=0; s<ShadowMaxSteps; s++){ curLightPosition += lightVectorStep;

float d=PseudoVolumeTexture(Tex,TexSampler, func.LocalToUVW(curLightPosition), FramesXY, framesN).x;

shadowDistanceSum += d;

if(shadowDistanceSum > shadowDistanceThreshold) break;

}

float shadowDistance = shadowDistanceUnweighted / ShadowMaxSteps;

[..]

return float3(density, shadowDistance, skyLightShadowDistance);

Page 35: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Baked volumetric lightmap:

R: DensityG: Shadow DistanceB: Sky Light Shadow Distance

Page 36: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Blutility

Page 37: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Shell mesh

Low poly shell mesh Custom Stencil as render mask

Custom Depth as entry position

Custom Stencil

Page 38: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Q&A

Thank you!

[email protected]

Page 39: Creating VFX with Unreal Engine and Houdini - Asher.GGasher.gg/.../11/Creating_Visual_Effects_with_Unreal_Engine_and_Hou… · with Unreal Engine and Houdini. #UE4 | @UNREALENGINE

#UE4 | @UNREALENGINE

Unleashing Houdini for AAA Mobile Games Production Martine A., Beeckmans P., Stroukoff A.

Smoke Lighting and texture re-usability in Skull & Bones Mederic

Creating a Volumetric Ray Marcher Ryan Brucks

All