https://www.ryanzh.com/resume daily 0.75 2019-10-24 https://www.ryanzh.com/new-page daily 0.75 2019-12-02 https://www.ryanzh.com/portfolio daily 0.75 2020-05-12 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1575337856815-GT0TUUYEF368EH2UTORM/logo.png Portfolio https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1589305315998-P76MVKZU029FSKBRH5W6/4-more2.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572272000929-NIBZDHDXG3VU8TKT33L3/image-asset.png Portfolio https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1589304408063-F6RQ0V9QFY03UMQXVJAJ/image-asset.jpeg Portfolio https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1589305492210-LS0J53ENDRDJM8JOSF8H/2-Book123.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571874640486-K5E4NVEQVGXYUY3TXZAJ/Round3-title.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571931580214-VN4N5PMEYVPXRI7ZUW74/Menu.png Portfolio https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1575342315438-P2NTNY31ELEC6NYN18GA/7.png Portfolio https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1575343366468-B12YT6WWAGQT5UYM5BVR/Team16LatestVideo0.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571892723625-RABGGD4X6NN5JRQ62EJE/portfolio.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571863993591-6LHSM21J9GWLSMVRT9IS/Team16LatestVideo_Moment.jpg Portfolio https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1575338539965-8IM3TOSQ6D2E13W3Z6FJ/Picture1.png Portfolio https://www.ryanzh.com/mainpage daily 1.0 2024-09-05 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1589218766816-89DGWAG5HRTOLNE9UMPT/pasted%2Bimage%2B0.jpg Mainpage We Choose Each Other: The AR Rosenstrasse Experience A story telling game about the Holocaust in WWII. Multi-player · IOS · AR · Unity3D https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1589301925189-NNU27I7H8D90I5WJTV9X/Image.jpg Mainpage - Scotty3D A 3D graphics software implements interactive mesh editing, realistic path tracing, and dynamic animation for 15-462/662 Computer Graphics at Carnegie Mellon University. https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1589302333878-XUB91GOET0E8GZR4OQ7X/2.jpg Mainpage 1Kea A multi-player chasing game about repair. 2020 Global Game Jam, Jammer’s Choice. https://www.ryanzh.com/rosenstrasse daily 0.75 2020-05-27 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590555153321-GL77N4RP26APJKN79Z7Q/memoiAR_poster.png We Choose Each Other - About Project MemoiAR Our team, memoiAR is a five-person team of artists, programmers and designers from Carnegie Mellon University’s Entertainment Technology Center (ETC). We spent 16 weeks working together to implement AR into a tabletop role-playing experience in pursuit of narrative innovation. We built this experience for the Snap Creative Challenge, in collaboration with OH!Lab of CMU HCI institute. This project is developed with Unity3D and runs on IOS tablets. Project Website: https://www.etc.cmu.edu/projects/memoiar/ We Choose Each Other We derived the story from the role play game but made modifications considering the platform and show case environment. Based on that, we designed brand new mechanisms to fit the AR experience while still keeping the core of the original game - communicating with each other. Myself I was the only programmer and technical artist in this team. I implement the game play, story telling, networking and visual effects in this experience based on designers’ and artists’ design. Meanwhile, I also took part in the design and made contributions to it. https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590562373042-IHKTMNUHU43R415CA39D/Webp.net-gifmaker+%281%29.gif We Choose Each Other https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590561252544-47USGK7C8NUYC640QMO7/1.gif We Choose Each Other https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590561441447-4Z53LO8UT5M4Y074D2RU/Large+JPG-20140228_Trade+151_0046.jpg We Choose Each Other https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590559506765-XOP4M6VL0AJ3EDUX9MQN/Slow+Lightning+1+Loop.gif We Choose Each Other - Time and weather Since the game only shows several snapshots of the characters, we used transition between chapters to tell the story in-between the chapters. In these transitions, to show the time passing, I implemented several scenes in different seasons or weathers using particle system, post effects and so on. https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590560497854-CILAPV65YVMI26NX2EFY/unnamed.gif We Choose Each Other - Chanting To actually make the Annaliese’s player chant in the Rosentrasse provost, we combined speech recognition technique and animated UI to prompt the user to actually immerse themselves into the chanting. https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590562495586-GS7IKFFBRP1RUUOFGG7H/Webp.net-gifmaker+%282%29.gif We Choose Each Other - Crowd To make the situation more vivid but not distract the player, we designed silhouettes in 3D space to show the environment. Since the application existed in the AR space, where the world space was not aligned with the player’s space, I calculated the rotation and position of the silhouettes manually in order to keep them static from the player’s perspective. https://www.ryanzh.com/scotty3d daily 0.75 2020-05-29 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590727443962-AHAL6XHXOTL9B7WOBQ4S/Webp.net-gifmaker+%281%29.gif Scotty3D https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590727458170-U1YAEKU1UDI45HY0RJQ1/WeChat+Image_20200529002950.png Scotty3D https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590727428884-CLC1E8AXAZ8UXQQYIZAI/Scotty3DBevel.jpg Scotty3D https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1589301892858-QIAGZHRO9D8FOEORDXRL/Image.png Scotty3D - Chanting To actually make the Annaliese’s player chant in the Rosentrasse provost, we combined speech recognition technique and animated UI to prompt the user to actually immerse themselves into the chanting. https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590727942860-KA252I62JE7RQNAVF525/Slow+Lightning+1+Loop.gif Scotty3D - Time and weather Since the game only shows several snapshots of the characters, we used transition between chapters to tell the story in-between the chapters. In these transitions, to show the time passing, I implemented several scenes in different seasons or weathers using particle system, post effects and so on. https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590727913046-J0A13IGW8Y1Q3T1UXYFS/cow_render.png Scotty3D https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590767948478-G2PUGZJO5SCQBCWMRU49/CMU462_+Scotty3D+2020-05-29+01-02-09.gif Scotty3D https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590767872917-ITHV5SR1KM3KJLYRQI1U/ik.gif Scotty3D https://www.ryanzh.com/1kea daily 0.75 2020-06-01 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590767091214-N4RMEFXVOF6I9ILO3QZD/1.png 1Kea - About The Game This is a game between a repairman who wants to repair the chairs in the warehouse and a chair who wants to cut its legs to rescue its family. The repairman would win when he fixes the chair. The chair would win when it cut 3 legs and unlock the jail. Game Jam Project page: https://globalgamejam.org/2020/games/1kea Myself I was the technical artist and programmer in this team. We designed the game together. I implemented some visual effects using particle system, post effects and scripts. I also made one timeline displayed at the end of the game. I supported game pads input as well. Besides that, I made some simple models with Maya and Substance Painter including the garage gate with shattering effects and some furniture. https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590767036345-8Y2EGST07OUSJZSCE9IU/3.png 1Kea - Crowd To make the situation more vivid but not distract the player, we designed silhouettes in 3D space to show the environment. Since the application existed in the AR space, where the world space was not aligned with the player’s space, I calculated the rotation and position of the silhouettes manually in order to keep them static from the player’s perspective. https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1590767060705-LNRTEN7ZBL241SUY9F0U/4.png 1Kea - Time and weather Since the game only shows several snapshots of the characters, we used transition between chapters to tell the story in-between the chapters. In these transitions, to show the time passing, I implemented several scenes in different seasons or weathers using particle system, post effects and so on. https://www.ryanzh.com/work daily 0.75 2020-05-12 https://www.ryanzh.com/work/rayquaza-dragon monthly 0.5 2019-11-17 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571883979051-8M74VXQ76H0TQ1HI5JUR/Dragon.gif Portfolio - Rayquaza Dragon https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571884271623-2JMLBI1JMBBYP36HKJKY/dragon1.PNG Portfolio - Rayquaza Dragon https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571884285260-BRSV3URH7S7WE0UIF1V6/20140301_Trade-151_0124-copy.jpg Portfolio - Rayquaza Dragon https://www.ryanzh.com/work/lifeoftherose monthly 0.5 2019-12-04 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571863993591-6LHSM21J9GWLSMVRT9IS/Team16LatestVideo_Moment.jpg Portfolio - Life of the Rose https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571867038996-09TTTTMZ0TD29GDOV139/Rose1.gif Portfolio - Life of the Rose https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571868725283-IOLEBMHO73Z4YEGU7JUI/Team16LatestVideo_4.gif Portfolio - Life of the Rose https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571871293753-J0CWHUX2ILFBXUQ7B9Q4/Capture-r2.PNG Portfolio - Life of the Rose https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571869482206-WSH2453ZTQFUWQ3XIZL9/Team16LatestVideo_5.gif Portfolio - Life of the Rose https://www.ryanzh.com/work/wonderland monthly 0.5 2019-11-17 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572273389756-HJS4TZSS1Y1JZ0X9QTOF/image-asset.png Portfolio - Wonderland https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572272950292-Y3031MRKJK265390M0S3/1123.jpg Portfolio - Wonderland Decorate the house https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572273083415-0FBN4SG711H62ST1LFV5/image-asset.jpeg Portfolio - Wonderland Communicate and guess asymmetrically https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572272991128-VGQ1VH2WSWF3V68OEWQT/2324.jpg Portfolio - Wonderland Fill the warehouse https://www.ryanzh.com/work/more monthly 0.5 2019-11-17 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572274015366-7NBKXFJONL5GYN2PRSE7/2-Book123.jpg Portfolio - More https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572273965294-VCTTP7ZH6HH33DU1DS9I/image-asset.jpeg Portfolio - More https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572273489489-HWU3Y94RM79X1OIHSS9V/4-more2.jpg Portfolio - More https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572274528195-U2AM6F4Z2HG2M8TKIMKJ/fwef.jpg Portfolio - More https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572274200111-NE3JB2KNV3FQGL6DZD1W/4-more3.jpg Portfolio - More https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572274401665-4SQT0375XY2TU5N0L1K7/image-asset.jpeg Portfolio - More https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572274434530-N118GQABNQHH6T59YN77/image-asset.jpeg Portfolio - More https://www.ryanzh.com/work/promposal monthly 0.5 2019-12-04 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1575338539965-8IM3TOSQ6D2E13W3Z6FJ/Picture1.png Portfolio - Promposal https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1575418012510-PDWSVGMUNQRFBKT9SF4G/R4Team50-FinalFinalDemo_Moment234.jpg Portfolio - Promposal https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1575417933984-U6N65T2K18BCXV3LV4LX/R4Team50-FinalFinalDemo_Moment.jpg Portfolio - Promposal https://www.ryanzh.com/work/lavagedara monthly 0.5 2019-12-04 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1575424539520-SCOMLNW1GK7DA8K133IQ/warrior-kathryn_Moment.jpg Portfolio - Lavagedara https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1575424036918-QHY1WKGZSBTA33D9XOZ7/Lost+Stars+-+Dialogue+Final.gif Portfolio - Lavagedara https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1575424488531-2JJ9IZ4ZLUNA9I12V55G/Lost+Stars+-+Dialogue+Final_1.gif Portfolio - Lavagedara https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1575424958118-HXYB7G5R8IX6FXPP8IX8/Capture.PNG Portfolio - Lavagedara https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1575425113052-39GM55NP8XO20U9EPX2Y/Lost+Stars+-+Dialogue+Final_2.gif Portfolio - Lavagedara https://www.ryanzh.com/work/abilities-sm7ml monthly 0.5 2019-12-04 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572272000929-NIBZDHDXG3VU8TKT33L3/image-asset.png Portfolio - Chemical LabX https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572230673865-QO3JO7TULRKIB17T6OBE/image-asset.png Portfolio - Chemical LabX https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572230660392-M6THHM8RLLTZ353Z36K2/labx1.png Portfolio - Chemical LabX https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572230918853-OF5EBLLLIPH2X7S8JXQC/Capturerg.PNG Portfolio - Chemical LabX https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572269953639-TOSABDVE2BIPR1I948U6/%E8%AE%BA%E6%96%87%E7%BB%88%E7%A8%BF%E6%8F%90%E4%BA%A42.jpg Portfolio - Chemical LabX https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572269166999-KNPU9N64XY83J1DEX5KE/sys.png Portfolio - Chemical LabX https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572271004123-D6OJWW0DIYULH59IXKN4/%E8%AE%BA%E6%96%87%E7%BB%88%E7%A8%BF%E6%8F%90%E4%BA%A44.jpg Portfolio - Chemical LabX Adjust the experiment environment https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572271093525-FYOIIS76EYU65Z2D7KB2/%E8%AE%BA%E6%96%87%E7%BB%88%E7%A8%BF%E6%8F%90%E4%BA%A45.jpg Portfolio - Chemical LabX Use real object to heat the virtual reaction system https://www.ryanzh.com/work/phoenix monthly 0.5 2019-12-04 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571895200369-87GFDU2LM5NK0877MC88/7.png Portfolio - Phoenix and Glacier https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571929963247-G6L5JJT7NY90JVV62AXI/6.png Portfolio - Phoenix and Glacier Night & Rain https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571930041669-6AAAJGMLIVHNNIJ5U115/LearnOpenGL+2019_10_24+10_47_24_1.gif Portfolio - Phoenix and Glacier Night & Rain https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571929947663-YL596ICBTURQFHHPRLE5/3.png Portfolio - Phoenix and Glacier Day & Fog https://www.ryanzh.com/work/deer monthly 0.5 2019-12-04 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571892723625-RABGGD4X6NN5JRQ62EJE/portfolio.jpg Portfolio - Deer https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571893333318-215HMHV5IX4PGD92QMEL/1-Deer4.jpg Portfolio - Deer https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571893375010-P3ABIWWJG1XO8YBV1WWG/image-asset.jpeg Portfolio - Deer https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571893359498-TROJUSE4LGVDM8VCXMYM/1-Deer2.jpg Portfolio - Deer https://www.ryanzh.com/work/beatfighter monthly 0.5 2019-12-04 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571874640486-K5E4NVEQVGXYUY3TXZAJ/Round3-title.jpg Portfolio - Beat Fighter https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571877956056-X0UDRZ8WKLYT8AHERB3C/image-asset.png Portfolio - Beat Fighter https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571877561998-A0LJYEPFG7GVAI3RCYHR/image-asset.png Portfolio - Beat Fighter https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571877943616-LM05SMY6DZY95A7VHCK0/image-asset.png Portfolio - Beat Fighter https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571879004304-3QOZRFAZ9MTS3OQ06B3V/image-asset.png Portfolio - Beat Fighter https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571879149047-RAGTXG3ADR9SF0E4350J/image-asset.png Portfolio - Beat Fighter https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571876097776-NYJ4BG9Z8XI9UWBAI493/Beat3.gif Portfolio - Beat Fighter https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571881135756-V55VCAUOAXHM1W95KH0Y/image-asset.png Portfolio - Beat Fighter https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572226102474-04TVS8WBCEFWH3Y6OK2A/IMG_20191024_191425.jpg Portfolio - Beat Fighter https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571886235402-2R6FFK1TZNKDEPTEUDV4/image-asset.gif Portfolio - Beat Fighter https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571886190192-176UQ94NKHSXJR88GCYL/image-asset.gif Portfolio - Beat Fighter https://www.ryanzh.com/work/vincentsdream monthly 0.5 2019-12-04 https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571931580214-VN4N5PMEYVPXRI7ZUW74/Menu.png Portfolio - Vincent's Dream https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1572226006738-43ZGSD095SNEBRX7H4ZN/image-asset.gif Portfolio - Vincent's Dream https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571894783390-7I9RYGGQ66MR1XKFU4UM/clock.png Portfolio - Vincent's Dream A clock and also a lock https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571894749473-AUOPGS5G7RIX06HE1KMH/drawer.png Portfolio - Vincent's Dream The drawer hides the diagnose https://images.squarespace-cdn.com/content/v1/5da492e408d4405eab031989/1571894678099-1FL4LEH75OOW935QVW2W/ill.png Portfolio - Vincent's Dream A diagnose from a psychiatrist