Bouncing Images around a container. How would you do this?
The easiest way to visualise what I want want is by taking a look at this image => https://s3.amazonaws.com/bound2/example.png
Basically want the images to "bounce" round the website similar to this =>
The example above uses canvas! But I'm not sure if you can drop images into canvas easily? I can't seem to find any library out there.
Any help massively appreciated!
Break up the problem in smaller bits and then tackle them one by one:
- Create code example with image on canvas: https://stackoverflow.com/questions/6011378/how-to-add-image-to-canvas
- Make image move on canvas
- Detect when image reaches edge of screen
- Make image bounce when reaching end of screen