Skip to content

A-Vargas-GP/Drawdio-Application

Repository files navigation

Drawdio ✏️

Table of Contents

Drawdio

Drawdio is a mobile drawing application where users build visual & sonic environments by selecting a background, drawing & placing stickers

Each background, sticker, and brush stroke create audio that work together to build a layered musical composition.

Project Intent

Drawdio should generate a line based on mouse location. The app should be accessible to newcomers to the digital art and music space.

The final build should be accessible on the web. Overall, this application is playable on desktops and mobile devices.

Project Description

Fusing the benefits of art and interactive electronic music therapies, Drawdio aims to improve the mood of college students through self expression, playful engagement, and creative empowerment.

We plan to deliver a product that is accessible, engaging, and appealing to create a calmer and more creative campus. Drawdio needs to be designed for beginners. Drawdio should include relaxing musical compositions. The important features were the color palettes, brush options, and undo and redo buttons. We need to welcome and build users’ confidence around drawing.

As determined based on our group & testing through a needs assessment survey, our users are primarily college students using app for relaxation. Users should find Drawdio to be a relaxing, intuitive, & accessible application. The ideal environment for users include their dorms, in-between classes, and with friends.

Current Functionality

  • Drawing Ability
    • Holding mouse down will generate a line based on mouse location
    • Mouse up will stop the line from being drawn
  • Change color, size
    • Color selections to select from (ROYGBIV)
    • Color sizing slider (with text indicating the current size)
  • Undo/Clear Ability
    • Button to undo the last drawn line
    • Button to clear all lines drawn
  • Sticker ability
    • Drag and drop sticker
    • Option of colored and outlined
  • Music
    • Components will begin to play when drawing, adding stickers, or changing background
  • Background Images
    • Arrow to change background
  • Navigation Bar
    • Colorized circle for the created color in the side nav bar
    • Side tab for colors, sizing options

Previous Functionality

  • Colors
    • Changed the default value of the alpha slider
  • Stickers were swapped out to reflect grouped themes
  • Changed the default value of the alpha slider
    • Previous iteration had the alpha slider starting at 0
  • The hamburger menu was switched to a sidebar
    • Fixes a bug where the animation were not having the color and size options appear correctly in screen
  • New logo
    • Design with the music notes floating above the text to a more rain-cloud-like look

Future Functionality

  • Right Side Nav Bar
    • Sticker selections for forest, beach, and cave sceneries
    • Save option to take a picture of the drawing
    • Recording option for the music piece that is composed
    • Mute option to turn off all audio
  • Option for more background selections
    • Omitted were the beach and cave scenes
  • Tablet functionality
    • Exporting to Android and iPad devices as a downloadable application
  • Color wheel option
    • Alternative to the color sliders
  • Changing the music options when drawing
    • Current version only has one option
    • Three options for a user to select from through box buttons

Project Website

To test the Drawdio application, you can find a playable build at the following website: Drawdio

Applications Used

  • App developed in Unity
  • Music created in Logic Pro
  • Stickers and art created in Procreate

Contributors

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published