Questions tagged [animation]

18033 questions
0

votes
0

answer
4

Views

How to change background color with animation in react-native viewpager?

I'm using rn-viewpager in react native and there is an example here but how can I use animation in it like this app?
Javad Karimi
1

votes
0

answer
51

Views

How to trigger css keyframe with Scrollmagic?

I'm looking for example to trigger CSS keyframe with Scrollmagic but I couldn't find it. Basically I need JavaScript code to trigger this keyframe with scrollmagic. .project-title-line { width: 264px; height: 4px; margin-top: 10px; background-color: rgba(235, 235, 235, 0.4); border: 0; display: bloc...
zee7
1

votes
1

answer
59

Views

Pass touch event from recycler to its parent LinearLayout

I have something like this : When the layout is scrolled to top, when the user makes a similar to 'swipe to refresh' move with his finger, I need to make a translate animation on Y axes. In other words, I need to follow the move of the finger the whole recycler if the recycler is on top. I tried t...
karvoynistas
1

votes
1

answer
169

Views

Rotate around Y-axis without changing position

I am trying to build a pyramid and animate it. The problem is after having rotated it around the X-axis, I try to rotate it around the height of the pyramid(Y axis), but I it moves every time. I tried basically every transform-origin options, but it doesn't work. My code is the following: Thanks for...
B. Ma
1

votes
1

answer
64

Views

Currently Animating Scatter Plot With Static Frames. Is there a way to animate over a moving window instead?

I have an array of arrays with format [2000][200,3] that I am creating an animated scatter plot of. 2000 is the number of frames and the interior arrays have format [length, [x,y,inten]] which are the points to scatter. So for an example a single frame will look like: Array[0]=np.array([x_1,y_1,I_1...
Ian Campbell Moore
1

votes
1

answer
363

Views

Lottie animation is very small compared to it's container in react native

I have an on click animation that is working perfectly, but I can't get the actual animated element to be more 'zoomed' in. It looks like this: Here's the code: import { Animated, TouchableHighlight } from 'react-native'; import Animation from 'lottie-react-native'; // a bunch of code here render()...
Test
1

votes
1

answer
502

Views

Phaser sprite animation won't play

I have some sprite animations that won't play and I can't understand why. I'm using the latest version of Phaser, but not the community edition. I want to go from frame 1 to frame 0 when I turn left I want to go from frame 4 to frame 5 when I turn right and I want to loop over frames 2 and 3 when st...
Davtho1983
1

votes
0

answer
112

Views

Matplotlib.animation performance with Axes3D

I have played with creating HTML5 videos from matplotlib.animation.Artistanimation, it works well for both 2D and 3D images, but for the 3D version, the conversion to html5 video is very slow, like 200s for 35 frames. Given that it takes roughly 3 times longer to draw a 3D figure than a 2D figure,...
kakk11
1

votes
1

answer
337

Views

How to combine a slider with an animation?

Using matplotlib.animation and matplotlib.widgets (sliders and buttons), I wanted to create an animated simulation of a distribution (starting from a sample and ending in a big one), which takes as input from the user the parameters of the distribution using widgets. This is my code: import matplotl...
1

votes
1

answer
374

Views

How to stop animation which is available by default in dae or scn file?

Today I tried to load different 3d models in my test project and found that some objects are baked with animations. So if I convert .dae file in .scn file animation still works on object but I can't really see an option to disable it. In some cases in Node Inspector I can see some animations in Anim...
wm.p1us
10

votes
3

answer
4.2k

Views

Observing change in frame of a UIView during animation

I want to observe changes to the x coordinate of my UIView's origin while it is being animated using animateWithDuration:delay:options:animations:completion:. I want to track changes in the x coordinate during this animation at a granular level because I want to make a change in interaction to anoth...
samonderous
1

votes
0

answer
49

Views

[Big help]Custom transition animation not triggered when VC present

:) I want make some change to source code for 17-custom-presentation-controller to make custom transition animation,all my change is in class PopAnimator. all my code is in here : https://github.com/hopy11/TransitionTest This is my changes: add a new instance variable in PopAnimator to save transiti...
hopy
1

votes
1

answer
38

Views

Animating image thumbnail to parent div and changing src to bigger image

I want to be able to animate a div when the user clicks and for this div to expand to fit the parent div size. I also want the image src to change when it animates. I've managed to animate it but I can't seem to get it to change the image src. This is what I have so far: $('figure').click(function(...
Shaun
1

votes
2

answer
235

Views

SVG alter path without animation?

I have a battery icon I would like to 'animate' as in, change the length of the filling path to indicate battery percentage. However, android documentation for SVG's and SVG animation indicates you can only add predefined animations through xml. Is there a way to just simply alter the path of a SVG...
Rob van Dijk
1

votes
1

answer
63

Views

CardView doesn't expand properly

card screenshot I have a TimerView class that extends CardView. It's initially collapsed to show only the first line and it expands on tap. The problem is that it doesn't expand as much as it should. In the screenshot you can see that the bottom image is smaller than the others but the resolutions o...
mrjohnjack
1

votes
0

answer
45

Views

Stretched Animated EditText

I have a Editext that animated form both sides to expand out word. Doing so it is stretched and looks a little off (text is larger, radius of corners change to a higher value and you don't see the first 3.5 characters typed) Im wondering if there is a way around this with another animation file or a...
EquiWare
1

votes
1

answer
145

Views

How can I make my Single Page Application (SPA) based on React render conditionally?

I am making a personal website based on ReactJS. Since this is a Single Page Application, I want to make my website be rendered conditionally. That is the Render should render each section on my page at different time when users scroll down to view different section on my page, because I want my com...
Jack Lau
1

votes
0

answer
28

Views

Change the Animation Start Option of all slides

i have a Powerpoint with 300 slides and all objects in all slides have the same start 'on click' option. i want to change this option and make every objects show at the same time IN ALL SLIDES. ('with previous'). does anybody know a fast way to do it?
Farzin
1

votes
1

answer
290

Views

Sprite Image Animation

I was trying to find easy way to animate sprite image on my android project. Found some complicated solutions and usage of them was not so easy on RecyclerViewAdapter. Why it can not be doing easy and with custom view. Here is an example sprite image to be shown as animation. https://cdn.codeandweb....
OMArikan
1

votes
0

answer
54

Views

jQuery css() triggering animation unexpectedly

I want a div to slide down top top:0 but I don't know its height. So I use jQuery to get its height while it's not displayed, then move it to (0-height) before adding the class open which will animate it down into view. CSS .settings-dropdown { display:none; position:fixed; width:100%; padding:5% 2...
Works for a Living
1

votes
1

answer
67

Views

How to randomize animation once at a time only using jquery

I'm new to jquery. I have a value in array as var obj = [{'com':'something'},{'com':'some other thing'}]; and my animation as like this : https://codepen.io/R4ver/pen/EHlpF?page=8 i want to append the above obj array values to the animation how to show in a sequence one by one ., i created animatio...
User_3535
1

votes
0

answer
151

Views

In React Native, Can I bind swipe/scroll of a SectionList to another View

I have a SectionList which scrolls/swipes vertically. Can I bind a swipe gesture on it, so that it results in swiping a completely separate View which is behind it? Furthermore, is there an example someone could lead me to, in which a swipe gesture on a SectionList is bound to the animation of anoth...
Joshua Creed Gilmer
1

votes
0

answer
127

Views

How to capture an element before a false *ngIf removes it?

First, here is a bare minimum example to describe my project setup This project is using Angular v5 so it should have access to the most up to date apis in the framework. Let's say I have a parent component which has a query list of ContentChildren ex. @Component({ selector: 'parent-component' // .....
tt9
1

votes
2

answer
282

Views

JavaFX Path Transition play during n seconds and pause

I'm doing an application with JavaFX and I have a problem. I have an animation that follows a path, but I need the animation to be paused after n seconds and continue from the previous position other n seconds. Code: public class Controller { @FXML ImageView img1; @FXML private Path road; p...
Splanas00
1

votes
0

answer
43

Views

CSS overlay effect doesent work on diferent resolution monitors

This probably isn't the best description of my problem but I tried to keep it short and also somehow describe the problem I'm having... In advance I would like to apologize for my bad english, it's not my native language so if there are some unclarities about what the problem is please just comment...
weinde
1

votes
0

answer
36

Views

How To Get Image Move A Certain Distance Until Button Is Pressed Again

So I've implemented a sliding mechanism in my simple game where if the player press the DOWN arrow then the RIGHT arrow the player will 'slide' until either the RIGHT arrow or DOWN arrow is released . I have been trying to get the game to make it instead like this: Player press DOWN and then RIGHT K...
rashadbb
1

votes
1

answer
238

Views

Animated Line Graph with Matplotlib/Python [duplicate]

This question already has an answer here: matplotlib animated line plot stays empty 3 answers I'm having trouble getting my line graph to animate. Background: I'm working on a program that will handle simulating network latency and I'm trying to graph the latency so I can see how well my program is...
Bryan Davis
1

votes
1

answer
61

Views

Making a view fill the area after rotation

I am trying to use the WaveView library in conjunction with the gyroscope values so that when I rotate the phone, I get the water flowing effect. The library is just a view that I should ideally be able to control The only problem is, when the WaveView rotates, it doesn't expand it's height and widt...
Basit
1

votes
0

answer
338

Views

CSS transform not working with SVG in Firefox

I have this simple hourglass animation made in SVG. The animation works in Chrome but does not work in Firefox. I am applying css transform translate to the #upper-fill-clip and #lower-fill-clip rect. @keyframes flowdown { 0% { transform: translateY(18%); } 100% { transform: translateY(49.2%);...
besrabasant
1

votes
0

answer
40

Views

Scss map for animation

Help pleath, how to mate loop on scss for that HTML code .pot_st0 { fill: #15630D; } .pot_st1 { fill: #012D3F; } .pot_st2 { fill: #013D51; } .pot_st3 { fill: #01445F; } .pot_st4 { fill: none; stroke: #011F2B; stroke-width: 13; stroke-linecap: round; stroke-linejoin: round; stroke-m...
BlackStar
1

votes
2

answer
1.1k

Views

issues with UIView animation swift 4 Xcode9

I am trying to make an animation of a UILabel from off the screen to the center with a spring animation block. The first part of my code below in viewDidLoad() works perfectly, but when I add the animation block, it's like the code in the closure of the animation gets read first and it doesn't anima...
nicholasdmoore
1

votes
2

answer
480

Views

Change view background gradient color with smooth animation while scrolling in tableView with multiple section

I have multiple section in my UITableView, i want to change my View back ground color as gradient color with smooth transition while scrolling tableView. when new section comes in tableView change view background color smoothly. How can i achieve this kind of Animation.? My Code is below for change...
Pratik Panchal
1

votes
0

answer
78

Views

Lacking smooth transition - CSS Transform on element

I'm trying to make a div visible on page load with some fly-in animations using jQuery. The problem is Both (blur and scale) are not synchronous and have some jittery feel when the animation is about to complete. Thanks in advance ! Code snippet: $(document).ready(function() { $('.container').css({...
Allan Jebaraj
1

votes
0

answer
233

Views

Perform Explode animation without window transition

setting the window transition with getWindow().setEnterTransition(new Explode()); getWindow().setExitTransition(new Explode()); but the result is weird, the window items are entering from a side of the window. It's like Explode() animation combined with Slide() How to do simple explode transition?
MJahongir
1

votes
0

answer
35

Views

How can I set onAnimationEnd() in Rebound(Spring_Facebook)

I am trying to use Rebound and Backboard in my app for beauty. I want to know how to set functions after Spring Animation is done. Below is example code. (Original code is this one. and I add some codes for holding blooming animation) // mRootView.setOnTouchListener(new ToggleImitator(spring, CLOSED...
TyeolRik
1

votes
0

answer
37

Views

How To Have An Image Look As If It's Standing On Platform( If It “Lands” On it)

So Im creating my first 2d java game and im wondering how to have it seem as if the player is standing on a platform if it lands on it. The problem lies in the fact that in my game the 'NINJA' is always at the center of the screen and never moves but just the background and platforms do. Any ideas o...
rashadbb
1

votes
1

answer
280

Views

UIView animation in UITableView doesn't work after reload data

I am facing a strange bug in my app right now. I have an extension for UIView that rotates an indicator 90 degrees to the left and right. I am using an UITableViewController as a navigation drawer. I also added an expandable list and use an UITableViewHeaderFooterView for the main areas (which have...
Brudus
1

votes
0

answer
37

Views

Is there a way to retrieve the transformation state in CSS animation?

Say I have a PNG that is translated horizontally using CSS: .example_scroller_png { background-image: url('http://example.com/example.png'); } .example_scroller { background-size: cover; background-repeat: repeat-x; background-position: right bottom; -webkit-animation: slide 30s linear infinite; w...
Alex Reynolds
1

votes
0

answer
129

Views

WPF - How can I display a column in a datagrid with animated gif and normal png depending the value of field?

I have a WPF DataGrid in my application and one column display the status the processing of some jobs (success, fail or executing). The success and fail status are a png file (still image) and executing status I'd like to be a animated gif. But, my code has some problems. First: I want to call the i...
SirCris85
1

votes
0

answer
26

Views

Someone has animation skills in Android Studio?

I´ve got one rotation animation to rotate one imageView around one fix position (the center). Now i want to know in every second where the imageView, which rotates, is. In other words the imageView wich rotates is a circle and i want to know the center point of this imageView during animation. This...
Chralt

View additional questions