Git Product home page Git Product logo

drawingapp's Introduction

Hello! ๐Ÿ‘‹

I'm Evelyn. I currently work at Dropbox, on the "Analytics Platform" team.

I'm really interested in building tools and platforms that enable people to follow their curiousities.

drawingapp's People

Contributors

eveninglily avatar

Watchers

 avatar  avatar

drawingapp's Issues

Overhaul the color window

Possibly roll with a custom color wheel.
RGB, Hex, HSL and HSV could also be displayed
If a custom color wheel is added, a custom 'Custom Colors' feature will be added

Zoom

Possibly add the ability to zoom in/out on sections of the canvas. Will have to be looked into

Module System

Split some of the features into 'modules' to be loaded, hopefully improving performance and cleaning the code some.

Example module would be revision, which would contain undo(), redo(), updateCanvas(), and a few methods/variables to access what is currently the changes[] array.

Different layout

A different layout should be loadable, one that resembles a more traditional drawing.image editing tool

Add Collaborative Editing

Add the ability for several users to edit on the same canvas.

This has a few prerequisites.

Task #1 should be taken care of, as should #8

In addition, the code should be rearranged to split the current core.js into client.js and core.js

Also, a pure client side branch might be kept, if an easy way is found.

New Tools

Eyedropper
Text
Blur
Shapes
Bucket

Brush window

Textured Brushes
Allow the ability to change opacity with slider/numeric value
Allow resizing the brush with slider/numeric value

all buttons should turn negative when clicked

all buttons below the pencil and eraser should turn negative when clicked
for example, the color picker window should turn negative when selected, however the simple tools such as undo should only turn negative for a split second when clicked

help button

explains what tools are, key shortcuts (like -/+ for resizing brush, shift + -/+ for adjusting opacity, ctrl+q, etc.)

User Experience

It sucks. It really does.

#25
#21
#43
#45

In addition, the default position of a bunch of the windows should change, so they don't overlap

Layer Improvements

Implement the layers system again.

This includes

Saving/Clearing individual layers
Hiding/showing layers
Merging
Per layer opacity
Rearrange layers? Could require rewrite of parts of it
Preview of layer in layers window

Mobile Support

The site is unusable on mobile. Possibly add a scaled-down version of it for mobile.
There are some jQuery events that might be able to be used, and with the newer changes to the code, this might not be too hard

Select/Transform tool

Implement a selection tool

-Copy selected area
-Drag selected area around
-Scale and rotate

Once this is implemented it can be used as part of the text tool, the shape tool, and images dragged/pasted in

Image Importing

Allow importing images into the page to be edited
Possibly add manipulation tools at the same time, such as Flip, Rotating, etc.. Could take some time though

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.