For questions related to graphical animations. This includes, but is not limited to sliding, tweening, rotating and resizing of shapes.
0
votes
0answers
13 views
“Star Field” Animation with JavaScript and Sass-CSS
I've have make this animation on the weekend as a "just for fun" thing. And for to play with various techniques I've seen in others code.
I think it works quite alright.
Nevertheless I would ...
-1
votes
0answers
39 views
Animate load and remove modal with jquery
I am a jquery noob. I hacked this bit of jquery together, and it does work but I am wondering if there was a better way to write this? Suggestions?
http://codepen.io/Ella33/pen/rrpBOO
...
3
votes
1answer
24 views
JavaScript to play and replay CSS animations on load and scroll
The following plays and replays CSS animations on load and scroll.
It works but I'm wondering if there is a better way to write this, so it's cleaner and performs better.
...
3
votes
0answers
38 views
Simulation of reflected particles
I made a particle simulation in vanilla JavaScript. It can currently handle around 10000 particles (staying 58-60 fps on my machine).
For testing, controls are MB1, MB2, R, Z.
How can I make this ...
1
vote
0answers
46 views
A custom UIView with gradient fill, border, and variable corner radii
Here is a swift port of UIView subclass that I use often in my apps. It allows me to easily set gradients in place of the backgroundColor property, and also makes it very easy to create views that ...
25
votes
4answers
3k views
Loading… animating dots in C
I've recently wanted to make a "Loading..." display in C where the dots print one at a time in order and then reset:
Suprisingly, there isn't much on the internet for doing this well, so I figured ...
2
votes
0answers
55 views
Custom animated image control
I have written the following control which allows loading a gif from embedded resource, file, or raw Image. It allows for more granular control over the direction ...
11
votes
1answer
221 views
Human-like mouse movement
The code will move the mouse from a start point (xs, ys) to finish point (xe, ye) like a human would.
I'd like some help possibly shortening the code (by optimizing it) and making it more readable.
...
8
votes
1answer
162 views
Flipbook type animation with Tkinter
I am writing a program in Python that takes a folder of images and animates them.
For example, going through a list of pictures like this and animating them one by one:
Relevant features include:
...
2
votes
0answers
41 views
Alternative for Float Animations
In the Firemonkey framework of Delphi, there's a feature called Float Animations, which allows you to control real-time "animation" of float values. However, in the VCL framework, this feature is not ...
2
votes
1answer
36 views
Panning JS canvas
I'm experimenting in canvas and trying to create pan effect. I've managed to pan succesfully, but I'm curious if I'm doing it correctly. Since I've come up with the following code myself, I don't know ...
2
votes
0answers
35 views
Swing keybinding to control an animated car
In my textbook there is no mention of keybindings and it encourages the use of keylistener so there isn't any example code using keybindings for its problems. I was wondering if this is sorta close to ...
1
vote
0answers
19 views
“Moving gradient”-animation with CSS-keyframes and Sass
I've made this animation using Sass and CSS-keyframes.
I'm bit worried about my usage of position relative / absolute.
Can one expect that it works in all browser reliable? Or to I have to expect ...
3
votes
1answer
59 views
Ribbon animation code too repetitive
I spent the last two days getting a ribbon animation to work with divs so that I can later add li link elements to them to act as a menu. I used the progess bar animation code as inspiration from ...
3
votes
2answers
316 views
JS cross-fade transition
As the question says....Can this be done any better? I could introduce more variables to cut down on function number, but does it make sense? So this is a simple cross-fade between two images :
...
3
votes
0answers
38 views
Fade and slide animatable elements on window scroll
I wrote a simple JavaScript function to animate objects on my webpage to fade and slide in from the bottom of the screen when the user scrolls them into view. I did this by using JavaScript to add ...
2
votes
0answers
29 views
didSimulatePhysics to animate a ball, taking 45% of CPU
According to my time profiler this is taking 45% of my cpu usage: have tried to optimize, and someone on stack overflow -- recommended to post here. Time profiler says 99% of the time is spent on the ...
1
vote
0answers
18 views
Sass-Mixin for to attach a text-shadow animation upon HTML-elements
I've make these mixins by using SCSS-Sass. Any hints and tipps concerning improvements are welcomed.
...
2
votes
0answers
54 views
Animation with JavaScript and Sass : Neon light banner
After reading a bit about CSS3-text-shadows and seeing a few advanced examples I had the idea for a "neon light"-banner. Next idea was to animate it.
Finally it has become a mixture between a Sass-...
4
votes
0answers
58 views
Animation for android ImageViews acting as game pieces
My question is about how to achieve a well-performing animation for a set of ImageViews, so that the foreground fades away and the background stays the same.
...
2
votes
1answer
61 views
Scrolling game very slow
I am trying to make a scrolling game in Tkinter. However, with all my for loops and functions it is extremely slow.
I am reading the tutorial from Khan Academy's advanced JS. In their JS game ...
1
vote
0answers
15 views
JavaScript-function for to attach CSS-animations
The purpose of the function is to attach CSS-animations to HTML-elements with a text-content property. Like for example h1, div, p etc.
It's not fully elaborated. Nevertheless have I decided to put ...
2
votes
1answer
44 views
Random walker using Processing.JS on Khan Academy, with new walkers generated on mouse click
I've created a project on Khan Academy as part of the Natural Simulations course on random walks.
This project is in JavaScript, using the Processing.JS library, slightly modified by Khan Academy.
(...
1
vote
1answer
83 views
Parallax animation running well on Chrome but slow on Safari
This is the continuation of a previous question I posted here.
I've improved (at least I think so) the initial script from the previous question, now storing the data in an array, it runs slightly ...
5
votes
1answer
135 views
Parallax animation, running well on Chrome but slow on Safari
I have the following script to create a parallax effect on the page using request animation frame, it runs well on Chrome, but on Safari is lagging, I think because I run too many calculations on each ...
3
votes
0answers
47 views
Calculate and apply realistic velocities when animating sprites
I am brand new to Scratch (and animation in general) and have been playing around with various techniques I feel will probably come in handy. My project in question can be viewed here. It started as a ...
0
votes
0answers
46 views
Animate.css 'slideshow'
Animate.css offers on it's page the possibilty to try out the included animations: https://daneden.github.io/animate.css/
For to see a demo one has to select it via a dropdown. Then trigger it by ...
0
votes
0answers
26 views
Improving function that does an animation with JQuery .animate()
I'm a newbie with the JavaScript language. So I really appreciate any tip about how to improve my code. I'm used to code in java. Then I want to know if there is any way to abstract my function, ...
0
votes
0answers
40 views
Message-Div animated with changing colors
I've made this animation with jQuery and Animate.css.
Could be surely improved.
Currently I'm using 125 (5^3) different colors.
If one extends the amount of colors, or respectively the filling of ...
1
vote
1answer
73 views
Splitting text into individual characters for animation
I have code which makes use of jQuery and some additional libraries. But the jQuery part is too overwhelming (and thus it does its job slowly). So I tried to optimize it, but had no luck. Now I'm ...
5
votes
1answer
79 views
A “pointless” animation program
The assignment description for this code is this:
Each time the user clicks the Circles button, randomly colored circles
flow into the display and continuously change their shapes.
Here is a ...
3
votes
1answer
96 views
CSS3 Dropdown Menu (touch device or mouse compatible)
If you'd like the files: https://github.com/agraymd/Animated-Profile-Menu
Working Demo: http://jsfiddle.net/tddfevhv/1/
This may be rather basic, but I wanted to experiment and learn with some of ...
3
votes
0answers
113 views
Basic animation in Typescript
I decided to play around with doing my own super-basic animation. For a previous Javascript project, I needed the ability to flash an element. The code below is the result of me attempting to ...
0
votes
1answer
58 views
Calculating an object's stopping distance
I'm trying to smooth the movement of a cursor which has a set acceleration and max speed. I wrote this function to calculate the stopping distance of an object given its speed and acceleration, and it ...
3
votes
1answer
90 views
Explosion animation plugin for a game
I have been writing a small particle plugin since I want to learn how physics works for games. Now I have tried to get this as clean as I possible could but It feels something is missing. Am I ...
8
votes
1answer
120 views
JavaScript canvas sphere
I made a small demo in JavaScript using HTML5 canvas, which renders a rotating sphere. The sphere is generated by first creating a set amount of points (currently 50, represented by vectors) randomly, ...
1
vote
1answer
67 views
Progress indication with animation
I have a game in which the player has to do something within a defined time.
E.g.: the player has 10 seconds to complete a level.
My current code animates an imageview (it's only a horizontal line) ...
2
votes
2answers
47 views
Text 'guesser' / tumbler like animation
I made a tumbler thingy...
Do you see possible bugs in the code or any improvements I could do?
...
2
votes
1answer
181 views
100 chairs in a circle problem solving with Angular.js and visualization
Here is the problem statement:
Take a second to imagine that you are in a room with 100 chairs arranged in a circle. These chairs are numbered sequentially from One to One Hundred. At some point ...
5
votes
1answer
76 views
Front End Web exercise, no HTML
I was given the following instructions
Using the below HTML, using ONLY CSS, JavaScript or jQuery create the following (see attached gif animation):
...
6
votes
1answer
165 views
Java snow animation
I was inspired by this to write a graphic snow animation in Java/Processing. It works great, but it has some design issues.
The full project is here on github;
...
5
votes
1answer
64 views
Animation Template Method for Snake Game
I have recently finished my first iteration of a template method implementation for a JavaScript canvas animation of the snake game. However, I would love for the community to critique this code and ...
67
votes
6answers
10k views
How clean is my snow?
I just wrote a snow animation in Python. I think this is fairly clean but I have a few things that I don't like.
...
1
vote
0answers
481 views
Progress bar with percentage counter
Basing my work on a JavaScript progress bar created by another person, I added an animated percentage count. This solution is really ugly but it works.
I don't know how to avoid having to declare ...
11
votes
1answer
200 views
“Star Catcher” game
For fun, I have been working on this game I called Star Catcher. It's a very basic game where stars are falling and you try to catch as many of them in your bucket before you miss 10. It's a real mess ...
6
votes
1answer
137 views
JavaScript Breakout Game
I'm a novice programmer who is very new to JavaScript, and animation/graphics, and I have this breakout game on my flask website.
I tried to do as much as I could from scratch, and I'm unsure if my ...
3
votes
1answer
86 views
Mouseover effects for social network icons
Hey so I have written some code out in jQuery, but it seems to violate DRY. I'm not too familiar with JavaScript or jQuery, so I was just asking for some advice on how to optimize this code:
...
-1
votes
1answer
105 views
6
votes
2answers
221 views
Sample Python dodger game
I got my game working for so far, however, I would like the game to run faster. It's running at approximately 26 FPS when most of the blocks come in; my FPS goal would be about 60 FPS.
...
1
vote
1answer
78 views
C64 loading screen
I have made a loading screen (splash screen) just like the old C64. I have used a series of picture boxes and just change the coloured image using a timer and a case statement.
...
