Questions tagged [animation]

Animation is the rapid display of a sequence of visuals in order to create an illusion of movement or change.

Animation is the rapid display of a sequence of visuals in order to create an illusion of movement or change. The elements of animation are typically images or mathematical renderings. Animation effects can be 2D or 3D.

The most common method of presenting animation is as a motion picture or video program, although there are other methods. This type of presentation is usually accomplished with a camera and a projector or a computer viewing screen which can rapidly cycle through images in a sequence. Animation can be made with either hand-rendered art, computer-generated imagery, or three-dimensional objects, e.g., puppets or clay figures, or a combination of techniques. The position of each object in any particular image relates to the position of that object in the previous and following images so that the objects each appear to fluidly move independently of one another. The viewing device displays these images in rapid succession, usually 24, 25, or 30 frames per second.

44523 questions
59
votes
13 answers

Scroll smoothly to specific element on page

I want to have 4 buttons/links on the beginning of the page, and under them the content. On the buttons I put this code: Scroll to element 1 Scroll to element 2 Scroll to…
M P
  • 855
  • 5
  • 14
  • 18
58
votes
7 answers

jQuery css Visibility with animation

I have few div's placed underneath each other and I'm using css visibility to fade them in and out. The reason why I use visibility is so that the div's don't move place. For fade In I'm using: $('.drop1').css({opacity: 0.0, visibility:…
jQuerybeast
  • 14,130
  • 38
  • 118
  • 196
58
votes
7 answers

animateLayoutChanges="true" in BottomSheetView showing unexpected behaviour

I have a BottomSheetView which has animateLayoutChanges="true". Initially it shows up fine. But if change the visibility of a view (inside BottomSheetView) from GONE to VISIBLE, the app messes up calculations and my BottomSheetView moves to the top…
58
votes
3 answers

CSS3-Animate elements if visible in viewport (Page Scroll)

I have added CSS animations to various div elements on my html page.But all the animations played at the same time & i can't see the animations at the bottom of the page.How can i make them play while i scroll down the page ?
Ajith
  • 721
  • 2
  • 6
  • 10
58
votes
1 answer

Animated rgl graphs with knitr

I want to include animated rgl graphs in my .Rnw document through knitr. Here is my MWE: \documentclass{article} << label = setup, include = FALSE>>= opts_chunk$set(fig.path = 'figure/', cache = FALSE, dev = "pdf", fig.align = 'center', fig.show…
MYaseen208
  • 22,666
  • 37
  • 165
  • 309
58
votes
5 answers

Android properties that can be animated with ObjectAnimator

I am starting to play around with Property Animations over view animations as I have a view that needs to scale and push others out of the way as it does. I've seen some examples but I'm just wondering if there is anywhere that provides a list of…
Cathal Comerford
  • 1,020
  • 1
  • 9
  • 12
57
votes
5 answers

How do I do something when an animation finishes?

I have an ImageView that I use to show progress via an AnimationDrawable. When I want to show my progress spinner, I do this: animDrawable.start(); ObjectAnimator.ofFloat(view, "alpha", 1.0f).setDuration(300).start(); When I want to hide the…
i_am_jorf
  • 53,608
  • 15
  • 131
  • 222
57
votes
5 answers

Android Animate Rotate

I did some digging in Android code, and saw the use of in the indeterminate progress bar. after trying to create my own drawable with this tag:
oriharel
  • 10,418
  • 14
  • 48
  • 57
57
votes
5 answers

Angular-animate - Unknown provider: $$asyncCallbackProvider <- $$asyncCallback <- $animate <- $compile

I have a strange issue. I want to include angular-animate in my AngularJS project - I am using AngularJS v1.2.6. I have added angular-animate to my bower file. It has downloaded and added to my HTML file in the source and it is pointing to the…
Mike Sav
  • 14,805
  • 31
  • 98
  • 143
55
votes
6 answers

Custom Animation for Pushing a UIViewController

I want to show a custom animation when pushing a view controller: I would like to achieve something like an "expand" animation, that means the new view expands from a given rectangle, lets say [100,100 220,380] during the animation to full…
Erik
  • 11,944
  • 18
  • 87
  • 126
54
votes
11 answers

Does JavaScript provide a high resolution timer?

Does JavaScript provide a high resolution timer? I've written a few game engines from scratch, some in C, some in Java, and some in Flash. I always follow the same basic model when it comes to animations and interactive graphics. Create a basic…
sysrpl
  • 1,559
  • 3
  • 15
  • 24
54
votes
15 answers

onAnimationEnd is not getting called, onAnimationStart works fine

I've a ScrollView in the PopupWindow. I'm animating ScrollView contents using TranslateAnimation. When animation starts, the onAnimationStart listener is called but the onAnimationEnd is not getting called. Any ideas ? Layout :
Karan
  • 12,724
  • 6
  • 40
  • 33
54
votes
3 answers

Animating fragments and the back stack

I am having trouble using or understanding how popping FragmentTransactions off of the back stack handles the custom animations. Specifically, I expect it to call the "out" animation, but it doesn't seem to. I have a simple method to handle a…
Kelly Merrell
  • 1,245
  • 1
  • 10
  • 16
54
votes
3 answers

Can we modify a Font Awesome spin speed?

I have a spinning gear on my website displayed with this code: Personally, I think that…
FlipFloop
  • 1,233
  • 1
  • 14
  • 25
54
votes
2 answers

TaskStackBuilder transition animation

I'm using Android L transitions passing an ActivityOptions bundle in intent. How can I reproduce the animation on the same intent with TaskStackBuilder? This is my current working method with a single Intent: startActivity(myIntent,…
Giorgio Antonioli
  • 15,771
  • 10
  • 45
  • 70