Tennismatch Rendering in HTML5 (and Three.js)

AWARDED
Bids
10
Avg Bid (USD)
$418
Project Budget (USD)
$30 - $250

Project Description:
Deliverable: Primitive Prototype.
Deliverable type: one html page with js-code that starts a tennis ball exchange, a js-library for the court rendering, a js-lib for the ball exchange. Preferably [url removed, login to view] is used (court and ball must be rendered in 3D because perspective on court may change).
Examples here: [url removed, login to view]

Objective: Create a primitive 3D model of tennis court. In that space, a ball exchange should be rendered according to an array of absolute position. Absolute 0 point should be where the centre line meets the baseline on one side of the court and up a meter. In spacial coords that is x,y,z. Thus it's 0,0,1000 to express in millimeter. This coords need to be mapped, of course, to a virtual and displayable unit that can be rendered in HTML5.

Functional acceptance requirements for the prototype
- a ball must rendered to fly from one side of the court over the net to the other side and back (one ball exchange).
- the perspective must changable to any angle of the court, but start from point 0. Same as in this example: [url removed, login to view]

Qualitative acceptance requierments for the prototype:
- court size must be in relation to real size. It is okay for the net to be straight (which is not in the fact in real models).
- size of ball must NOT deviate more than 30% of real size in comparison to the court.
- do NOT focus on stellar graphics. Primitive is fine.
- the ball must NOT turn.

Constraints for the prototype:
- Do NOT use native libraries! However, it is okay to use libraries like [url removed, login to view]

This is a piece of software that is discarded anyhow after the prototype is done, so do NOT add nitty gritty things to it.

Additional Project Description:
12/11/2013 at 15:33 IST
Colors: US Open like colors. Yellow ball, light blue court.
Ball exchange: Yes, the ball needs to bounce during the ball exchange (back and forth).
Net: the net needs to be semi-transparent.
Example: Please look at the example image. On such a court a bouncing ball exchange should be conducted. (use similar perspective angle. ignore the english measures, use metrics for the coordinates.). Deviation of the angle is not crucial.

NOTICE: Time is not critical. Nor is beautiness. 100% completion is though! It's a prototype. Thus either the requirements are met or no. Binary outcome!

Skills required:
Graphic Design, HTML5, Javascript, jQuery / Prototype
Additional Files: tennis-court-dimensions.jpg
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


$ 242
in 7 days
$ 500
in 14 days
$ 1000
in 30 days
Hire Perfexus
$ 1111
in 15 days
$ 222
in 6 days
$ 155
in 3 days
$ 200
in 7 days
$ 155
in 3 days
$ 155
in 3 days
$ 444
in 8 days