RO

Ryan Ong

Resume

Past Projects

Title Year Category Media Description
CS184: NPR: Stroke Synthesis for Creases & Silhouettes 2019 Computer Graphics
Final Report
Demo
Non-photorealistic rendering is a medium that focuses on giving artists a flexible architecture for creating digital art. Inspired by a previous NPR project that focused on cross-hatch shading, we wanted to provide a counterpart that focused specifically on stylized contours. Our project focuses on identifying the crease (i.e. facial contours) and silhouette (i.e. outline) edges of a 3D mesh, and projecting 2D user-input strokes onto these shapes to augment the hand-drawn characteristics of a NPR-style render. This results in the creation of bold outlines and highlighted features that an artist might draw with pen-and-paper. Additionally, we provide functionality to synthesize new strokes, based on user-input strokes through the use of Markov Random Fields. I Implemented the base GUI, worked with Sirej on implementing multiple strokes and stroke synthesis with Markov Random Fields.
Sculpted 2019 3D Animation * Final Set Lighting (Volumetric lighting!)
* Shading & Texturing for the Sculpturer Character
CS160: User Interface and Design 2018 UX & UI *Designed the high-fidelity prototype for the app in Figma
*Designed the final logo in Adobe Illustrator
TRON VR Project 2018 Extended Reality I was fortunate enough to lead a group of dedicated & creative students in pioneering a multiplayer Virtual Reality game, from the ground-up. The full pipeline made use of custom code and assets. My personal contributions included a script that generates a custom mesh behind the player, forming a “tail”, modelling the vehicles, along with managing the general direction of the project. The mesh generation involved a fairly-heavy amount of code that builds triangles from scratch, via storage of the 3D vertices that the player passes through. For me, this involved tedious modeling, and I eventually had to create a cube from paper, where I drew triangles and labeled vertices, in order to help me visualize the equations. The end result can be seen in the prototype video.
Brilliance 2018 3D Animation This was a fairly intense project, as our team attempted to create an ambitious short within one semester. My main contributions were:
* I was the sole animator for when the main chracter, Al Fredo, walks down the stairs, attempts to turn on the light, then looks for and returns with a replacement bulb. An interesting tidbit: in the final render, Al Fredo clips through the staircase. I was definitely surprised when I first noticed this! This was probably a result of a bug from Maya, due to numerous handoffs and imports/exports of our files.
* I animated the first-pass for when the main character crashes onto the floor
* I created the lighting for the scene where Al Fredo’s house is up in flames, which was actually made of composited stills. This shot involved a combination of different lights at different temperatures. The end result looked pretty cool!
* I created the 3D models for the Lightbulb Socket, and Matchbox Holder
Constellation: Laser-based Interactive Instrument 2018 Art + Tech
Github
Poster
* Built a program that interprets pictures and generates music
*Interprets images as a matrix of color values, and maps piano keys with corresponding pixel averages
*Learnt how to code in MaxMSP with ODOT
Untitled (Feat. Kaelyn) 2017 Music <iframe src="https://drive.google.com/file/d/1Efinbr9ZBYfxvwI30Keke5sC0VT93J0o/preview" width="560" height="auto" frameborder="0" allowfullscreen></iframe> This is an ongoing musical composition, made of musical motifs that I’ve accumulated over the years. My most recent iteration was dedicated to my grandfather and played at his funeral, with the tentative title, Against All Odds. This particular piece means a lot to me.
Virtual Experience Convention 2017 Project Management & Design <iframe src="https://drive.google.com/file/d/1LKAPY4kJl9O-VdotBqsz7-DCTL-L2Efs/preview" width="560" height="315" frameborder="0" allowfullscreen></iframe> I had the unique opportunity to form and manage a team that would define and create the identity and graphics for the annual VR/AR UC Berkeley convention, hosted by VR@Berkeley. I recruited seasoned graphic designers, with professional experience from the industry, and guided them every week towards the fruition of a unified and powerful brand for our event. We made extensive use of Illustrator to create pseudo-3D graphics. I believe that the end results speak for themselves.
M158 - Image Sonification 2017 Art + Tech <iframe src="https://drive.google.com/file/d/120NzVH6bvxsUCmCE4PbOJubOpx6smOr3/preview" width="560" height="315" frameborder="0" allowfullscreen></iframe> Inspired by the project Years, where a tree’s year rings were transcribed to piano notes, I created a computer program that would analyze any digital image and translate it to piano notes. Utilizing music theory, I defined the transcription such that “prettier” images resulted in a glittery and mesmerizing ambiance, while “darker” images produced heavier and grittier notes. A full explanation, including details of the implementation, can be found in my final project report.
Aggressive Advertising 2017 3D Animation I was incredibly lucky to be part of an ambitious animation project, with seasoned and supportive individuals. I learned a great deal from my teammates and achieved significant contributions:
* I animated the majority of scenes in the second-half of the short, including where the robots call up their weapon launchers (my personal favorites), the reveals of the said-weapons, and the robots fleeing their shops when the weapons are triggered. I really enjoyed animating both of their reactions, and also the Thing-Robot’s angry attempt to mash his remote. I paid a great amount of attention to detail: when the robots flee, they collide into the floating advertisements – all of this was manually animated. I dealt with a lot of frustrating clipping issues, and made creative use of the digital faces in order to portray the robot’s frustration.
* I made my first plunge into the world of hyper-shading by creating shaders for the workplace-style ceilings for the store and Apple-style machined steel for the store exteriors. Many textures were used :)
* I composed and produced music for main portion of the short
XD. 2017 Music Link I created this original composition for the animated short, Aggressive Advertising. The director and I were interested in achieving an 80’s/Hot Miami sort of vibe. This was my first foray into that sort of genre, and I really enjoyed trying unfamiliar synthesizers.
Homeward 2016 3D Animation This was my first-ever animated project, created for the UCBUGG course at UC Berkeley. The story focuses on a father, struggling with his inner demons, and ultimately finding the resolve to continue on. I modeled the main character’s astronaut suit, and animated the majority of the scenes. This was a very ambitious project, and the final result did not align with our original vision. This was a result of unfortunate circumstances: the team had a large amount of extracurricular commitments, and we were all new to 3D animation. I truly took my mistakes to heart, and learned a great deal from working on this project, including how to be a more effective director and task manager. The release cut is coming soon.
Homeward (OST) 2016 Music Homeward (Main Theme)
Eve
1. Homeward (Main Theme)
2. Eve
Following on the ambition of Other Skies, I composed an original soundtrack for my first animation project, Homeward, during my freetime, at my freshman dorm. The prolonged silence and simple chords of the track Homeward were purposefully utilised to amplify the contrast between the desperation and conviction that defines the main character. Eve is a nostalgic piece that alludes to the MC’s bittersweet memories of his daughter.
Young Again 2016 Videography <iframe src="https://drive.google.com/file/d/0B-sa2eqvRdpeNFZuRVB5ZDZ4WXM/preview" width="560" height="315" frameborder="0" allowfullscreen></iframe> Since 6th grade, I worked in my family business, and part of my job was to create films that documented the journey of our program. This is one of the most recent films that I edited, and partially filmed.
Other Skies 2015 Music <iframe src="https://drive.google.com/file/d/1jnEaYT_0U2TxTDhtv-XNksaBA7-u_xZu/preview" width="560" height="315" frameborder="0" allowfullscreen></iframe> This was my first serious attempt at contributing to the creation of an original composition. For a global competition, my friends and I thought it would be a novel and unique idea to perform music that we created ourselves. We created a musical narrative that played alongside our theatrical performance. This piece, the theme song, is the standout from our collaboration.
Apple Watch Plus 2014 Videography & Screenwriting <iframe src="https://drive.google.com/file/d/0B2gS2w3zxOCcZHJtUFZkNjN2ZHc/preview" width="560" height="315" frameborder="0" allowfullscreen></iframe> During high school, I was heavily involved with video production and was interested in studying film. This project, which I scripted/edited/directed, was a light-hearted parody of Apple’s marketing. The ultimate irony is that I am heavily invested in Apple’s ecosystem.
Demo Reel   3D Animation <iframe src="https://drive.google.com/file/d/1QklC-DhHgKzgMI-hBBbWvnfuZGPFwuTW/preview" width="560" height="315" frameborder="0" allowfullscreen></iframe> This video includes clips of animated shorts that I animated, and/or modeled.

Archives