GDC is part of the Informa Tech Division of Informa PLC

This site is operated by a business or businesses owned by Informa PLC and all copyright resides with them. Informa PLC's registered office is 5 Howick Place, London SW1P 1WG. Registered in England and Wales. Number 8860726.

View, browse and sort the ever-growing list of sessions by pass type, topic, and format. All registered attendees will be able to build their personal schedule in the mobile event app, once live early 2022.

GDC Masterclass courses require a paid pass to attend. Class sizes are kept intentionally small and seats are limited to ensure every student receives one-on-one assistance from the instructor. Pass pricing per course varies, please review the passes and pricing page for more details and secure your spot today!

Visual Effects Summit: Animating Pixels

Shaoyong (Abel) Zhang  (Lead VFX Artist, Funplus Games)

Chuandi Zhang  (Engineer, Funplus games)

Pass Type: All Access Pass, Summits Pass - Get your pass now!

Topic: Visual Arts

Format: Session

Vault Recording: TBD

Audience Level: Yes

This talk is about applying AAA pixel animation techniques to mobile games. A pipeline using tools such as FluidNinjia, Amplified Shader Editor, Unreal Niagara, and Unity 3D to create pixel animation for UIs, visual effects, and environments. I will discuss how to create pixel animations using a particle system, a bitmap, or a vector field. The presentation will also explain the math behind the shaders with algorithms, graphs, and animated images. Nodes and terms such as velocity, Fmod, sine, floor, fract, linear interpolation, etc. have never been presented in so vividly. The sample VFX used in the talk illustrates the connection between texture coordinates, pixel world position and image channels. VFX artists, UI artists, environment artists, and motion picture designers will learn a quick and efficient way to create pixel animation effects for games, movies, ad, etc.


FluidNinjia, Unreal, ASE and Unity can be combined to create pixel animations for VFX, UI, enviroments.
Particle system, bitmap, and vector field can be used to create pixel animation in FluidNinjia.
The principle of pixel animation is this: the middle gray of a flow-map represents no movement. Black moves in one direction, and white moves in the opposite direction.

Intended Audience

VFX, UI, environment, technical, motion picture designers, art students, programmers, and math lovers will learn making pixel animation technique from this talk. Some knowledge of shader editng helps.