GRAPHICS / ENGINE ENGINEER · SHANGHAI
REAL-TIME RENDERING engines.
I work on render pipelines, cross-platform text and particle systems, and the editor tooling around them — currently building Predy at RedNote; previously Galacean at Ant Group, behind some of the highest-traffic interactive products on the mobile web.
LOADING…
PHOTO3D — A SINGLE PHOTO, SPLIT INTO DEPTH LAYERS, RAY-MARCHED LIVE. MOVE THE CURSOR TO LOOK AROUND. ABOUT ↗
SELECTED WORK
engines, pipelines & the tools around them.
- 01
Predy motion engine
Core engine work on RedNote’s in-house real-time motion engine across Web, iOS and Android — a unified shader / UBO pipeline with WebGL 1/2 fallbacks and device-tier degradation, packed binary geometry at roughly half the payload, context-loss recovery, and editor tooling from animation-curve editors to pixel-diff review.
WEBGL · REACT NATIVE · IOS / ANDROID - 02
TextLine cross-platform text
A single-line rich-text system that makes typography agree between a web editor, a React Native player and native iOS / Android renderers — text metrics measured in the native layer and exposed over JSI, dedicated emoji atlases with their own baselines, and pixel-level snapshot regression across platforms.
TYPOGRAPHY · JSI · SNAPSHOT REGRESSION - 03
Galacean engine & toolchain
Engine features and artist tooling for Ant Group’s interactive 3D engine: planar reflection and HDR post-processing pipelines, an Uber shader framework covering most art requirements with zero code, a Unity-to-Galacean asset exporter, and stylized digital-human rendering for events like the Asian Games torch relay.
SHADERS · UNITY PIPELINE · DIGITAL HUMANS - 04
Photo3D · 2.5D parallax
One photo in, layered RGBD out — depth estimation, segmentation and inpainting models feeding a ray-marched layered-depth shader on WebGL, Metal and React Native, degrading gracefully from three layers down to flat. The portrait in the hero is this exact build, running live.
LDI · DEPTH ANYTHING V2 · WEBGL / METAL
EXPERIENCE
where I’ve worked.
- 2025 — NOW RedNote (小红书) GRAPHICS / ENGINE ENGINEER
Predy real-time motion engine and its editor across Web, iOS and Android; cross-platform text rendering; AI tooling for the editor — local MCP, knowledge bases, observability.
- 2022 — 2025 Ant Group · Alipay GRAPHICS ENGINEER · GALACEAN TEAM
Engine core features and cross-engine toolchains; graphics and performance for interactive products at hundreds-of-millions-DAU scale; early Vision Pro and Quest 3 prototypes.
- 2020 — 2022 Earlier INTERNSHIPS
Alipay, ByteDance and Hikvision.
- 2018 — 2022 Zhejiang Gongshang University B.ENG., ELECTRONIC INFORMATION ENGINEERING
LABS
demos that run live in your browser.
SVG displacement glass
A Safari-compatible DOM/SVG version that generates displacement maps, masks, tint, chroma offsets, and an SVG filter preview.
OPEN DEMO 02 WEBGL / LDI
Photo3D
A small WebGL parallax demo using layered disparity sprites.
OPEN DEMO 03 GALACEAN 0.9 / RENDER PIPELINE
Planar reflection pipeline
A reflection-camera pipeline with mirrored camera transforms, an oblique clip plane, render-target handoff to the mirror material, and a UV-textured cube for orientation checks.
OPEN DEMO
