Create wonderful look and feel embeddable javaScript sketchpad

Closed Posted Jan 6, 2015 Paid on delivery
Closed Paid on delivery

Create a fantastic look and feel embeddable javascript sketchpad.

The sketchpad should create the feeling of lifelike drawing and sketching with a UI that is currently unavailable in the javascript world.

The sketchpad SHOULD use html5 canvas as a display. It MUST work in all modern browsers including touch devices.

The vision:

It must be easily embeddable $.collsketchpad('someCanvasId') for example.

It must be clean code, for later improvements. Make Uncle Bob proud!

It's dependencies must be managed with grunt or gulp.

The CSS part SHOULD be SASS.

It must be thoroughly unit tested.

It should be created in a communicative agile manner.

It must be vector editable, avoiding the common pitfalls of an unusable UI.

It must be easily zoomable, rotatable and pannalbe (with touch gestures as well) eg.: [login to view URL]

It should have multiple drawing tools (ball pen, fountain pen, rotring, felt pen, paintbrush)

It SHOULD provide tools for mathematical drawing (calipers, protractor)

It MUST provide an easily parsable output (eg. json) and MUST be easily fed with the same kind of data.

This info will be sent through a websocket to another (or many other) client(s), so it MUST provide incremental bulidup of an object. By that I mean if we have a start state, and a new line is drawn, only the new line data should be sent through not the full state.

As an example I would recommend sketches app for ipad or iphone. ( [login to view URL] )

The UI plans WILL be provided in the requested format (Fireworks PNG preferred)

Upon drawing with some tools the curves MUST be connected with variable with bezier curves. (Quadratic or cubic interpolation, not simple straight line connect)

Upon drawing with some tools it SHOULD use store brushes, or particles.

The colors of paintburshes and felt pens should mix with eachother like they would on paper)

Upon erasing it COULD use particle animation with web-gl like iwatch dissolve effect. ( [login to view URL] )

It COULD provide layers.

The websocket communication and the socket server is not part of this project.

I would require an agile apporach, an continous communication, and incrementally releasable and testable product.

Agile Development JavaScript jQuery / Prototype Mathematics Software Architecture

Project ID: #6944049

About the project

6 proposals Remote project Active Feb 12, 2015

6 freelancers are bidding on average $2068 for this job

leadconcept

Dear Sir, I have read your Project description but this is quite complex project, while your budget of US $750 is definitely very unrealistic. So, please drop me a message thru' Freelancer PMB, if you are flexible i More

$789 USD in 30 days
(49 Reviews)
8.5
techwelfare

hi we could do it perfectly with accuracy, please let us know if you want to clarify in details.. if you want us to share our skill and previous work please initiate the chat by replying..

$789 USD in 10 days
(52 Reviews)
6.1
paulprabhakarand

Hi, I have a pretty talented team of members having experience in the software industry between 4 - 12 years and have created mock up screens several complicated applications. Already we have developed and delivered o More

$2222 USD in 20 days
(19 Reviews)
5.4
rightwaywrongtur

Sir , I have great experience in web development and mobile ( android ) app Development. I am very much willing to do this job , I have a good knowledge of working with web connected to mobile devices. I am new to free More

$555 USD in 10 days
(1 Review)
3.0
vinityad

Hi There, I know I've placed bid much more than the budget, but features which you want are worth many hours or complex coding. So lets first discuss project in greater details because some of the requirements are w More

$6999 USD in 56 days
(1 Review)
0.0