44,910 questions
1
vote
0
answers
6
views
Assimp .NET Model Animation went wrong (DEFAULT VALUES?)
I made today a skinned mesh, and i tried out my Blockbench model with a animation and saw that the keyframes of this model that set to 0 not set into the model, so my question is now how can i ...
- 11
-4
votes
0
answers
20
views
How to make animation divided by 4 parts with Framer Motion + NextJS (15)? [closed]
https://proximab.framer.website/ (Create your account in minutes section, attached a screenshot below)
[Expected result:][1]
[1]: https://i.sstatic.net/H34Pa5sO.png/
I want to reproduce the effect of ...
0
votes
1
answer
21
views
Is there an easier way to do timed animations in Actionscript 2?
So, im currently making a tamagotchi style game in Macromedia Flash 8, and i need for the current pet to change animations depending on certain actions, and keep in that way for an amount of frames, ...
1
vote
1
answer
60
views
How to efficiently make ASCII art in terminal with Haskell?
This is not a duplicate of Output ascii animation from Haskell?, as that post was, in spite of the title, about how to ensure a minimal pause between frames; regarding the actual drawing, the OP ...
- 28k
1
vote
0
answers
22
views
React + GSAP Text Animation Stutters on Initial Page Load but Works Fine on Hot Reload
I'm experiencing a strange issue with GSAP text animations in my React component. The animation stutters/gets stuck during initial page load or refresh on all devices, but works perfectly during hot ...
- 185
1
vote
1
answer
18
views
Change routes when child component activate
I want to do a login page with password reset page. In the page, only a tiny part of the page will change when i click on "reset password" so the view will be like this :
Login page:
<div ...
- 100
1
vote
2
answers
79
views
How can I play an animation after the previous one is finished?
I have been trying the typewriter animation, and it went well!
.typewriter{
display: flex;
justify-content: center;
}
.typewriter .p1,.p2{
font-family: monospace;
font-size: 1.5rem;
/* ...
- 43
0
votes
0
answers
24
views
Cannot configure ScrollView paging behaviour to have correct both paging size and snapping animation velocity
iOS version: 17.0
My goal is to implement a vertical paging behaviour in ScrollView that satisfies these conditions:
vertical size of every page should be vertical screen size - size of the tab bar
...
- 3,545
0
votes
0
answers
19
views
Trigger animation when another starts in motion
I am using motion to animate a background color whenever the variable colorHex changes, which works nicely. I would also like to scale up and back down each time the color changes. For this I've used ...
- 43.9k
-5
votes
1
answer
37
views
Animation on bottom property [closed]
h1{
animation: bouncing 0.5s ease 0s infinite alternate both;
background: darkblue;
border-radius: 50%;
display: inline-block;
cursor: pointer;
font-size: 0.75;
font-weight: 300;
...
-1
votes
1
answer
35
views
Unity + C# bouncing animation
I'm currently working on a slot game in unity and what I'm trying to achieve is that once the reels stop spinning, the symbols bounce a little bit up and down before they come to a full stop.
In my ...
0
votes
0
answers
6
views
Related to exporting Fbx animation files from MaxScript in 3ds Max 2022
I found that exporting animations of selected bones in MaxScript is a bit problematic. If this bone does not have a parent bone, it will result in the inability to skip the parent bone and only export ...
- 1
0
votes
0
answers
16
views
Unity Randomized Animation is synchronized across all prefab instances
As per title, I am randomizing animation using the following script:
private IEnumerator RandomizeAnimation()
{
while (true)
{
var rand = Random.Range(0, 100);
switch (rand)
...
0
votes
2
answers
51
views
how can I do the transform first then animation in js?
I want the item1 can be larger and rotate first, and then keep spinning,
however the result shows that it only excutes the animation but transform.
Thank you for your help.
In css
#item1 {
...
0
votes
0
answers
13
views
I'm trying sprite animations in React for the first time and my character keeps teleporting to its starting position
It's my first time messing around with sprites in ReactJs and I wanted to make something for fun.
There is a canvas where a character randomly walks left/right. My sprite sheet has 3 columns and 6 ...
- 127
0
votes
0
answers
17
views
Change width and height according to scale using tailwind
I am trying to adapt the width and height of each li element, so that they don't overlap when active (scale: 5). Anyone knows how can I achieve this? Thank you :)
The navbar snippet:
<ul
...
-1
votes
0
answers
55
views
How to Prevent Arrow Rotation from Resetting When Switching Accordion Menus in JavaScript? [closed]
Beginner Learner
I’m working on an accordion menu that toggles the visibility of menu items and rotates an arrow icon to indicate the open/closed state. The JavaScript code works as expected in most ...
0
votes
1
answer
38
views
FuncAnimation only shows one frame
I am trying to implement a genetic algorithm in Python and to display the result of my algorithm I wanted to create an animation using FuncAnimation from matplotlib.animation.
However, I ran into the ...
- 45
0
votes
1
answer
70
views
Unexpected behaviour in slider's elements with different heights
I have three sections of weather: current weather, 1-day forecast, and finally, 5-day forecast, all sharing the same class weather section but supposed to have different heights.
I added a slide ...
- 571
0
votes
0
answers
14
views
How can i get the playSegments function from react-lottie get working?
I am trying to get playSegments to work as it is supposed to. I want to play the first segment [77,30] 3 times and then at the end the segment [30,0]. In the docs it tells me to simple put in the ...
1
vote
0
answers
58
views
Issues with Animation Flickering and Color Artifacts in STM32 SSD1331 using Double Buffering
I’m new to C programming language and working with STM32 microcontrollers, so I apologize in advance for any trivial or naive questions.
I’ve been working on an animation for an SSD1331 OLED display ...
- 11
0
votes
2
answers
61
views
Can't get rid of a SwiftUI animation glitch
I can't get rid of an animation glitch. Here is my code:
// Bubble.swift
import SwiftUI
struct Bubble: Identifiable {
var id = UUID()
var sender: Sender
var text: String
var value: ...
- 113
1
vote
0
answers
16
views
Layout Shifts in React during Ordered Animations (Typing and Fade-in Effects)
I'm experiencing layout shifts in my React application, particularly when animating components in order. The issue arises when I try to animate Heading with a typing animation and then animate the ...
- 21
0
votes
0
answers
27
views
Android annoying Widget touch down press effect
I have a one plus Nord 4 Android phone with oxygenOS 14.1
I can't seem to find a way to remove the touch animation effect from widgets when interacting with them.
I managed to do on my old phone in ...
- 21
0
votes
1
answer
62
views
how to smooth transaction with animejs in three js when the target camera position move?
I had a button when the current position was on the top and then it moved to the bottom and centered with Vector3, but it was not smooth, it is like when we do display: none; to display: block for my ...
- 115
2
votes
1
answer
40
views
How to implement a pause menu in my javascript canvas animation?
I'm adding menu states to an interactive canvas animation based on my edits to this MDN exercise. I want to pause the animation when I press esc (not hide it under an opaque overlay) and resume when I ...
-2
votes
1
answer
14
views
Animate height resize on container with dynamic content
I am new to svelte and I was playing with the svelte/animate and svelte/transitions modules. The main question is how to animate container height when new content is added/removed.
I was trying a few ...
- 1
0
votes
0
answers
24
views
SVG <animateMotion> interchangable
I want to animate circle along the path, once in front of object (big circle), and after in the back of the big circle. I've separate the path, and make 2 circle to animate along separated path. But ...
- 329
0
votes
0
answers
12
views
Subject: Exploring Dynamic Text Replacement for GIFs and Animations
I am currently working on a project that involves dynamic text replacement on GIFs, similar to what services like Memix ( https://www.memix.com/ ) offer, where users can replace text in GIFs in real ...
1
vote
1
answer
20
views
Angular Animation Using stagger from a query with custom delay
I'm using an Angular 15 animation to handle the showing of images on a page.
transition(':enter', [
query('.chat', [
style({ opacity: 0, transform: 'translateY(30px)' }),
stagger('0.75s', [
...
- 1,831
2
votes
1
answer
40
views
An iterative plot is not drawn in jupyter notebook while python works fine. Why?
I have written an iterative plot code for python using plt.draw(). While it works fine for python interpreter and ipython also, but it does not work in jupyter notebook. I am running python in ...
- 563
1
vote
0
answers
39
views
How to apply anime.js keyframes in A-Frame
In this example, we can see how keyframes work in anime.js. Inspired by this answer and A-Frame doc, I tried to apply it with the following code without success:
/* global AFRAME */
AFRAME....
- 45
-3
votes
0
answers
44
views
How do I create an exact replication of this bubble animation?
I came across https://www.rouserlab.com/about/ this site caught my attention. I want to replicate the same bubble animation animation. I tried my level best but I can't replicate it. It does bounces ...
- 1
-1
votes
0
answers
42
views
How do I make the bars visible in a plotly bar chart animation?
I'm trying to make a bar chart animation that slowly shows each bar, but I can't make it work as intended. When I run the code, the bar appears extremelly thin and then disappears to show the next ...
- 21
0
votes
0
answers
27
views
In WPF, how do I animate several objects along a single path so they "chase" each other?
I have several objects laid out along a circle in a custom panel. All available positions on the circle are captured in a list of points, called _Positions. Right now, when I scroll items, they just ...
- 13
0
votes
0
answers
10
views
How to modify Android13 PhotoPicker exit animation?
Here is the code.
ActivityResultLauncher<PickVisualMediaRequest> pickMedia = /**...**/
ActivityOptionsCompat options = ActivityOptionsCompat.
makeCustomAnimation(context, R.anim....
- 11
2
votes
0
answers
55
views
Changing the direction of a CSS animation through javascript
Take the following example :
const keybind = {
"ArrowDown": function(event) {
event.preventDefault();
document.getAnimations().forEach(animation => animation.currentTime += 1000);
...
- 163
0
votes
2
answers
51
views
Pause asynchronous animation on hover
I want the animation of the hovered ball to pause, others should keep animating. Chat GPT has no clue. According to css hover should also reveal the 2nd image - > this only works when i remove ...
1
vote
0
answers
23
views
Flutter OpenContainer plus Hero animation
I am trying to achieve an animation which mixes both the OpenContainer from Flutter's animations package, but it doesn't seem to support Hero animations. There are also multiple issues asking for it ...
- 115
1
vote
1
answer
27
views
How to create a custom EditText with a blinking red background for setting errors in Android Kotlin?
I want to create a custom EditText in Android that shows a blinking red background when there is an error. The idea is to visually indicate to the user that input is invalid.
Here is what I have tried ...
- 21
0
votes
0
answers
25
views
How to disable startup animation before bootup on centos with wayland-weston display?
We bought a Qualcomm HPC QAM8775 with Gunyah as Hypervisor and Android and centos is running in parallel. But there is a startup animation is coming up before centos bootup which is a man coming and ...
0
votes
0
answers
13
views
Rig Variables in modular control rig
i am looking on how to use rig varivales in the new modular control rig in or to make runtime procedural animations .
my main issue is on how to link a variable with a bone control .
thanks .
- 406
0
votes
0
answers
22
views
Why does my top card briefly reappear after a swipe in my React Native animated card stack?
I'm building a React Native app with a stack of cards that users can swipe through. The card at the top of the stack is animated off-screen when swiped, and the next card in the stack becomes the new ...
- 25
1
vote
1
answer
48
views
Hover Effects are treated as click effects, but they work properly after resizing page
They were working before, but I was trying to add react based page linking and that seemed to have broken the hover effects and now I cannot get them to function properly again. They do the correct ...
- 193
-1
votes
0
answers
19
views
EmotionCSS clean up generated classes
When using the css prop from EmotionCSS, it generates a CSS class with a random hash name and adds it to the head of the DOM (as far as I can see) as well as various variants for browser compatibility....
0
votes
1
answer
32
views
How to prevent text flicker during input-to-span transition animation tailwind react
I'm implementing an expandable input field that transforms into a span when losing focus. The input expands on focus and shrinks when converting back to a span. While the width animation works ...
- 431
0
votes
0
answers
47
views
How to make infinite animation of vertical lines moving along horizontal lines
How to make an infinite animation of vertical lines moving along horizontal lines using only CSS and HTML?
So far I have only got this option, but the distance between the lines does not decrease as ...
0
votes
2
answers
35
views
How would I create a rotation animation that switches direction continuously as it goes through each cycle?
I have the following svg of a hexagon and a rotation animation in for it that only goes 1 direction at the moment. How would I adjust this so it rotates the other direction after each animation cycle?
...
- 13
0
votes
2
answers
81
views
SwiftUI withAnimation(_:_:) function doesn't animate
I couldn't manage to migrate a simple animation with the withAnimation(_:_:) function from this:
struct WelcomeView: View {
let greetingTexts: [String]
@ViewBuilder
var body: some View {
...
- 1,576
1
vote
1
answer
66
views
Pure css stacking card effect with sticky position, no javascript
I'm working on a section where these cards are stacked, the problem is that they do it using position: sticky and when the effect of cards is over, the cards go through the "sticky-header" ...
