Questions tagged [animation]
Animation is the rapid display of a sequence of visuals in order to create an illusion of movement or change.
43,196
questions
0
votes
0
answers
7
views
Rendering angular table conditionally issue using :enter and :leave animation transitions
I am trying to collapse and expand angular cdk-table conditionally using *ngIf and :enter, :leave transitions.
The problem is that, the table is removing it's content before the animation finish. ...
0
votes
1
answer
13
views
SwiftUI: how to make a view disappear with a slide to the top?
I would like to make a view disappear with a transition to the top, but I have no idea how to do this with SwiftUI. Here is my code so far:
struct MyList: View {
@State private var loading = true
...
0
votes
0
answers
5
views
ActionScript3 Flash ,How in the package Correct the characters' interactions and collisions with walls?
enter image description here//ActionScript3 Flash ,How in the package Correct the characters' interactions and collisions with walls?
// Hi, I'm making a game. How should the enemies hit the wall ...
0
votes
0
answers
5
views
How to use -webkit-transform in an Angular animation?
I need to use -webkit-transform within an Angular animation. Here is the code that I have tried so far:
state('hover', style({
['-webkit-transform']: `translateY(-{{tYB}}%) scale({{scaleB}})`
}),...
0
votes
0
answers
5
views
hammerjs pan won't let drag an element back to starting point
I am trying to familiarize myself with hammerjs. For a start I took a panning example that I googled up and started to adjust it (horizontal scroll only, using css translate, rxjs).
I came up with the ...
0
votes
0
answers
17
views
Swift: Longpress Button Animation
I have a Button that acts as an SOS Button. I would like to only accept longpresses on that button (something like two seconds long press) and animate the button while pressing to let the user know he ...
0
votes
1
answer
24
views
How to add a loading animation at the start of website in React?
I'm making a React app, and it doesn't take long to load completely. However, I want to have a loading animation whenever a user enters the website, as it is pretty cool. Is there a way to do so? I ...
0
votes
0
answers
10
views
animatedVectorDrawable is not animating in for loop
I have been trying to implement animation vectors . I managed to do it correctly but there's seem to be a problem.
I used recycler view to display all contacts.
I have used selected and unselected ...
-1
votes
0
answers
23
views
Download CSS Animations [closed]
I just want to know that "How can I download the animations of HTML CSS that I make in my laptop ?"
Because I have not seen any option to download.
And "There might be some website that ...
0
votes
1
answer
17
views
Animate with Jquery through id
I am very new to Jquery. This is also my first time asking a question on here. I am trying to animate this id but I do not know how to apply it with an id. I want my name to move to the left, enlarge, ...
1
vote
1
answer
37
views
SwiftUI: How to create a custom SwiftUI Transition depending on a State Object?
Context: I have encountered a problem while working with SwiftUI Transitions. I have a FormView containing 4 different Sub-Forms. When the User presses the Next-Button, the next Sub-Form View is ...
0
votes
1
answer
20
views
SwiftUI - Transition animation bug
This is a follow up to a prior question which was solved then unsolved.
The situation is that I have a grid of text on a screen that is presented via a transition from another view. I can't use ...
0
votes
1
answer
12
views
Unity Animator not entering entry state
I am trying to make a very simple animation in unity where an element fades in and out based on if a character enters a box collider of an NPC. When running the game, I have my Animator window open, ...
0
votes
1
answer
28
views
Writing a function that draws a cube. I can't manage to make a full cube, just the y axis cube (more info in text)
def graphics ():
window = tkinter.Tk()
window.geometry("800x800") #You enter the window dimensions for
canvas = tkinter.Canvas(window, bg = 'white', width=800, height=800)
#Code for ...
0
votes
0
answers
11
views
How do you make a sliding animations between popups in React?
I'm making a React website where I display popups using createPortal and my popups have buttons that take you to different popups (e.g. there's one popup where a user can confirm a session, and when ...
0
votes
0
answers
14
views
Pixel art custom animation base
I'm actually working on a pygame project in VSCode, but I recently watched a video from aarthificial about making a "base" animation, then with loading an asset file, making a custom ...
1
vote
1
answer
10
views
Orienting an object to point along an animation curve
Working in Unity 2020.2.2f1, I have a modeled arrow following an animation curve. Is there a method to have the arrow pointing along the curve as it follows the path?
0
votes
0
answers
14
views
Powerpoint VBA Play Sound with Shape Animation
I want to create a Slide show with multiple Shape having a entry animation with Sound effect. How to Add Sound Effect we do as same we do in Powerpoint
I tried to add Sound to Shape, But it get Messed ...
0
votes
0
answers
13
views
How to animate ListView rendering in flutter?
Okay so there are a couple of questions already asked regarding this but no one is doing what I want to do.
Context :
I've a bloc which maintains a stateCounter. Now whenever user visits the ...
0
votes
1
answer
15
views
Blender actions export to unity
I'm making an fps game in unity and animating in blender. I finished the animations of one gun with multiple actions, but when I export it as an fbx and import it into unity, in the fbx file theres ...
0
votes
0
answers
26
views
Why my customize cursor keep blinking in react
I have problem with my customize cursor and this has been in a month but now I created it again and still wasn't solve it still. I'll direct how it will works.
First let say I have a three functions ...
0
votes
0
answers
17
views
Why multiple css transitions and transition delay doesn't work together?
I'm trying to run few transitions. one after another(of course not all of them in parallel). But no matter how much I try, nothing works perfectly. If one works, another one breaks.
Expected sequence ...
3
votes
1
answer
59
views
Shapekeys from blender to javafx
Animating shapekeys is a way to animate a mesh without an armature modifier (shapekeys). like this
is there a way to export this animation in javafx?
0
votes
1
answer
28
views
Scratch walking animation broken
What it's supposed to do:
I'm making a game on Scratch in which the character has a walking animation. The walking animation is supposed to switch their costume to a walking stance, wait 0.5 seconds ...
0
votes
0
answers
9
views
Performant way of getting mouse position every frame for canvas animation in React?
I have an animated background using canvas and requestAnimationFrame in my React app and I am trying to have its moving particles interact with the mouse pointer, but every solution I try ranges from ...
0
votes
0
answers
26
views
How do you create a delay inside a recursive loop in javascript? [duplicate]
So I was trying to create a visual representation of bubble sort using some CSS animations and JS. The animation is supposed to have 10 numbers in bubbles, and the bubbles will float up get compared ...
1
vote
1
answer
35
views
SwiftUI animation not continuous after view change
Here is the testing code:
import SwiftUI
struct ContentView: View {
@State private var pad: Bool = false
@State private var showDot: Bool = true
var body: some View {
VStack {
Button {...
1
vote
1
answer
30
views
Getting out of a loop, but it needs to remain running?
I've made a circle move around (in a circle), but now my application won't move on to the other tasks as I got myself caught in a loop.
How do I get out of this and still have my circle moving in the ...
0
votes
1
answer
31
views
Animations problems c# unity
I've been trying to create a game on unity and while I was trying to do the animations I'm realizing that I don't have any idea why my code is not working.
//Animacion
if(!Input.GetKey("left"...
0
votes
0
answers
10
views
Why my scrollMagic is not working properly?
So basically I have problem wherein I try to make animation in my scroll animation using scrollMagic..My codes are written in reactjs but I don't know why it is not working like the same in normal ...
0
votes
1
answer
13
views
Unity: skinned mesh vertexbuffer output slightly different than correct results
It’s like this hip is stuck in place, with in the pictures(being at different times in the animation since I can’t upload a gif) the red wireframe is the drawing of the raw output triangles and ...
0
votes
1
answer
22
views
Can't use transform: scale() in Angular animation without Experimental Web Platform features enabled - how to fix this for hosted site
This issue is only on Chromium browsers. Whenever I use a style with transform: scale() in an Angular or a css keyframes animation and I do not have the Chrome flag "Experimental Web Platform ...
-1
votes
1
answer
32
views
advanced hover button
I have no idea how to do this effect.
0
votes
0
answers
19
views
I'm trying to use a button trigger to move multiple gameobjects to and from their original transform positions to a single point
I'm making an inventory system and want to use a button to move all items from under the button to a grid (which is their original transform coordinates). want to reference the coordinate to the ...
0
votes
0
answers
3
views
problem with vue3 animation when using dynamic component
I want to add animation for two components ,
this is my code :
let activeComponent = ref('Login')
</script>
<template>
<Transition name="fade" mode="out-in">
...
-1
votes
1
answer
23
views
Angular animation on ngIf* not applying even though the code looks right
The following angular animation is not applying or working on my toolbar, it should translate it out of view, but it does nothing, it only disappears when minimized === true. What could be the problem ...
1
vote
2
answers
28
views
SwiftUI: Animate offset to slide in from off screen
I'm trying to animate in a view the bottom of its parent view. This is relatively easy to do by animating the offset, like so:
struct ContentView: View {
@State var isShowingBanner = true
...
0
votes
1
answer
15
views
Several animations in a collection view
I'm learning to animate collection views and currently use CollectionViewPagingLayout template.
I want to use not only swipes for navigation in a collection view - but also buttons. And the idea is ...
0
votes
0
answers
21
views
Modernize Javascript code for a dropdown menu animation
In a post related to another questiona a user suggested me to modernize the js code. Use specifically x.classList.includes(), x.classList.add(), and x.classList.remove().
So I tried to follow the ...
-1
votes
0
answers
25
views
Is there a simple way to build an HTML5 Canvas from an already existing SVG? I tried using a converter, but it doesn't resemble the original at all
I'd also like to use JavaScript to manipulate the rotation of certain layers inside the SVG.
I use Inkscape, but when I save it as "Canvas - HTML", the transparencies and visibility of all ...
1
vote
1
answer
13
views
CSS Animation Keyframes not working on Iphone/Ipad
I have made a keyframe animation with words shifting in the end of the sentence. It works in Chrome, but doesn't work in Safari.
What am I doing wrong?
This is the CSS code:
.aboutvision span:before {
...
0
votes
1
answer
29
views
Image animation resets page scroll on mobile devices
EDIT 2: I just figured it out. The overflow css property applied on the body is not being inherited by the slideshow div. Adding "overflow: hidden" to the slideshow div fixed it.
ORIGINAL ...
0
votes
0
answers
15
views
Is there a way to show multiple continously moving dots on a 2D graph?
For my master thesis i am researching dqn behaviour by recreating a hunter and prey enviroment. This enviroment is 2D and should fit around 1000 dots that are constantly moving. The Position of the ...
0
votes
0
answers
15
views
My plt animation doesn't work: "'NoneType' object has no attribute 'canvas'"
I'm trying to simulate the segregation process in a city for a school project. I've managed to plot the city when initialized and after segregation, but I don't manage to create the animation showing ...
0
votes
0
answers
6
views
Passing a direction prop into styled-components keyframe component?
I'm trying to implement a reusable text animation component where a direction prop can be passed in. I probably close but doesn't seem to be working. Also open to better ways of implementing it a ...
0
votes
0
answers
16
views
Question-Brainstorm | 3D Landscape animation with CSS / HTML / JS
I'm thinking about creating design web with using 3D Landscape with animation. When i clicked navbar it will move on land. The perfect example of this question is here. But i have questions about;
Do ...
1
vote
2
answers
34
views
Unexpected behavior in menu dropdown animation
I have a dropdown menu with a fade bottom animation. Everything works fine but there is a problem.
Expected behavior: When I click the button to open the menu, the dropdown content is displayed with a ...
0
votes
0
answers
17
views
Problem with bouncing ball ui vertical instead of horinzontal
I was just wondering how I would make this go horizontal or diagonal? right now, it is bouncing vertically would I need to change any of the variables or the pos?
I have tried to change the y to x as ...
0
votes
0
answers
19
views
SASS linear-gradient rotation
I found an animated box from Codepen, I converted the code to SASS, but somehow it does not work properly.
The problem with the rotation is that the background (the card) rotates completely. I have ...
0
votes
1
answer
47
views
Expanding animation on click
I'm facing a problem right know about css & javascript animations, let me explain, I have two columns with a box of information and a button to "see more" on each one. What I want to do ...