FlashGambit

3D artist & Tech

Rendering, shader, VFX, and UI structure improvements on a mobile RTS project

About this project

This project summarizes Technical Art work done on a live-service mobile RTS game.

The focus was mobile unit shaders, a Custom Bloom RendererFeature, VFX overdraw optimization, effect-resource structure cleanup, Material Property Block-based color control, and UI Canvas structure improvements.

Rather than just cutting resources, the approach was to analyze rendering cost based on real battle scenes — where many units, effects, and UI render simultaneously — and reorganize for mobile while preserving visual quality and combat readability.

Given RTS characteristics (many repeated units, skill effects, team colors, and UI elements), the focus was on building shared shaders and shared material structures, and on cutting unnecessary texture / material / prefab duplication.

Each work item is organized by the original problem, analysis process, applied solution, and measured result.

Work Items

각 카드를 클릭하면 자세한 케이스 스터디를 볼 수 있습니다.

16work items
3categories
★ 7featured

Featured· 7

Optimization

Selective Bloom RendererFeature

−90% VFX FPS

URP Bloom isolated per layer — RT memory reduced 90% + pixel processing reduced 35–40%

Rendering

Shader code

Texture Set 1 Matcap Texture ( 256 px ) 1 Color Mask(R) + Normalmap(G,A) + Emissive Mask(B) (Packed) ( 512 px ) 1 Dissolve Noise Texture ( 32 px )

Rendering

Build effect shader

Unit spawn shader

Rendering

Shader Texture Set

The SH_Unit_Matcap shader uses Color Mask, Normal XY, and Emissive Mask — the data needed for unit rendering — packed into a single texture. In this work, to let the art resource author produce textures by the same rules, I organized the per-channel data usage, the export size, the in-game size, and the naming rule. The goal was to build an input structure that handles color masking, Matcap normal correction, and emissive area control without increasing texture count.

Guide

AI Modeling Guide

Cinematic Modeling & Lighting

Work building the unit and lobby models used in FlashGambit cinematic cuts, and setting up lighting so the character and the space read clearly.

Unit Modeling

Rendering· 6

Rendering

LUT Authoring and Application Guide

Rendering

Animation Optimization Guide

Animation compression

Rendering

Environment shader

Rendering

Mesh Export

Why the mesh must be exported as triangles

Rendering

Fog of War improvements

Improving Fog of War visibility to match the art direction

Rendering

Skew

An experimental presentation that applies Skew correction only to the character — while keeping the background camera unchanged — to compensate for the fact that the character's feet and lower body are hard to see from the RTS top-down camera.

Shader· 1

Shader

Shader Node Guide

1. Noise code vs noise texture 2. Fix the Sampler State 3. Switch property precision to Half 4. Compute-heavy nodes

Optimization· 2

Optimization

VFX Optimization Guide

In this work, to reduce recurring costs during the effect authoring stage, I organized overdraw inspection criteria, Timeline control patterns, MPB-based color control, shader structure cleanup, particle texture atlasing, and a ResourceChecker-based review flow. The goal was not to drastically change the look of individual effects, but to create a reusable structure and reduce redundant resources.

Optimization

UI Optimization Guide

In this work, instead of indiscriminately splitting every UI, the Canvas-splitting criterion was organized by areas with different change cycles — Static HUD / Dynamic HUD / fixed input UI / production UI / skill UI.

FlashGambit

About this project

Tags

Work Items

★Featured· 7

Selective Bloom RendererFeature

Shader code

Build effect shader

Shader Texture Set

AI Modeling Guide

Cinematic Modeling & Lighting

Unit Modeling

Rendering· 6

LUT Authoring and Application Guide

Animation Optimization Guide

Environment shader

Mesh Export

Fog of War improvements

Skew

Shader· 1

Shader Node Guide

Optimization· 2

VFX Optimization Guide

UI Optimization Guide

Featured· 7