Watercolor Visualization. Ellen Duong

Transcription

1 Watercolor Visualization

2 About Me

3 Recent Graduate BSE in Digital Media Design MSE in Computer Graphics and Game Technologies at the University of Pennsylvania Interested in Theater, Public Art, Music LinkedIn:

4 Project Background

5 Procedural Graphics Computer graphics that is automatically generated in real-time based on parameters. Essentially creating art with math and code I took a course in Spring 2017 on procedural graphics and was a teaching assistant for the course this Spring.

6 My Project

7 My Project Summary A real-time watercolor effect simulation Expressiveness and style of traditional media Artistic UI tools will allow users to interact with the art piece such as by developing a color palette or deciding where to add color. Non-photorealistic rendering

8 Goal Source: Watercolor Art by Ekaterina Mango on BoredPanda

9 My Project Outline Research Design Development Scene Watercolor Effects Turbulence Paper-Granulation Edge-darkening Color Bleeding Art-Direction (UI Tools) Color Palette Object Loader Other Parameters Documentation Increase Readability of Code README Documentation Demo Video

10 Watercolor Effects Turbulence Edge Darkening Blurring, Color Bleeding Wet-on-Wet

11 Results

12 What I learned and how Technical Skills Researched and tried out different frameworks. Processing, Audio Libraries, Three.JS Algorithms for Watercolor effects Montesdeoca, S., Seah, H., Rall, H. and Benvenuti, D. (2017). Art-directed watercolor stylization of 3D animations in real-time. Computers & Graphics, 65, pp Soft Skills Time Management Breaking Tasks Down Prioritizing my time Roundtable shoutout! Stephanie Lin s Presentation on Card Sort All the Things! How to Make Decisions that are more Aligned with your Values.

13 My tools, languages, and libraries Javascript is a dynamic programming language used for the web Three.js is Javascript s 3D library HTML Dat.GUI is a minimalistic GUI used to modify variables

14 Beyond My Project

15 Community Office hours 1-on-1 mentorship Roundtables Questions during roundtables Amazing speakers! The fellows! Learned more about local opportunities in Philadelphia Resources such as PhillyCHI, Slack, and way more!

16 Blog Post How Art Made Me A Better Developer by Art projects build problem solving skills, logical thinking, attention to detail, teamwork, and critiquing skills. These same skills are essential to every technical project. The following is a list of lessons that I learned in art and have made me a better developer.

17 My Next Steps

18 For the project Digital Fringe is the digital artwork portion of the Fringe Festival held in September. Source: Fringe Arts Website Will continue to work on project during summer Put together a scene Pond by, 2017 Digital Fringe Entry

19 For the project Fine tuning Work on color bleeding Source: Watercolour Shadow Shader Effect by hadynlander on Unity Forums Choose areas to smudge

20 For me in tech Junior Technical Director in the Production Technology Team at LAIKA Animation Studios Creating in-house software tools for artists Starting at the end of June Moving to Portland, OR area

21 Thank you!

22 Credits Watercolor Slide Template: