Questions tagged [animation]

18056 questions
1

votes
2

answer
448

Views

How to add fade transitions to entities in Aframe

I would like to fade an entity in A-Frame and I can't seem to find a solution using the documentation. Any help would be appreciated Thanks!
deecobbk
1

votes
1

answer
368

Views

setting scnnode presentation position

I want to set the transform of both a given scn:SCNNode and its current presentation node, to a new value. However, I'm having trouble setting the presentation node. I've tried four ways: Set presentation node's transform: scn.position = newVal scn.presentation.position = newVal scn.pre...
Allen King
1

votes
2

answer
585

Views

TextField with animated hint / label

I want to implement a form containing TextFields. Each field has a label / hint. I want the hint to animate and become a label when the user starts typing. This is a standard Material design pattern, so I expected it to be implemented by the standard Widgets. Something like this:
Frank Harper
1

votes
3

answer
333

Views

Toggling the animated value in order to fade in/out the view

I'm trying to toggle view's opacity with animated value, by handling the button click, but I'm not getting the desired result, except the first time button is clicked, it fades out (opacity = 0) but when I press the button again nothing happens and I can't see my view. Here's the code: export defaul...
bra.Scene
1

votes
2

answer
57

Views

Stroke animation, how to attach another path to the appearing stroke?

I have the following animation: @keyframes dash { to { stroke-dashoffset: 0; } } #currency-chart-path { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 30s linear forwards; } Run the code snippet to see the animation. I want to attach the arrow to the stroke so it look like...
Dimitri Kopriwa
1

votes
1

answer
54

Views

QML Animation to transition color from bottom to top

I have a login QML page. When the user inputs the code, I have 4 circles in white, and I would like to transition to blue, filling the circle from bottom to top. So basically, I want to animate the color property so it transitions from white to blue when 'isNumberInserted' is true, and just move it...
laurapons
1

votes
3

answer
27

Views

Is there a way to parametrise an animation?

I've created a simple animation to make a view move up and down repeatedly: I'm using an animation resource for that like it is suggested in the docs. However, at compile time I don't know how far down the view is supposed to go (toYDelta) as it will depend on the device screen. Is there a way to p...
Maciej Trybiło
1

votes
3

answer
74

Views

How can I use fade effect like a css transition to a image tag in SVG?

I have a svg image that is clipped by a polygon. I have 5 images in total and I'm letting the image change every 3 seconds by JS. It looks ok, but the image switches too fast and abruptly, so I want to use some fade effect on them when they switch. Could anyone help me figure out how I can achieve t...
gwen
1

votes
2

answer
22

Views

Easing animateMotion in SVG

I want to apply an easing to an animateMotion tag. I'm confused about which attributes are relevant to animate a shape: if I understood well calcMode='spline' is required, along with the definition of keyTimes and keySplines; but what about the use of keySplines and values? However, I tried to inse...
fillotassi
1

votes
1

answer
32

Views

Swift: Pause an animation that is moving along a path?

I have an animation of a bubble, like so: func bubblePoint(_ value: CGFloat, midX: CGFloat) -> CGPoint { let startY: CGFloat = UIScreen.main.bounds.height let endY: CGFloat = -100 let rangeX: CGFloat = UIScreen.main.bounds.width * 0.1 let y = startY + (endY - startY) * value let x = sin(value * 4 *...
Slaknation
0

votes
0

answer
7

Views

SVG element rotate on circle

So I have a SVG element - big circle - and group of elements inside . I would like to rotate this elements around this big circle. The code is very simply, but I'm already freaking out how to set this circle (graph__skils) on correct path (big circle). As you can see on link below this small circl...
Agata
0

votes
0

answer
5

Views

Is there a way to load online animated svg image in android?

Now I am using GIF to load animations from back end. I would like to reduce network traffic and start using animated SVG. Is there a way to achieve that? Tried to google it, but did not found any actual answer. For image loading I am using Glide.
Antonis Radz
2

votes
1

answer
136

Views

Animate scatter and contour plot

I am trying to generate an animated scatter plot within a functioning animated contour plot. I can get both working separately but not together. The code below generates the contour from coordinates A and B in the df. I've attempted to include a separated animated scatter within the sample plot usin...
jonboy
1

votes
1

answer
951

Views

Making android Translate animations as per screen width

I wrote this code for an android Translate Animation on x axis - ImageView myimage = (ImageView)findViewById(R.id.myimage); Animation animation = new TranslateAnimation(0, 80, 0, 0); animation.setDuration(100); animation.setFillAfter(true); myimage.startAnimation(animation); This image moves the sa...
Gissipi_453
0

votes
0

answer
8

Views

How detect viewloaded after routerLink?

I have 2 views /home, /dashboard in my angular app with animation elements which load after page load. When I load by url, the page loads and ngAfterViewInit works file. But I click on routerLink='/home', no animation of jquery-appear triggers. Most probably, ngAfterViewInit doesn't trigger by such...
jolly
0

votes
0

answer
20

Views

css transition finished before the seconds specified

created SVG circle using path, filled the stroke with animation for particular seconds. the animation finished before the specified seconds gets over. how to resolve 04:00 and set stroke-dashoffset from script value[i].style.transition = value[i].style.WebkitTransition = `stroke-dashoffset ${this.w...
Gobika K
0

votes
1

answer
15

Views

set dynamic value css animation stroke-dashoffset

I am trying to bind the stroke-dashoffset from Javascript. i want to replace the 20s with the variable this.waittime. how to do it? this.waitime = 20; value[i].style.transition = value[i].style.WebkitTransition = 'stroke-dashoffset 20s ease-in-out';
Gobika K
-1

votes
2

answer
23

Views

How to stop fading animation of textview?

I used library com.tomer.fadingtextview for fade animating of the textview it is working properly but i want to stop that animation after some seconds. what should i do ? activitymain.xml
Amit Swami
1

votes
1

answer
58

Views

UITapGestureRecognizer does not apply on UIImageView

May be it has been answered before but, I was unable to find it. I am creating random UIImageView instances and adding them as subViews to the view of a viewController. In the same way I am creating UITapGestureRecognizer instances and adding them to the UIImageView instances. But the Tap doesn't wo...
Koushik Mudi
1

votes
1

answer
46

Views

Change CALayer properties: EXC_BAD_INSTRUCTION

I'm trying to implement selection of a subLayer by clicking on it and visualize that it is had been selected by for example changing the background color of the subLayer. However, I end up with the following error whatever and however I attempt to change any property: Thread 1: EXC_BAD_INSTRUCTION...
user29809
0

votes
0

answer
7

Views

Custom animation by overriding transformPage(View view, float position) method of PageTransformer class of View Pager

I want my view pager animation like below image from left and right side both. I have 3 pages. the middle one should not move. when I will move left or right only left or the right page will scroll with little fade in middle screen. I am making animation with overriding the transformPage(View view,...
Rohit Gupta
1

votes
2

answer
25

Views

Developing for different screen sizes using flutter?

I have an app that I am going to upload to the appstore and playstore pretty soon but I am worried that it might look funny on different phone screens that vary in sizes (The app is for mobile phones only no tablets) what's the best way to code for different screen sizes using flutter?
Dead Pool
0

votes
0

answer
7

Views

How to animate an SVG verticle bar

I have the following SVG which I want to animate so that it would seem like it's moving up and down. This is how it should look like What I have tried I'm using Rich Path to animate the line with translationY which somehow does the job of from top to bottom but this library doesn't have reverse anim...
samirk433
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

View additional questions