Questions tagged [animation]

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

0
votes
0answers
12 views

SVG linearGradient animation with loop

Thanks to this topic (pretty old, that's why I'm opening a new one) Animating SVG path fill bottom-top I finally succeed to do a SVG animation from bottom to the top as I want to : <...
1
vote
1answer
28 views

Start animation with click on item from list view

How to start animation from list view and also how to make so user can play more then one animation at one time. I created 3 animations for circle, and list view, my problem is how to position list ...
1
vote
1answer
23 views

How can I add advanced animations to my mobile app?

I would like to add "advanced" animations to my mobile apps. Something like this one: (I have slowed down the animation to 30% to make the effects more visible) I am working both with iOS 10+ and ...
0
votes
0answers
9 views

How to import collection of .ply files so that each file will be frame (blender)

I have a folder containing several hundred .ply files that each file represents frame from an animated movie, if I put them all at once it puts all the objects one on the same time point. The files ...
0
votes
0answers
22 views

3D animation : How to determine the z axis and the 3D dots positions

I created a code that moves a group of dots in a certain direction in a 2 D dimension. To do so, I first defined x and y random positions within the aperture : dots.nDots = 100; ...
0
votes
1answer
21 views

Is there a way to preview animation in xaml editor?

I am coding some basic animation and would like to see it's render without building/deploying the entire project. If I remember correctly, I already managed to see such preview when creating animation ...
2
votes
2answers
46 views

Iterate array with animation and conditions

I want to iterate (using setIterval) an an array of string like that: const colors = ['all', 'red', 'blue', 'green', 'yellow'] The result is: console.log('all') console.log('red') // after 20 ...
1
vote
2answers
27 views

Angular animate on property change

I have a custom navigable panel for a list of items. The panel contains one databound component, surrounded by two buttons for navigating to previous and next data. The databound component displays ...
-2
votes
0answers
13 views

How to create animation for counter like mechanical counter or odometer? [on hold]

I have created a simple counter in android studio that uses button with onClicklistener() function to increment number. I want to create animation like odometer or mechanical counter. Whenever i push ...
0
votes
0answers
7 views

Getting the location of a bone matrix to render separate meshes to this location?

I have an skeleton animation system that I piece together using multiple sources. What I am wondering is how I can get the bone location and render a separate mesh/Item to that bone location e.g. ...
0
votes
0answers
61 views

Compute the changes in the x and y positions of moving dots

I am trying to learn how to animate dots and update their x and y positions from frame to frame. I have found a tutorial online, and I am really struggling with the formulas that are used in dx and dy:...
0
votes
1answer
37 views

How to add and remove class when the content scrolls into view using angular 5+ no jquery [on hold]

How to add and remove class when the content scrolls into view using angular 5+ no jquery. I want animate after div scroll (overflow: auto;) Which free library to use for this type of animation?
4
votes
1answer
25 views

How to iterate over vue components with animation

I have would like to make simple appearing effect for anchors from navbar. I've already put NavigationLink as inline component and add scss styling like this: <template> <ul> <li&...
0
votes
2answers
25 views

How do I scroll to the end of an growing ul in java script

I am writing a html page which is adding li to ul continually using java script. I want the page to scroll to the end of the ul smoothly! It shouldn't use jQuery if this is possible. I tried element....
0
votes
0answers
13 views

How do I animate multiple separate images in one JS function?

I'm trying to incorporate a jump function into a game that I have. The jump animation consists of 5 different images with one repeated (not a sprite sheet), and I'm not sure how to set it to run all ...
1
vote
1answer
32 views

How does the after method works in tkinter?

I am new at programing and I am trying to make a simple animation to better learn. I have just learned python (still nooby) and starting to learn tkinter. I am trying to make an animation of the ...
0
votes
0answers
11 views

how to combine animations in a-frame

I just want to upload a 3D Model with Animation to A-frame WebVR from Sketchfab,and want to add some more animation to this model,but not working <a-entity id="kyiv" visible="ture" rotation="0 -90 ...
0
votes
0answers
17 views

How create a simple endless scroll animation on a QLabel in PySide2 / Qt5? [duplicate]

Could you help in spotting the issue in my code? I'm trying to create a simple animation in PySide2 - scrolling label performing an endless loop. I've tried to follow the example and looked through ...
1
vote
1answer
44 views

How to make animation with constrains in swift?

I have programmed a bars graph when each bar is UIView with constraints on its height and top constraint to the superview. Once they values for the heights are inputted, an animation should be ...
0
votes
1answer
34 views

Trying to animate the color of the boxes using JQuery

I have 4 boxes with some color and I am trying to animate these by changing their color one after the another.The box after animating should go back to its original color and then the next box should ...
0
votes
1answer
23 views

Animation duration of a flutter TabVarView

In Flutter I have the following issue. I want to control the animation speed (transition duration) of a TabBarView. The content body is sliding from left to right during a TabBar click. I want this ...
0
votes
1answer
24 views

rem font-size not rendering properly in css animation

So I'm trying to have a sentence where certain words are animated (rotated through) - I thought it was working, but once I viewed the site on my mobile I found an issue. When viewed on a desktop (and ...
1
vote
2answers
45 views

How to check if keyboard button is getting spammed and add a cool down on before it can be pressed agian

I want to know how to add a timer/cool-down to a specific key-button that is pressed. For example, the user is spamming the attack key (in my case p) and I want to add a cooldown to where the person ...
-2
votes
0answers
34 views

How to add animation on ListView of Xamarin Forms?

I'm using Xamarin Forms, I want to add animation on ListView as below: https://drive.google.com/file/d/1U2cVepJ533odC9IhlMOfI2mAImGR-FrM/view?usp=sharing Please help me a solution or suggest me a ...
0
votes
0answers
16 views

This code must produce one by one shows and disappear

This code must show a div that shows then disappears and then the other the same thing This is my html file <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">...
0
votes
0answers
22 views

Strange visual defects on :hover effects of my PNGs. Some displays it isn't AS prevalent

On hovering PNG's on my websites portfolio items I have them animate to 'pop-out' at the user, giving them a better view of said portfolio items. However, I noticed a strange graphical/display problem ...
2
votes
0answers
30 views

Animation doesn't work without handlers in the first fragment of activity

I used animations in a fragment that doesn't work in normal state . I should use them in handlers . I'm using fragment navigation and this the first fragment of the activity that got this problem . ...
-1
votes
1answer
31 views

If you can animate the pixelated canvas squares in JavaScript

So you can pixelate an image by drawing it on canvas like this: /* css */ .pixelate { image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-...
0
votes
1answer
22 views

Animating a clipPath from onDraw

I am drawing a custom shape in onDraw with Paint and Canvas. Within the onDraw class, I have a rectangle clipPath. I Would like to be able to animate the position (animate from left-to-right) of the ...
1
vote
1answer
47 views

Animating CSS gradient works only if text doesn't wrap

This example of animating a gradient in purely CSS works great when the text or thing doesn't wrap like text does at the end of a line. But when wrapping occurs, the gradient breaks and doesn't ...
0
votes
0answers
15 views

Animating change in widget flutter

So i am having one Floating Action Button, Which when clicked, is replaced by 3 Floating Action Buttons in a Column. This is controlled by a global boolean variable. Widget FAB() { return (!...
0
votes
0answers
21 views

Can anybody tell me how to achieve this title animation?

I'm using Angular8 and I wanted to find out if this is custom or if not, which animation plugin is being used here in the slider to reveal the titles: https://www.lamborghiniporrentruy.ch/en
0
votes
0answers
12 views

Is there a way to animate a list of text (not only one)?

An animation of skeletons and labels fails (coordinates obtained thru build_frame function). There are about 20 skeletons per frame with 16 segments each and the same number of labels. Is there a way ...
0
votes
1answer
23 views

Apply different animations on different items in a screen of React native app

I've tried to apply animations on 2 items in a screen. There are two images and I want to apply animations on both of them simultaneously but different animations. One should slide from left and other ...
0
votes
1answer
14 views

Fade in chain animations don't work: only view fades in

I'm trying to use a fade in animation chain to fade in my objects in order. First I make the view fade in, then the rest of the labels should follow suit. The labels are in a stack view, which has an ...
0
votes
0answers
23 views

How to Export (from Blender) & Import an Alembic File into Xcode

Our team is developing an iOS app in Xcode and using Blender to create models and animations. We haven't been able to find a way to bake a fluid simulation and export into a format that Xcode ...
-1
votes
0answers
29 views

JavaFX rotation 3D animation

I'm trying to make a 3D animation of a pane in JavaFX. I have experimented with RotateTransition but it doesn't work as I need. Here I demostrated what animation I need: This animation is very ...
0
votes
1answer
11 views

Way to calculate zoom and pan using canvas and d3.js hierarchical circle structure

I currently have a d3 hierarchical circle pack graph in canvas (with help from this awesome tutorial!) I wanted to make the graph also pan with the mouse and scale with the wheel in addition to ...
0
votes
0answers
20 views

How to animate a ModelViusal3D object (model)?

Hello I'm using the helix-toolkit libary to do some graphic programming and i would like to animate an object (model). Below is my code that doesn't do anything ? I am not quite sure what's the ...
0
votes
0answers
11 views

Is it possible to create curved animation on fabricjs?

I'm creating a drawing thanks to fabric js. I created 2 rectangle linked with a curved line. Now I would like to create a small circle which follow the line but I do not succeed to create a curved ...
0
votes
1answer
25 views

React Native: Prevent animation from blocking app?

I've built a react native animation to show a placeholder/loader when loading a list of articles: Animated.loop( Animated.sequence([ Animated.timing(this._animation_state.opacity, { ...
-3
votes
1answer
52 views

Anyone know how to animate this?

func textFieldDidBeginEditing(_ textField: UITextField) { view.frame.origin.y -= 150 } What this does is, this moves the view by the specified amount(150) when the keyboard appears. The problem ...
-1
votes
0answers
22 views

How to make sure images (PNG) in android studio animate [duplicate]

I want to animate a a basic action using sprites (e.g. running) when the application starts. However, when it runs, it crashes with the error shown below. It seems to recognise my images as bitmap and ...
0
votes
0answers
6 views

How to animate component in Angular with calculated value with height of div

I want to Mask an image like a parallelogram by skewing the parent div and skew the image inside it backwards, which works fine across all browsers, but the skewing results in an offset of the image ...
0
votes
1answer
66 views

Pausing an animation in iOS (objective C)

I am having some trouble handling animations in some objective C code. First, here is the relevant code: BOOL pauseFlag; // Instance variable. CGFloat animationDuration,pauseDuration; // Instance ...
0
votes
0answers
31 views

How to create animation using SVG

I have a SVG resource which I want to animate, it contains an image mainly a circle and I want to use it to animate , I am not well versed with Animating the images. What I need is to grow the circle ...
0
votes
1answer
29 views

How to enable Angular animations?

I've done everything by the tutorial (https://angular.io/guide/animations), but I have the error: menu-navigation.component.html:1 ERROR Error: Found the synthetic property @slideTop. Please include ...
2
votes
1answer
27 views

Chaining transitions using the transition.end() promise

I'm trying to chain transitions by calling my update function when the transition.end() promise resolves. The following snippet lies within this update function. The full example, of which this ...
0
votes
1answer
11 views

How to add animation to an alert dialog when it is dismissed when touched outside

I am trying to add animation to alert dialog when it is dismiss when user touch outside of it. by default when it is touched outside, the dialog just fades out or disappears. Is there a way to ...
0
votes
2answers
39 views

How can I animate particles movements in R

I want to animate the position of many particles at same time Supose we have : df <- data.frame( x = c(1,2,3,4,5,6,7,8,9,10), y = c(2,3,4,5,6,7,8,9,10,1), particle = c(1,1,2,3,1,3,1,...