Closed

Javascript script creation

Hi, we are looking to make a Javascript that recreates this same effect:

[login to view URL]

The components are:

(1) Timmmer spinning around the circle.

(2) Possible states:

- inhale: where circle expands.

- exhale: where circle shrinks.

- hold: no changes in size.

(3) Time control:

- 15 seconds per loop (slow)

- 10 seconds per loop. (normal)

- 7,5 seconds per loop. (quick)

Once the timmer reaches a start point of a state (inhale, exhale or hold), it plays a sound defined in the script, and continue moving until the next one.

Please, look at the following video for a better explanation :

https://www.youtube.com/watch?v=i6DDge2a57I

The script needs all the present features, and also the possibility of creating a new circle. All circles have the same speed options:

- 15 seconds per loop (slow) = 4 per min.
- 10 seconds per loop. (normal) = 6 per min.
- 7,5 seconds per loop. (quick) = 8 per min.

Users can only add new points:

- inhale: where circle expands.
- exhale: where circle shrinks.
- hold: no changes in size.

And save their circles (information should be stored in a Json array and printed on screen when click save). No backend db or server side programming required.

Skills: HTML, HTML5, Javascript, jQuery / Prototype, PHP

See more: javascript w3schools, javascript function, javascript array, javascript examples, javascript alert, javascript tutorial, learn javascript, javascript syntax, javascript time control, rfid javascript script, javascript hotspot creation tool, calculate driving distance javascript script google map, indesign java javascript script, dragging javascript script myspace, php script order form calculated size, ajax javascript script php, time control java script, sell javascript script, time control javascript, javascript open window image auto size

About the Employer:
( 0 reviews ) Buenos Aires, Argentina

Project ID: #17405795

23 freelancers are bidding on average $121 for this job

World515

HELLO I'M READY TO START FOR YOUR PROJECT. I AM SURE I WILL DELIVER YOU WONDERFUL RESULT IF WE CAN WORK TOGETHER. PLEASE CONTACT ME WITH REASONABLE PRICE FOR THIS PROJECT IN MORE DETAIL. YOU CAN CHECK MY PORTF More

$155 USD in 3 days
(362 Reviews)
7.9
extreamcode

HI There, I have seen the inhale, hold, exhale bubble. Can do similar for your in javascript. Let's have a quick chat to discuss it further. You can check my sample work at: https://www.freelancer.com/u/extreamco More

$155 USD in 3 days
(90 Reviews)
7.6
$155 USD in 1 day
(200 Reviews)
7.0
phenodesign

Hi I can create this airflow editor in SVG. The user will be able to set the period and the hold, exhale points, will be able to save and load as json this data. It will work with mouse and touch events. Ati

$150 USD in 1 day
(56 Reviews)
6.8
jayshreeganeshha

hi,javascript developer here and i have gone through your requirements. i can finish your project within 3 days. plz go through my reviews and discuss with me.I hope you would like to hire [login to view URL]

$80 USD in 4 days
(105 Reviews)
6.4
shiningdevelopor

Hello NIce to meet u I m expert about javascript If u want me,I will show good result for u I can make it perfect thanks to view my proposal thanks:)

$200 USD in 3 days
(52 Reviews)
6.0
bengalTIGER1106

⚡️⚡️⚡️ ⚡️⚡️⚡️I will satisfy your proposal.⚡️⚡️ ⚡️⚡️⚡️⚡️ Hello. I am Russia developer. I read your description carefully. I have lots of interests in your job. I have rich experiences 3+years web designing & deve More

$150 USD in 3 days
(50 Reviews)
6.0
webdevangel

Hello ! thank you for your post. I have read the your description carefully. I have the sufficient experience(more 5 years) in developing of web app/hybrid app(animation, game, drag/drop, editing/processing image, More

$100 USD in 3 days
(15 Reviews)
4.7
webtalentgirl

Hello. After reading over your application, this looks like a perfect fit for my skill sets. You can kindly check my portfolio site so that you can see my skill easily. [login to view URL] I am a More

$100 USD in 2 days
(12 Reviews)
5.2
Ahmed818

Hello, i can do the required effect using my knowledge in javascript , css , css3 , html5 can begin now waiting your answer Regards

$70 USD in 1 day
(21 Reviews)
4.2
zallim

Hi sir i am a professional web developer and being in this field for a long time. I have done many projects and would like to show you my work in inbox. Kindly inbox me so we may discuss further.

$111 USD in 3 days
(10 Reviews)
3.7
shwetankit

I would like to discuss few thing for better understanding of [login to view URL] share details and ping me for further discussion. Spare a moment on our previous work [login to view URL] [login to view URL] http: More

$155 USD in 3 days
(13 Reviews)
3.8
Liad91

Hey! I can start working on your animation right away! I'll make it 100% responsive and mobile friendly. I'm a professional full-stack developer specialist in javascript (gsap/pixijs/easeljs/angular/react/node.js/expr More

$50 USD in 2 days
(3 Reviews)
3.9
josmbogo

Hello, I am a HTML5 CSS3 and JavaScript developer. I have created many animations before for browser for past clients. I have knowledge in many JavaScript libraries such as JQUERY and P5js and [login to view URL] which are anim More

$35 USD in 1 day
(7 Reviews)
3.9
emonidi

This is a new proposal for the breathing circle which is already made and functioning. Three milestones are proposed .

$200 USD in 0 days
(5 Reviews)
3.2
$70 USD in 3 days
(4 Reviews)
2.8
teamspirit3

Hello. Nice to meet you. That effect looks good. As a web developer, I will do my best for my interest and I will give you the perfect result as you want. Your requirement is clear. I am always ready for interview an More

$222 USD in 1 day
(2 Reviews)
1.6
neerru

I'm already working as a web developer in a startup and now looking to kick-start my freelance career. I'll do your work. Pay me what you want or even free in return for a review & rating. Thanks,

$35 USD in 1 day
(1 Review)
0.4
$111 USD in 2 days
(0 Reviews)
0.0
$166 USD in 10 days
(0 Reviews)
0.0