Collaboration Work

Pipeline: Animation Converter

Amorite Offline Model Animation Converter for PlayCanvas. Source available on GitHub.

This is a python tool converting FBX files to PlayCanvas Animation Json files offline. No more file upload-to-server-conversion work needed, all in your local machine.
Use any DCC tools to export your animated models as FBX, then use this Amorite tool to convert it to PlayCanvas Animation JSON format.

Model Converter for PlayCanvas engine (click ▶ to play)

Realtime WebGL

Pipeline: Surface Scattering

Created the translucency map and the GUI panel for Three.js

https://threejs.org/examples/webgl_materials_translucency
The thickness map is generated using Substance Painter. Used to create it using Arnold's AO with reversed normal option checked in Maya 2017, but the generated map doesn't look quite right. SP gives a better result since it offers more params, and generates the map based on reversed normals. Invert it should give the desired result.
Collaborated work with Daosheng Mu.

Three.js Interface

Position Map

Facial Tracker and Avatars

A proof of concept connecting facial tracker and avatars. Construct the model, the rig and redirect the tracker’s fitting weights output into Maya via MEL and Python.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6d6ac44a-0a32-457c-a54a-b2ba670a4520/tracker-maya-connection-working.mp4

2D Animaion

2D Animation using Spine.

In-game look

short video version

Realtime WebGL (best on desktop)
Long Video Version

UIParticle URP Port

A quick port making this awesome UI Particle package compatable with Universal Rendering Pipeline (URP).

URP Port: shaochun/ParticleEffectForUGUI

Based on: mob-sakai/ParticleEffectForUGUI

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5fc70359-04b9-457e-875b-4b9e7435fe92/uiparticle.mp4

Sprite Scripting

Wrote the Five-Stele sprite module combining artist's sprite assets in order to establish code interfaces (view) for gameplay programmers to pass in data (model) from server.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a7df9255-d948-43d4-9adf-71ef09cba581/20191119-ride-knowledge-five-elements.mp4