top of page

Mirrored Phantoms

Steam-logo-png.png
R (1).png

Mirrored Phantoms is a firtst person horror game, player will gather all the shards and find the truth behind the suspicious doll factory.

    Project Overview:

  • Role:                           Technical Artist / Progammer

  • Engine:                       Unreal Engine 5.4.4

  • Platforms:                   Steam / Epic

  • Development time:     4 months

  • Team Size:                  24

Contributions

Post Process

PostProcess With Stenima

PostProcess of Hiding

Set Saturation and White Boarder Mask Material when consuming stemina

PostProcess of Blink and Color Offset

PostProcess of Dizzyness

Code of Dizzyness Effect

PostProcess When Put Shard on Mirror

shard2.png

Set Material by Curves

Set Exposure Compensation and Glitch Material When Putting a Shard on Mirror

Shapen and Distortion Shader

pp2.png

Turn on/off PostProcess Shader

PPCode.png

Initialization for Postprocess Dynamic Materials

Animation

Animation of Using Flashlight

Animation of Picking Up Brick

ABP1.png

Animation of Left Arm

ABP2.png

Animation of Right Arm

ABP3.png

Blend two State Machine Per Bone

AnimAsset.png

Animation Asset I Made

Anim2.png

Set Sound Track in Animation Sequence

Anim4.png

Bind Speed Rate with Play Rate

Texture Pipeline

We created a texture pipeline from exportation in DCC to unreal engine, all the material owns 4 textures: Color(RGBA), MRA(RGB), Normal(RGB), Emis(RGB), and created master material for quick importation into Unreal Engine

Tex1.png

Master Material For Opaque Prop

Tex3.png

Master Material for All Type Asset

Tex4.png

Material Instance for Props

Tex5.png

Substance Painter Export Settings

Tex6.png

Substance Designer Export Settings

Camera Effect

Idle Camera Shake

Walk Camera Shake

Run Camera Shake

Crouch Camera Shake

Fix Flash Light Camera Shake

Use Flash Light Camera Shake

My Textrues Asset

Textures Made in Substance Designer:

TexA2.png
TexA.png
TexA3.png
TexA1.png

Textures Made in Substance Painter:

TexA4.png
TexA5png.png
TexA6.png
TexA7.png
TexA8.png
TexA9.png

VFX

VFX for Mirror

VFX for Shard

Screenshots

  • LinkedIn
  • YouTube

© 2025 by Jiabin Portfolio. All rights reserved.

bottom of page