FAQ Database Discussion Community


Rotate animation after Translate doesn't work on Android

android,animation,rotation,translate
I'm trying to implement an app with animations. I want to get this sequence: 1 - Moving a image horizontally 2 - Rotate the image 90º 3 - Move the image vertically But in step 2, the image does not rotate on itself and moves to original position to rotate....

add a loop function around 3 small animations within larger animation functions

javascript,jquery,animation
Below is the entire animation function. I have a smaller animation within this. It is basically these 3 lines of code below (which draws a triangle). I simply want the below to execute 3 times. $('.conn-1').width('100%').animate({'height':'100%'},line_anim, function () { $('.conn-2').height('100%').animate({'width':'100%'}, line_anim, function () { $('.conn-3').css({width:'100%'}).animate({'height':'100%'}, line_anim, Full JS animation function...

Textures loading error(JS Animation)

javascript,animation,pixi
Intruduction: I am writing a simple animation with JavaScript and PIXI.js. How it's working: I paint textures in new places and delete it in old places by every step. Problem: Sometimes i get these results(some textures are not displayed and CPU loaded on 50%) http://itmages.ru/image/view/2649716/a5ae37b5 But if i updating the...

XNA animation inside WPF

c#,wpf,animation,xna,xna-4.0
My question is it possible to do play XNA animation inside WPF ? and how can I achieve this ? I did little searching and found that it's possible with Winform but I need to do it in WPF as my whole project is in wpf and only this issue...

keyframe animation using pseudo selectors

css,css3,animation,css-animations,keyframe
How would I properly animate a div with a pseudo selector without out the animation skipping back to the main animation of the div and then playing the animation assigned to the pseudo selector. The element in question is the red circle, that simply needs to move upwards by (X)amount,...

Smooth Progress Bar Animation

android,animation,progress-bar
I'm trying to implement a smooth animation for my ProgressBar, but when I increase the time (30 seconds), the animation is no longer smooth. Example with 5 seconds: Example with 30 seconds: My progress background: <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape> <padding android:top="1dp" /> <solid android:color="#10444444" /> </shape> </item> <item> <shape> <padding...

(Partially Solved) ViewAnimationUtils - No animation occurs

android,animation,android-animation,android-5.0-lollipop,viewanimator
I'm trying to use a Circular Reveal to animate in a LinearLayout on click of a FAB. Onclick, the view changes to become visible after a time delay, but no visible animation runs? In addition, when the function is reversed as an exit animation the view is invisible for the...

CSS bouncing line loader animation

html,css,animation
Im trying to create a simple loader animation that draws a line back and forth but currently is moving only in one direction. As soon as it reaches the middle of the animation it does not animate in the oposite direction. This is my css @keyframes loader-animation { 0% {...

CSS3 Animations being triggered on display change

css,css3,animation,css-transitions
I am trying to use CSS3 animations in order to fade elements in on page load. With this I need to set the element to display: none; and then back to display: block;. I only want the CSS3 animation to be used on the initial load of the element and...

How to achieve scrolling animation in UITableViewCell?

ios,objective-c,uitableview,animation,uicollectionviewcell
I have a necessity in my app which requires the following animation in uitable cell. The animaton can be easily seen in the following link. UITableCell animation sample How to achieve this animation?...

Create WatchKit PNG Animations

ios,animation,watchkit
I understand how png animations work, however i'm having a hard time doing them. IS the best way really to open photoshop and draw things one frame at a time? I want to create a simple circle being drawn, so far I'm to frame 30 of 120, i'm adding shapes...

Roku animation using animated sprites, how to create the tedious xml

xml,animation,sprite-sheet,roku,brightscript
I made a simple java script code to create the sprite sheet xml for the sprite animation in roku written in brightscript. Is there an easier way to just pass in the sheet and let it figure out the dimensions of the frame? That would be cool. I learnt about...

Stop fadin/fadeout event jquery

javascript,jquery,animation,event-handling
I have a dive that flashs once on click. If you press the button multiple times it will keep flashing until the click count has been executed. I would like to so then if the user was to click the button multiple times, it would stop flashing after the last...

Javascript - Change all animation-play-state on page load

javascript,html,css,animation
I have a * { animation-play-state: paused; } in my global CSS, it controls ALL animations on the page. How can I make it so it changes to "running" once all elements have loaded in? It functions like a loading screen basically, but it runs before the page has finished...

jQuery text animation from right to left

jquery,animation,text
I try to achieve the same animation with jQurey animate for social sharing what this site uses in footer when you click on Share. I was trying to build the animation but the list on toggle does not behave as expected. my markup <div id="social-media"> <a href="#" class="social-shares"> SHARE</a> <ul...

Getting the font metrics before the paint method id called

java,animation,graphics,fontmetrics
Hi I am creating a news ticker/ text scroller. I am using the following method: import java.awt.Color; import java.awt.FontMetrics; import java.awt.Graphics; import javax.swing.JFrame; import javax.swing.JPanel; public class Scroll1 extends JPanel{ private int x; private int x2; private int y; private String text; final int startX=-100; public Scroll1(int startX) { x2=-650;...

How can i make a jQuery animation loop on infinite, after it finish?

jquery,loops,animation
I have a jQuery animation, i have a flying monkey that has to rotate from left to right and from right to left, is working fine but i have to make the monkey loop. Right now i have improvised, i have made several divs into each other that rotate after...

UIView.animateWithDuration does not work within a UITableviewCell

ios,uitableview,swift,animation,cell
I have a UITableviewCell subclass that contains a UIButton that is placed off-screen (right) with a Autolayout Horizontal Space Constraint to it's superview of -312. Now I want to animate this constraint to a value of -8 when the the cell is selected. I have created a outlet for this...

beginAnimations with “context”variable in ARC?

ios,objective-c,animation,automatic-ref-counting,bridge
The question partially similar to existing ones but I still get error with memory management. The following non-ARC code work: [UIView beginAnimations:... context:[[NSNumber numberWithInt:i] retain]]; and somewhere in didStopSelector: NSNumber * n = (NSNumber *)context; ... [n release]; I tried to remove retain/release and to add copy (and combined these...

When hovering over item showing child and animating other items

javascript,jquery,animation
I'm having 5 circles with inside a picture. Once clicking on the picture, I want to show the details of that picture, but only the details about that 1 picture, not the others. The others should be animated since the detail cadre is pretty big and overlays the other circles....

CSS animation swaying curtains [closed]

css,animation
I have a customer who would like curtains opening on his Entrance page, but they can NOT be a Flash animation, and an animated gif is too large in file size. So I created a set of curtains that open with CSS animation on mouseover. The basic animation is here...

Speed up animations Android emulator

android,animation,android-emulator
Does anyone know of a way to programmatically speed up all animations on your Android emulator? Either via an option when starting the emulator via adb, or a method you can call once your app starts. I know about the developer option which speeds up animations, but when running automation...

Custom transition iOS (Push/Pop)

ios,objective-c,animation,uiviewcontroller,custom-transition
I created a custom zoom-in transition when pushing a new viewController, and it used to work perfectly fine. Now I want to create a zoom-out effect when popping the viewController, and even-thought the final state is correct, the animation is wrong since I don't know how to identify if it...

How do Google create the distortion effect on the Google Ideas homepage?

javascript,animation,distortion
The Google Ideas homepage features an animation that distorts the appearance of some of the text and a button with a static sound effect, in order to simulate signal interference as the content transitions from one item to the next. Here's a Gif in case they change the design: How...

Why is my CSS animation on the image not working?

html,css,css3,animation
This is the CSS code I'm using: img { position: relative; -webkit-animation: movingImage infinite linear 2s infinite; animation: movingImage infinite linear 2s infinite; } @-webkit-keyframes movingImage { 0% {left: 0px; top: 0px;} 25% {left: 200px; top: 0px;} 50% {left: 200px; top: 200px;} 75% {left: 0px; top: 200px;} 100% {left: 0px;...

Android APP: After excuting AnimationListener, programe got an uncauched Exception

android,android-layout,animation
I am new to Android development, my code is as below: AnimationListener al = new Animation.AnimationListener(){ public void onAnimationEnd(Animation animation){ try{ Intent mainMenu = new Intent(Splash.this,MainMenu.class); startActivity(mainMenu); Log.d(Splash.ACTIVITY_TAG, "Haha , this is after startActivity."); } catch (Exception e){ String str= e.getMessage(); Log.d(Splash.ACTIVITY_TAG, " this is in catch."); } } public...

Adding animation to arrow appears to change the element's central point

html,css,animation
I got an arrow in a banner section of my site which is supposed to be centered. However, as soon as I add the bounce effect to it the central point of the element appears to change so its left side is centered instead of the element's center. I've been...

FadeOut/FadeIn animations before/after ngAnimate

css,angularjs,animation,css-animations,ng-animate
I have this form on plunker and a struggling with adding a fade animation. What I want to do is, before the keyframe animation starts have the content fade out. And when the new view appears, I want the the keyframe animation to finish and than an animate.css animation to...

How do I make this animation move from right to left?

javascript,html5,animation,html5-canvas
I have been learning some JavaScript and this was one of the exercises. It works just fine, but one of the challenges was to make the animation go from right to left and I have been stuck in there for a while. I'm sure is really simple but everything I...

Animate custom object variable

android,animation,interpolation
Let's say I have a custom object, like a Point class (I am not using the one from Android), and I need to slowly change its coordinates from a start value to an end value when the user double taps the screen. I have already all setup, but I can't...

Skrollr animation flickering in safari. What am I doing wrong?

animation,safari,skrollr
While scrolling down through a image animation it flickers between each image. When scrolling back up and starting over, the flickering goes away. Works perfectly fine in Chrome and Firefox. Heres the code structure: HTML <div class="container" id="arena"> <div id="animate" data-anchor-target="#arena" data-smooth-scrolling="off" > <img class="lazy" src="img/animations/ctu_hq_animation_mb_4.0001.png" alt="" data-0-top="display:none;" data--100-top="display:block;" data--125-top="display:none;">...

Tile-based Movement and Animation

c++,animation,sprite,sfml
I am currently working on a demo, just to get to grips of how to make a game. It might turn into something in the future, but for now, it's just for learning. My demo is, I guess, influenced by The Legend of Zelda. It has that top-down look that...

How to animate a ball along the curved path using css3 animation?

jquery,css3,animation
I have this scenario to animate a ball along a curved path. I don't have any idea to implement this using the css3. I know there is no path animation kind of stuff. Is there a way to animate a ball on a curved background. here is Live Demo my...

SceneKit + Collada + animation

objective-c,animation,blender,scenekit,collada
I am trying to use Apple's SceneKit in order to load a model from Blender in Collada (dae) format, then apply animation on it from another Collada file, just like Apple did in their Banana example. I can do this with their models and animation files, however, if I open...

step function with velocity.js?

javascript,jquery,animation,velocity.js
I recently switched from jQuery animations to velocity.js animations to improve performance. Switching was wasy because the syntax is largery the same. However, using jQuery's step-function doesn't seem to work with it: $(".elem").velocity({ height:100 },{ step:function(now,fx){ if(wasScrolledDown) $("body").scrollDown(); } }); Is there something similar in velocity.js that I could use...

slide right from left with jquery

javascript,jquery,html,animation,slide
I'm using this fiddle for a my project but I want to make targets slide from right to left. If you check the link link you can see the targets divs are sliding form left to right. jQuery(function ($) { $('a.panel').click(function () { var $target = $($(this).attr('href')), $other = $target.siblings('.active');...

Why is my CSS animation breaking my overflow?

html,css,css3,animation,css-animations
I've spent soo long trying to figure this out, and I cant see any reason why this is causing this error. You can see, that the sun and land are visible outside of my scene div which has an overflow of hidden. Now if you go to the classes below...

Assign a random number to a keyframe animation value

jquery,css,animation
I'm trying to create an animated background. In short, there are 6 icons which should all animate to move around the page within a small boundary. Current JS Fiddle works to an extent but need to make amends as below: https://jsfiddle.net/mLegg2vt/7/ I wish to randomly generate the movement of these...

How to draw a animated line appearing in canvas html5?

javascript,jquery,animation,html5-canvas,draw
I´m wondering what is the right way to draw a line animation to display slowly like this effect in the opening seconds. http://dreamteam.pl/ Thanks!!...

JavaFX - how to get background color of Tab, Button, etc

java,animation,colors,javafx,background
Problem description: I can't get background of object in JavaFX. I don't mean Shapes, but normal Nodes like Buttons, Tabs and others. I don't know how to access to theirs background color. What I want? I am developing IDE and I want to run Color animation on tab with file...

QtQuick2 - QML - create infinite moving line animation

javascript,animation,qml,infinite-scroll,qtquick2
Does anyone know how to implement linear animation, for example like in progress bars, where few of lines moving infinite in the bar from left to right or any other way? I'm going to use only QtQuick2 primitives and without any additional C++ components, glad to see any answers that...

Cycle through array with animation

jquery,html,css,animation,styles
So I want to cycle through a list of arrays when I click the button, I've found info but can't figure out how and where to put it into the code I have already, check the below to see what I have already; My Current Code [1]: http://codepen.io/anon/pen/PqKYwz If anyone...

Animation Trigger (Storyboard + Trigger) in C#

c#,wpf,xaml,animation,triggers
I have an animation using DoubleAnimationUsingKeyFrames, and I need to turn on the first part of the animation by using triggers. How can i do that? <Storyboard x:Key="TargetStoryboard"> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="TargetArea" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)"> <SplineDoubleKeyFrame KeyTime="00:00:0.0000000" Value="0.001"/> <SplineDoubleKeyFrame KeyTime="00:00:0.6000000" Value="1"/>...

Animation of setAlpha for UILabel not working

ios,objective-c,animation,uilabel,alpha
I have some UILabels on a view that I want to fade when the someone is holding down on the view. I am trying to perform the fade by changing the alpha value of the text from 1.0 to 0.5 and then back again when the touch is released. Here...

TImed Animation

html,css,animation
How can I have the animation playing only for 5 seconds then it fades out? Here is the sample from codepen The CSS @import "compass/css3"; @include keyframes(bounce) { 0%, 20%, 50%, 80%, 100% { @include transform(translateY(0)); } 40% { @include transform(translateY(-30px)); } 60% { @include transform(translateY(-15px)); } } .arrow {...

How to both scroll and stop UIScrollView programmatically?

ios,animation,scroll,uiscrollview,animatewithduration
There are a lot of similar questions but they all differ from this one. I have UIScrollView which I could both scroll and stop programmatically. I scroll via the following code: [UIView animateWithDuration:3 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{ [self.scrollView scrollRectToVisible:newPageRect animated:NO]; }]; And I don't know how to stop it at all....

Angular How to use $interval without delay during first run?

javascript,jquery,angularjs,animation
I have the following function which is animating some object on the screen: $interval(function() { $('#cloudLeftToRight').animate({ left: '+=250%', }, 7000, function() { $('#cloudLeftToRight').removeAttr('style'); $scope.resetAnimationCloudLeftToRight(); }); }, 8000); Problem is that if app function is triggered first animation is displayed after the 8 sec. delay. I would like to run animation...

Applying a Logarithmic Animation

jquery,objective-c,c,animation
In Psuedocode, if I have object that I wish to transform in a non linear fashion based on some delta range from 0 to 1. How can I apply concepts such as Ease in / Ease out? Essentially I'm wanting the object to start animating in slowly but begin to...

Eloquent Javascript: DOM Animation snippet

javascript,animation,dom,recursion,requestanimationframe
I'm trying to understand everything that is happening in this little code example in Eloquent Javascript: The Document Object Model (Chapter 13), but I'm not clear on where exactly the value for "time" is being passed into the animate() function before the function itself gets passed into requestAnimationFrame(). What exactly...

how to create an action for a clicked image from imageviewanimation

objective-c,animation,uiimageview,uigesturerecognizer
[SOLVED - SEE THE ANSWER] i want to have three images grouping as animation, and i can be able to click any of these three images to define an action. In the other words, i'd like to know the ways to create separate action/ event for each image in the...

How to animate object one by one?

jquery,html,css,animation
I am trying to animation my object one by one. I am using animate.css for animation. Say like I have 7 li item as in the example below, it is zoom all at time, but I want product 1 will zoom 1st then 2,3.4---7 but each will be delay like...

Unexpected behavior of jquery animation

javascript,jquery,html,css,animation
So I made this animated sidebar: HTML <div class="sidebar"> <div class="block"><a class="link" href="#link1">Menu Option 1</</div> <div class="block">Menu Option 2</div> <div class="block">Menu Option 3</div> <div class="block">Menu Option 4</div> </div> CSS .sidebar{ position:fixed; height:100%; width:200px; top:0; left:0; z-index: 100; } .block{ width:5%; height: 20px; border-style: solid; border-width: 1px; text-indent: 100%; text-align: right;...

Core Animation: Unexpected Vertical Flipping on 3D Rotation 'Bounce'

ios,objective-c,animation,core-animation,calayer
I am trying to create a flip transition that contains a grid of CALayer cells that flip over and 'bounce' after they have done so. However, I am encountering a weird vertical flipping issue shown in this video. Without the 'bounce' animation at the end, the animation works as expected,...

Animating quiver in matplotlib

python,animation,matplotlib
I followed some suggested code in response to this question, Plotting animated quivers in Python, but I'm finding I have a problem that one did not address. consider the following code: from matplotlib import pyplot as plt import numpy as np import matplotlib.animation as animation def ufield(x,y,t): return np.cos(x+y)*np.sin(t) def...

Animate double value depending on current state

c#,wpf,xaml,animation
I would like to use a DoubleAnimation to animate a double-DependencyProperty on MouseOver depending on it's current value. For the sake of simplicity lets say i want to animate a ListBoxItem to move slightly to the right while i hover my mouse over it and move back when the mouse...

slowly animate a simple line

javascript,animation,canvas
My problem is that the line draw is instantaneous. What I want is it to draw the line very slowly, almost 3-5 seconds before it finishes at dy. For some reason I cannot get the setTimeout() to work. I have tried large and small values. I just have a basic...

Javascript code for CSS3 animation and transform property

javascript,css3,animation,transform,vendor-prefix
I know, with CSS, we have to use vendor prefixes such as -ms-, -moz-, -webkit- and -o- for transform property. And for animation property just -moz-, -webkit- and -o-. I want to know how to set each of them from Javascript? And transition property also. Looking for something like this...

Animate.css trouble with z-index

html,css,animation
I'm using the animate.css framework to handle cool animations for the web application I'm building, but I'm having z-index issues when it comes to displaying my content. (I should also note that I'm using the Twitter Bootstrap framework as well.) As an example, if I have a menu, and then...

Animating uitextfield when user begins editing

ios,objective-c,animation,uitextfield
I have the text field at the bottom of the screen. When the user taps it, the text field should animate up allowing room for the keyboard such as the iOS message app does. Anyway when this occurs, the animation is not happening correctly. Instead of going to where I...

How to make simple animation using ngAnimate

angularjs,animation
I am not able to understand how the ngAnimate works exactly. here is my doubt. 1) ngAnimate - only works on directives? 2) how to make ng-animate work without the directive 3) Any of above way, how to add call back after animation complete? Because i see all the animation...

If element moves, how to animate that movement with css or jquery?

jquery,css,animation,movement
I got some elements, and when an event is triggered one of them is removed or added to the DOM, when this happens the rest of the elements moves around to find their right place on the DOM, what I want is to animate that movement. Any ideas? I would...

How to animate enter and leave of MeteorJS {{#if}} block?

animation,meteor,spacebars
The title really says it all. Given a template: {{#if selection}} <div class="something"> <p>To Animate</p> </div> {{/if}} how do I control enter and exit animations of .something? Thanks....

Up and Down & Fade Out Animation

html,css,animation
How can I have the animation playing only for 5 seconds then it fades out? Here is the sample JSFIDDLE: The CSS @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } ...

Snap SVG .animate callback fires immediately

javascript,jquery,animation,svg,snap.svg
I am trying to pass a set of arguments to an animate function within Snap SVG including a callback function. However, the callback (in this case is to remove the element) fires immediately on click and not after the animation has completed. As it is now, the element is removed...

Why is animation-fill-mode not working for this specific element?

css,animation,css-animations
I'm using CSS keyframe animations to create some simple animated text and animation-fill-mode:forward is working for most of it to keep the properties after the animation fires except for the video element. It goes back to it's previous state. I cannot find anything that would be causing it. Here's a...

How to do the color animation like stackoverflow

jquery,css,animation
Here is one link which play the color animation Link Even i need some kind of fade-in and fade-out color animation with jQuery. I want when user click a button then my div will fade similar like stackoverflow. I tried this way but i guess my effect is close to...

Unexpected delays in jquery animations

javascript,jquery,animation,jquery-animate
I have a list-element that is initially set to max-height: 200px; overflow-y:hidden;. Beneath that element there is a h3-element you can click to show the entire list. For that purpose, I animated the maxHeight-property of the element with the jQuery animate() method. The animation should last 1.2 seconds. After that,...

Lag in animated image array

javascript,jquery,animation
I'm working on a looping animation (like an animated GIF) made from an ever-changing array of images (based on this.) The animation advances via a changing image class. Here's what i have currently: function animateEverything() { var imgc = 0; var frame1 = $('.start').attr('src'); var frame2 = $('.start').prev().attr('src'); var frame3...

Position change animation

javascript,css,animation
I have div element and I want to animate its CSS relative position from left:-260px; to left: -130px; over 0.5s when I put my mouse over it and I want it to stay there as long as my mouse is over that div. Than I want to animate it back...

Why is this sleep function not working when I try to animate rain?

ios,swift,animation
This is my code: @IBAction func click(sender: UIButton) { for var x = 0; x<100; ++x{ r1.center.y += 0.2 usleep(10000) } } I am using Swift in Xcode 7.0 beta. I used a UIButton to test it and simplified it down to one raindrop. When I click I want it...

Animate ScaleTransform of a Button using VisualStateManager

xaml,animation,windows-phone-8,visualstatemanager
I created a control template for a button which contains a grid and a content control. What I want to do is the following: when the button is pressed, the scale of the button should animate to 0.5 and when the button leaves the pressed state, the button's scale should...

Create a shake animation for a UIAlertView

ios,objective-c,animation,uialertview
I'm trying to make a UIAlertView shake. I already made the alertView to stay on button click, but the shake animation is not working. Here is what I have: - (void) alertView:(UIAlertView *)alertView clickedButtonAtIndex:(NSInteger)buttonIndex { if (buttonIndex == 1) { self.direction = 1; self.shakes = 0; [self shake:aUIView]; } }...

Manual slide-in animation using delta time

c#,animation,unity3d
I'm creating a simple slide-in animation for my game. The box is shown at the bottom with character dialog. The animation is supposed to look as follows: A square slides in from the left, then waits a bit, then expands to its full width. The box is made using Unity's...

Android animations memory leak

android,animation
If I have infinite animation in activity and navigate away from activity, does it causes memory leak? Do I have to stop animation explicitly or is it somehow managed on framework level? What I mean by infinite animation: <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false" android:repeatCount="infinite"> <rotate android:duration="1000" android:interpolator="@android:anim/linear_interpolator" android:pivotX="50%" android:pivotY="50%"...

Animate removal of list items with css

css,angularjs,css3,animation,css-animations
I have made the animation of a showing/hiding a list of messages. See this plunk. But how can I adapt it to also make an animation when a message is removed from the list? My css: .messages-active.messages { max-height: 50px; } .messages { -webkit-transition: max-height 1s; -moz-transition: max-height 1s; -ms-transition:...

Any third library to draw a Half Pie Chart (Semi Circle) with Animation in iOS?

ios,animation,charts,pie-chart
Anybody knows any third library with permission granted for using it? I need to draw a Half Pie Chart like this, with an animation applied. I want to get something like this: This is what you get with HUChart but it is drawn without an Animation at all. I found...

Android image fade animation

java,android,animation,android-studio,objectanimator
When I'd ran this code, it did nothing, I'm sure that this event is called when I touch the button. but It doesn't change the opacity of imageView. View.OnTouchListener mDelayHideTouchListener = new View.OnTouchListener() { @Override public boolean onTouch(View view, MotionEvent motionEvent) { ObjectAnimator fadeAltAnim = ObjectAnimator.ofFloat(R.id.imgTest, "alpha", 0.2f); fadeAltAnim.start(); }...

call function after “loop” function for multiple elements is finished in jQuery

jquery,function,loops,animation
I've searched this site for a solution but couldn't find something to extract for my purpose. I have two functions. The first function fades in multiple elements in delay to each other until every element is faded in. Now I want to start the second function after the first is...

Animations are clipped to ViewGroup bounds in Android 4.3 and below?

android,animation,android-animation,viewgroup,android-viewgroup
I'm working on a custom ViewGroup which draws some animations in the dispatchDraw() method. I came across this in my Google search: https://groups.google.com/forum/#!topic/android-developers/dZ0Yxjz3v7o And I have set clipChildren="false" inside my XML to both the parent and the grandparent view of my custom ViewGroup. However, this fixed the clipping of the...

Simple animation not working on iOS7

objective-c,animation,ios7
Im using a button to trigger the following animation: newPosition1=CGPointMake(200.0f + _btnAgregar.frame.size.width/2.0f, _btnAgregar.center.y); [UIView animateWithDuration:0.5f animations:^{ _btnAgregar.center=newPosition1; }]; It works just fine on any device running on iOS8, but does absolutely nothing when running on iOS7. Any idea why? Thanks....

Asp.net /JQuery to show/hide animated gif before donwload

javascript,jquery,asp.net,animation,download
I have created a page that shows an animation when it begins a server side operation. The div looks like this: <div id="loading" style="display: none;"> <img id="loading-image" src="../../Images/waiting-animation-extra.GIF" alt="Loading..." /> </div> My client script looks like this $(document).ready(function () { $("#btnExportToExcel").click(function () { $('#loading').show(); }); }); My Css looks like...

UIView animation happening immediately

ios,objective-c,animation,uiview
I have an animation of three buttons that used to work properly until I added different possible positions for the buttons. Now the animation happens immediately, but I'm not sure why. Here's some code: defaults=[NSUserDefaults standardUserDefaults]; _btnCuenta3.hidden=NO; CGPoint newPosition2; CGPoint newPosition3; CGPoint newPositionAgregar; if([defaults objectForKey:@"cuenta3"]){ newPosition2=CGPointMake(200.0f + _btnCuenta2.frame.size.width/2.0f, _btnCuenta2.center.y); newPosition3=CGPointMake(165.0f...

jQuery scroll to element after element animation

javascript,jquery,css,animation,scroll
I'm having a bit of an animation scrolling issue and have exhausted my debugging efforts. In a nutshell, what I'm trying to do is scroll to an open panel on the users click. User clicks on 1 of a series of panels, that panel opens up (animates), and the freshly...

How to move JFrame shape

java,swing,animation,awt,java-2d
I'm trying to develop a simple game. The games is about the shapes. Shapes will move and we'll catch by mouse. I have already created a oval and given size of oval graphic. But I cannot move this shape repeatedly. I think I need to use timer class. I have...

JLabel absorbs background from my mouse pointer coordinates JAVA

java,swing,animation,jlabel,transparent
The code is above. This is an class with score etc. on the left on the window. Each time i move an cursor it shows different "background"under timer i don't know why. This Timer Label is in JPanel no the left which is in some part transparent .How to get...

Issue on Adding Animation Effect to Active Class

jquery,css,css3,animation
Can you please take a look at this demo and let me know why I am not able to add the animate effect to active class through jquery I have class called .sliding-middle-out { display: inline-block; position: relative; padding-bottom: 3px; } .sliding-middle-out:after { content: ''; display: block; margin: auto; height:...

Close WPF window after animation

wpf,animation
I'm using an animation to cause a window to fade out of focus, then close. However, the close event occurs immediately after the animation. What is the simplest way to make the window close after the animation? In the following code, MainWindow is the second window that is being opened....

iOS - Pie progress bar with rounded corners

ios,animation,progress-bar
I need to implement a progress bar according to this design : As you can see, there is a corner radius to the bar itself. This is how it looks now with my current code : So, how to do that? This is my current code: - (void)animateProgressBarToPercent:(float)percent { if...

Do not rotate Activity under Activity with “Theme.Translucent.NoTitleBar” theme

android,animation
I have activity with complex UI, from this activity I'm starting new one with Theme.Translucent.NoTitleBar and change background of started activity from Transparent to Black. Then I'm trying to rotate device, and BOTH activities rotating in the same time (because first one thinks that it is still visible), so rotation...

CSS rotate animation with pulse

html,css,animation,rotation,frontend
I am trying to make an animation using CSS. It should rotate an image and give it a pulse (something similar to Shazam's button animation). The following is my code. Image is rotating but if I add 'scale' to try and make it pulsate as well, it has a pulse...

Turning an avatar into a 3rd person character

animation,unity3d
I just learned how easy it is to simply drag a 3rd person character controller prefab (from Unity's standard assets package) and drop it into the hierarchy. Using the WSAD and Space keys feels pretty natural, so I wondered if I could apply the same character controller to a customized...

SVG simple animations

html,css,animation,svg,polygon
I'm trying to learn how to use SVG elements so I've made simple icon/logo in Illustrator. Then I've used this SVG icon in my example: @import url(http://fonts.googleapis.com/css?family=Lato); body { background-color: #2F2724; font-family: lato, sans-serif; } .main { text-align: center; } .letterS { fill: #fff; font-size: 180px; text-shadow: 0px 2px 2px...

Animation's algorithm [closed]

algorithm,animation,movement
I'm making a remake of the game Bomberman in C++ on Emacs and I'd like to add an animated intrduction when I launch my game. For now, I have the letters of the word "bomberman" moving vertically on the screen to get there place in the middle of it. The...

Infinite scrolling using custom animations in Recycler View not working Android

android,animation,recyclerview,android-recyclerview,recycler-adapter
I have use Wasabeef for Item animation in Recycler view and it works fine. I also want to add infinite scrolling for recycler, for this I am doing like this public abstract class InfiniteScroller extends RecyclerView.OnScrollListener { private int previousTotal = 0; // The total number of items in the...

Animated annotation on WKInterfaceMap Watchkit

ios,animation,annotations,apple-watch,wkinterfacegroup
Is there anyway to have an animated annotation for WKInterfaceMap of Watchkit? I have 35 images to form the animation. Currently I am using a NSTimer which calls -(void)addAnnotation:(CLLocationCoordinate2D)location withImageNamed:(NSString *)name centerOffset:(CGPoint)offset method with a different image names but the result is not efficient and the animation is not smooth...

Key-Frame Animation appears fuzzy when moving Frames?

ios,objective-c,swift,animation,uiview
I use JazzHands to create a key frame based animation in a UIScrollView. Here is an example. Look at the view at the top. When you move from page to page. While the animation is running the view at the top is slightly moving from left to right. The animation...

How to draw an animated path with multiple colors in ios?

ios,swift,animation,drawing
I need to draw something like the following image in my iOS app, except that the arc may contains more colors: I know how to draw it, but I'm looking for a way to animate the drawing of the path. There is a similar question here, except that the circle...

GSAP tween not working correctly. Set duration has no effect

javascript,jquery,animation,greensock,gsap
I am trying out the GSAP animation library. According to the basic docs the syntax for getting a tween up and running is: TweenLite.to( [target object], [duration in seconds], [destination values] ) So I have tried a really simple tween based on jQuery's hover event: $('.contact-item').hover(function(){ TweenLite.to(this,4,{background:'#671B4B'}); },function(){ TweenLite.to(this,4,{background:'#FFFFFF'}); });...

Nested animation in iOS: combine animated and non-animated code in animateWithDuration?

ios,objective-c,animation,nested,animatewithduration
Nested animation In short the nested animation allows to run 2 independent animations simultaneously. But what to do if I have a complex code which consists of both animated and non-animated code? I mean the following situation: [UIView animateWithDuration:... animations:^{ ...//code1 - with animation ...//code2 - also contains code which...

Hide UIProgressView when animation is completed

ios,swift,animation,cloudkit,uiprogressview
I am saving array of records in cloud kit with CKOperation as follows & displaying progress with progress view. let saveOperation = CKModifyRecordsOperation(recordsToSave: ckRecord, recordIDsToDelete: nil) saveOperation.perRecordProgressBlock = { record, progress in if progress >= 1 { self.completedRecord.addObject(record) let totalSavedRecord = Double(self.completedRecord.count) let totalProgress = totalSavedRecord / self.totalStudent let percentageProgress...