Questions tagged [html5-animation]

HTML5-ANIMATION is a way to animate HTML element with css or java script or both....

85 questions
0
votes
1 answer

How to move shapes from its new instance by requestAnimationFrame?

Here is the fiddle. Small rectangle will be created to simulate a bullet when the spacebar(keycode 32) is pressed. I encountered some problems: How to move them yo the top (decrease the y coordinate)? Can anyone help me?…
SPG
  • 6,109
  • 14
  • 48
  • 79
0
votes
1 answer

Ideas on how to animate multiple bezier curves?

I am trying to create a drawing animation out of a picture that is quite similar to this one. From what I've been researching, I think my goal is to make multiple bezier curves. The problem is, since I do mostly programming but not quite so on the…
0
votes
1 answer

Dynamic Tile based layout

Hello I would like to make a layout where by tiles (1x1, 1x2, and 2x2) fill a grid, and when you click one of the tiles it expands to a larger window and fits into a larger area within the tiles surrounding it. Here is an example of what I mean…
0
votes
1 answer

Kineticjs: Random moving animation of images in canvas

How can I add a random moving animation to For loop images, I have this code for image: var imageSRCC = ["images/image1.png","images/image2.png","images/image3.png"]; function Images(i,x,y) { var CreatImage = new Image(); Image= new…
0
votes
1 answer

Animated submit/progress buttons with pure css3

How can someone achieve the effect shown here using pure css3.
254code_rep
  • 9
  • 1
  • 3
0
votes
2 answers

html5 canvas animation, rotating the text is not smooth enough

The idea is simple, create a star with text and rotate it. But its not smooth after making a quick script here is my fiddle The star is moving oke, but the text is shaking like a snake :)
0
votes
2 answers

setInterval on myDoughnut animation

I want to repeat the animation of the myDoughnut animation every 5 seconds. At the moment it only animates on page load.