︎

+ project archive
+ painting
+ ceramics 
+ photo
+ about 


say hello ︎︎
gracejieyi at gmail [dot] com 

Portfolio



SUMMARY

contains: pipeline tools, four games, ray tracers, self-coded game engine, illustration, 2D animation

Work from 2023 onwards at Riot Games - most recent work is under NDA.

Includes Photoshop export tooling systems into the game engine, Unreal Engine editor tooling and asset management, and a complex system to recreate assets for different environments.

Technical Art Lead for Set 14, Cyber City. Responsible for all performance/memory targets and optimization best practices, as well as supporting artists with fresnel, special material implementations, shader support for the rain effects on this set. 

CONTACT

︎ gracejieyi@gmail.com
︎ LinkedIn




PIPELINE TOOLS FOR PBR TEXTURING PIPELINE


Python + PyQt + MEL + Substance Painter + Maya 

@ Riot Games

Developed a Substance Texturing Pipeline for the Physically Based Rendering goals for Teamfight Tactics. 

First, I designined the pipeline and handling the goals of hand-painted physically based materials. 

Then, I designed and implemented five new tools in the softwares Maya, Substance Painter, and Riot’s proprietary game engine that handled: 

+ export and import 
+ file metadata 
+ file handling 
+ PBR material set up in proprietary engine (engine not shown, NDA) 

to support the new pipeline. 


Export tooling in Substance Painter with material creation Import tooling for Environment asset type in Substance Painter Export for character asset type in Maya Import tooling for character asset type in Substance Painter Export tooling for environment asset type out of Maya



SIMPLE RECURSIVE RAY TRACER


Python + Blender

April 2021 + CS 148 Stanford, self taught from syllabus*

Made simple recursive ray tracer to render separate images using Blinn-Phong lighting model including the reflections, fresnel, and transmission effects as well as taking into consideration aliasing and self-occlusion. 
final render no transmission no transmission or fresnel no transmission, fresnel, or reflections simple blinn-phong shadow ray



MONTE CARLO RAY TRACER

Python + Blender
April 2021 + CS148 Stanford, self taught from syllabus 

Implemented a Monte Carlo recursive ray tracer using importance sampling with depth 3 and 16 samples to render images in the Cornell box using area light + 16 samples to do color bleeding, global illumination, and volumetric absorption.
point light, no sampling 16 samples, recursive final render, 40 samples 4 samples, no global illumination with volumetric absorption


SCENE + SHADER


Web GLSL + Javascript + Blender

Repository here
December 2022, class work
Simple scene, created a final project in WebGLSL for Computer Graphics course while abroad.

+ Blinn-Phong lighting
+ vertex and fragment shaders + Animation and modeling 
+ all primitive objects + texturing + normals done






Games Made in Unity


3D GAME: “ODIN’S PASSAGE”


Unity + C# + Blender

Repository here
Play the game here 
December 2022

Viking Odyssey x Crossy Road! Explored the mechanics of a very popular game but with a Scandinavian twist to top off our semester abroad in Denmark.

Made in Unity, game jam of 4

Worked on
+ game assets and animation (Mermaid low poly modeling in Blender)
+ collisions
+ level design
+ procedural level generation 

start screen low poly mermaid in blender presentation play screen




2D PARTY STYLE GAME:  “ULTIMATE CHALLENGER”


Unity + C# + Illustration

Repository here 
Play the game here
October 2022

Fast paced, party style game with many different mini-games.

Made in Unity, Game Jam of 4 made for midterm project in class. 

Worked on art side:
+ sprite sheets
+ pixel art
+ game design and development for the game. 





waiting screen player select art asset workthrough process home screen
jumping spritesheet rock paper scissors walking spritesheet



2D STORY GAME: “GHOST TOWN” 


Unity + C# + Photoshop

Repository here
Play the game here
(UI is not suited for web) 
August 2022

2-day game jam in a group of 4

Worked on
+ dialogue system
+ jump mechanics
+ level design
+ platform mechanics
+ automated Unity tooling
+ art design & animation
+ sprites

Ghost game about nostalgia. Ghosts are only able to be seen with the lighting mechanism, and we follow the main character through his hometown as he discovers what has happened to everyone.





Own Game Engine Coded in Rust


Self made game engine made in Rust, graphics with Vulkan dependencies.
Graphics made in Blender and Photoshop.

two games (2D and 3D) created for Game Engine Programming Course at Pomona College, Spring 2022


2D CARD FIGHTING GAME: “TRIUMVIRATE ARENA” 


Rust game engine + Photoshop

Repository here
Spring 2022, class work

Group of 3, I worked on: graphics, bitblt images, gamestate manager, interactive buttons and graphic interface

Game Engine Features: 
  • Two player turn taking
  • Choose player
  • Choose move
  • Animated health bars
  • Fonts + text writing
  • Bitblt images
  • Original background music
  • Sound effects for selecting moves, players, etc.
  • Main/end screen
  • Get info screens for players and moves
  • Health and mana tracking (generation and subtraction moves)
  • Health and mana requirements for moves




3D PUZZLE GAME: “MAZE RUNNER”


Rust game engine + Blender + Blender

Repository here
Spring 2022, class work

Group of 3, I worked on: collision, camera, graphics, gamestate management, and asset interaction

Game Engine Features: 
  • 3D Collision (walls and game objects)
  • Animated 3D Game object
  • Gamestates
  • Game difficulty
  • Room generation/Path memory
  • Bitblt images
  • Orbital camera
  • Main/end screen
  • Instructions screen






2D FRAME-BY-FRAME ANIMATION: “shiny objects”


Harmony ToonBoom Pro + AfterEffects + Premiere 

December 2020
hand drawn, frame by frame 

“shiny objects”
shiny object syndrome (n.): the tendency for someone to chase something new, be it a new idea, trend, or goal, rather than to stay focused on what they’re doing

more information here










3D MODELING AND IMMERSIVE REALITY


3DS Max + Blender 

“Dorm Room” May 2022 

Watch on Mobile to get full experience!

3D youtube video of my Dorm Room centering around academic propoganda.




FACE FILTER


Blender + Spark AR

Spring 2022

Assets made/animated and sculpted in Blender, imported to Spark AR.





GRAPHIC DESIGN AND AR/VR WORK FOR COLUMBIA RECORDS


Adobe Photoshop + Premiere

Spring 2022, Creative and VR/AR intern for Columbia Records at Sony Music Entertainment

Worked on artists like HAIM, Labrinth, Harry Styles, Lennon Stella, Ethan Bortnick, and Lil Yachty.

- IMMERSIVE REALITY ASSETS AVAILABLE UPON REQUEST, cannot publish publicly. 






PUBLICATION: “12 HOURS IN WALMART”


Risograph Publication + Adobe InDesign + Interview Project 

14 pages, 25 editions
December 2022 (publication)  + June 2018 (interviews)

publications made in Self-Publishing Class 2021; Final Project: 12 Hours in Walmart. Interviewed 17 people in Walmart in rural Michigan from 8PM to 8AM

More information on this page here



ANIMATED GIF EMOJIS


Character Rigging + Moho Creator Pro + 2D Animation 

Summer 2020, Animation and Character Rigging internship for Woobo Inc. 

character rigged, designed, and animated by me for Woobo Inc.
made with Moho Creator Pro (8 out of 16, the rest in the homepage)