Sugar Labs

Improve Music Blocks Tempo Widget

This feature could use some improvements: https://github.com/walterbender/musicblocks/tree/master/guide#8-understanding-tempo

Specifically, this bug needs to be addressed: https://github.com/walterbender/musicblocks/issues/383

In addressing this issue, however, it would be nice to improve the aesthetics. Try to implement a visual "bounce", where the ball "squeezes" against the edges of its frame visually (...by having the ball squeeze against the side, enlarging in middle as it hits the side of the frame like in this picture: http://cdn.xl.thumbs.canstockphoto.com/canstock7154523.jpg )

The problem that occurs in tempo widget looks a bit like this: http://www.cs.sfu.ca/CourseCentral/166/tjd/_images/overlapBall.png

Other helpful links and info

A similar problem is discussed here: http://www.cs.sfu.ca/CourseCentral/166/tjd/bouncing_ball.html

Pertinent Quote:

NOTE: This may also be helpful:

http://sixrevisions.com/html/bouncing-a-ball-around-with-html5-and-javascript/

Task tags

  • code
  • design
  • javascript

Students who completed this task

Ziyao Zhang

Task type

  • code Code
close

2016