-
Sick Sad Development Logo
Inspiration
Growing up I had a few cartoons that I could relate to personality-wise. Even though there was Susie Carmichael, Numbah 5, etc, there were very few black women cartoon characters. I connected with them but always felt my personality was more like a Daria or Buttercup. Cartoon Yourself is an illustration library to make yourself into your favorite cartoon character. For people who have wondered what they would look like as a cartoon but can’t draw, this library of illustrations makes it easy!
What it does
The application will let you change the skin color of the cartoon character to match yours. There are links to a mockup page for the future of the application and my personal website.
How I built it
I drew the character as vector images so that I could use the SVG tags from the XML in the HTML. There are multiple divs with ids for the buttons. I created a changeColor function in a javascript document to give functionality to the buttons that change the skin color.
Challenges I ran into
The majority of my time was researching the best ways to use SVG in HTML and then use javascript to manipulate the svg. I could not find many examples of bitmoji style applications using SVGs. I
Accomplishments that I'm proud of
I am very proud that I was able to get the buttons to work for the changing of skin color and get a little CSS done.
What I learned
I learned a lot about SVGs. I learned how to save an SVG document from a drawing program. The SVG path is its own document and is flexible and light weight.
What's next for Daria Yourself!
I am excited to be able to extend the options to customize the character. There will be more hair options, accessories, and hair color. One day, I can have a database they can be accessible to more people.
Log in or sign up for Devpost to join the conversation.