Questions tagged [animation]
For questions related to graphical animations. This includes, but is not limited to sliding, tweening, rotating and resizing of shapes.
388
questions
127
votes
6
answers
17k
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,800
33
votes
4
answers
3k
views
Snowfall in HTML
I am a beginner and I have made Snowfall in HTML for my mom. I'm pretty sure it will not look that awesome to any developer out there, but hey, that's why I've posted it.
I'd like a general review of ...
- 331
32
votes
4
answers
15k
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 I ...
- 21.8k
25
votes
5
answers
99k
views
Simple Java animation with Swing
I am learning to use Java Swing and have made a simple animation that makes a small shape bounce around the predetermined borders of a panel. The program works well, but I am looking for feedback in ...
- 353
24
votes
1
answer
1k
views
Simon Says: "Make me a circular window"
This is my first time messing with non-rectangular windows and animations in WPF, so while I'm working on all the bugs I'm having with the actual game code, I'm submitting the XAML for review - I don'...
- 75k
18
votes
2
answers
1k
views
18
votes
2
answers
2k
views
Sprite animation handler
When a user presses a key in my game, their avatar can move down, left, right or up. By move, I mean their avatar animates while various other things move around them on the screen. This is ...
- 1,350
17
votes
1
answer
4k
views
Bouncing stacking boxes
I'm not sure if it would be better to make the envelope into an extension of the Rectangle constructor.
The physics seem a bit dodgy, it works well most of the time, but sometimes the boxes overlap ...
- 431
16
votes
1
answer
58k
views
Alternative to setInterval and setTimeout
JavaScript's setTimeout() and setInterval() are evil and not precise:
Both functions have a delay of a varying quantity of ...
- 303
15
votes
3
answers
819
views
Sample game code for applying to a development firm
I am contemplating working with a development firm, and had asked for this piece of sample code. Could you please take a look and let me know if this is a quality piece of work, or if it needs ...
- 151
14
votes
5
answers
1k
views
Animating one of three boxes based on a form value
Is there a better way to do this without using if or case statements?
...
- 353
14
votes
3
answers
3k
views
Slot Machine Constructor
This is a fun little program I made of a fruit machine gambler, aka "slot machine". What mistakes am I making? How can I make this better OOP programming, less spaghetti?
...
- 243
14
votes
2
answers
442
views
Counting people inside the house game
This program animates people going inside and outside of a house, the user has to keep a running sum in their head and must give the answer at the end.
The speed of people, the number of maximum ...
- 27.5k
14
votes
2
answers
77k
views
Fade-in and fade-out in pure JavaScript
I decided to build my own fade-in fade-out function, since that is all I need on my page.
Please comment on things I can make better.
...
- 317
13
votes
2
answers
3k
views
Console-like printing of message JavaScript
I'm learning JavaScript and I've made a very simple little document-modifying script that prints a message as if it was someone typing into a console. It practices recursion and in my opinion, I feel ...
- 675
13
votes
1
answer
3k
views
Maze generator & animator in Python
This is a follow up to this code and I still did not get the feedback on the drawing functions
Maze generator in Python- Gif animator-Custom colors/sizes
The code generates custom color and size ...
user203258
13
votes
2
answers
780
views
Sierpiński's carpet fractal animation for teaching Python 3
I am teaching programming (in this case - 1 on 1 tutoring of a teenager interested in programming) and this code will be a final stage of a progression toward program generating a nice image of ...
12
votes
4
answers
4k
views
Countdown control with arc animation
I've implemented countdown timer control with arc animation that looks like this
Implementation notes:
For arc visualization I've created class Arc derived from <...
- 1,328
12
votes
3
answers
723
views
A flashing ! exclamation ! point ! bar
I have this Objective-C code for use in an iOS app that makes a 'bar' on the screen, with a red exclamation mark that flashes in it at random places.
Here's what it looks like:
Header file:
<...
user25840
12
votes
1
answer
16k
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.
...
- 1,494
12
votes
2
answers
2k
views
Microsoft logo animation
I made an animation of the Microsoft logo. It's available as a CodePen doodle, also. Would anyone be so kind as to check my style and say if there is anything I could've improved? (I am sure there is.)...
- 223
11
votes
1
answer
1k
views
Simple Pong game
I'm writing a simple Pong game. I have a method bounce() that makes everything run: the ball, the paddles, score etc. and it uses 12 arguments: 3 counters, 2 ...
- 357
11
votes
1
answer
2k
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 ...
- 111
11
votes
2
answers
1k
views
jQuery plugin that makes a slider out of an <ul> list
This is one of my very first jQuery plugins. In short: it makes a slider out of an <ul> list filled with <li> items ...
- 111
11
votes
2
answers
6k
views
Making GIFs with Java
I wrote a Java class to make a GIF animation from a list of images. The whole project can be found here.
I am pretty new with GitHub, so I would be very glad if you can give critiques regarding my ...
- 143
11
votes
3
answers
974
views
Garbage collection in JavaScript multiplayer game
I am currently creating a Multiplayer Game using node.js and web sockets. The client side is receiving the positional information and applying it to all the players on the client side. Each client ...
user87202
11
votes
1
answer
181
views
Bedazzling My Bejeweled Animations
I've spent a few days working on the animations for my Bejeweled clone and I am pretty happy with the results so I am posting the code for review. This is the most advanced animation code that I have ...
- 8,569
10
votes
2
answers
655
views
Is there a better way to write this jQuery UI effect animation?
I'm writing some code to perform some simple form validation and I would like to display error messages inside the actual relevant textarea by means of a text fadeout/fadein effect.
To achieve this I ...
- 255
10
votes
3
answers
1k
views
CSS3 transitions performance enhancement
I am building a website with heavy CSS3 transitions. The menu is hidden on the left and slides in on hover pushing the main content right. The menu contains transformed elements and has a semi ...
- 894
10
votes
1
answer
279
views
Making a square move counter-clockwise around the edge
This is so ugly code. There must be better way to write it, but I'm noob to AS3.
The goal is to make a square move at even speed counter-clockwise around the edge and on call ...
- 103
10
votes
3
answers
5k
views
TI-Basic Bouncing Ball Animation
Anyone who has programmed in TI-Basic is likely to have written one of these programs. The concept for this program is simple.
The "ball" represented by a single point that originates from the upper ...
- 574
10
votes
2
answers
1k
views
Text based rendering/animation engine for the terminal
This project was highly inspired by the popular drawille project, that lets one draw to the terminal using the braille unicode characters.
The advantage of drawing with braille characters compared to ...
- 901
10
votes
1
answer
241
views
Interactive small town
I've built this simple interactive scenario. Now everything seems to be working fine except for the start of the for loop as below. What can I do to make the script ...
- 201
10
votes
1
answer
2k
views
10
votes
1
answer
339
views
Processing.js particle system
After about half an hour of fooling around with Processing.js/JavaScript, I got this fairly decent particle system set up:
...
- 15.8k
10
votes
1
answer
2k
views
CSS image slider (no JavaScript)
HTML / CSS Slider. No JavaScript.
Wanted to make an all CSS Image Slider. Though there are plenty of pre-made options setup a lot seem clunky or add a lot to load time. Have ideas for some more ...
- 461
9
votes
2
answers
749
views
Smoke particle system
Please note that I'm working on a game on Windows Phone 8 using Monogame. The game is fine (60 FPS) all the time, except when the particle system is activated. This is just a smoke particle system ...
user42412
9
votes
3
answers
967
views
Canvas Drawing/Animation
I am trying to learn how to write good, clean, and efficient JavaScript. I consider myself a novice, at best, in JavaScript. Any comments are appreciated.
In an effort to become a better JavaScript ...
- 91
9
votes
1
answer
875
views
Maze generator in Python- Gif animator-Custom colors/sizes
This Python code generates mazes with color and size customization. I intend to add several new maze generating algorithms(Sidewinder, Kruskal, Prim ...) to the Maze class but for now, there is only ...
user203258
9
votes
1
answer
654
views
Creating and playing animations for a game using LibGDX
It feels like there's quite a lot of code involved in order to manually build up an animation using the libGDX framework. In my specific case, I am creating a number of animations for a portrait view ...
- 8,569
9
votes
1
answer
2k
views
Maze image solver and animator in Python
This maze solver is a continuation to the maze generator I posted here recently Maze generator & animator in Python
This code takes an image containing a 2-color maze as input and solves the maze ...
user203258
9
votes
1
answer
5k
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:
...
- 143
9
votes
1
answer
409
views
Sierpinski triangle html canvas Implementation
I wrote my Sierpinski Triangle fractal animation using HTML canvas with JavaScript: JsFiddle
What do you think about it? How I can optimize it, if you see a need for that?
Code:
...
- 315
8
votes
2
answers
650
views
A "C" shape of 7 boxes that turn green on click
Company name asks you to build a website with 7 boxes shaped like a c, which should turn green on click, and then when all are clicked, should turn red in reverse clicking order.
https://jsfiddle.net/...
8
votes
3
answers
3k
views
Python Turtle screen saver
Leon asked a question which got closed both here and at Stack Overflow, but I kind of liked the idea, so I implemented a working version of his code, which I now want reviewed.
With regards to Leon's ...
- 11.5k
8
votes
2
answers
2k
views
Webpage with a preload animation using JavaScript setTimeout
I am working on a website with an animation that runs at the beginning before the content of the homepage becomes visible.
I've looked at some examples of preloaders and now use that code with some ...
- 81
8
votes
2
answers
410
views
Set theory clock code
I wrote some JS to power an HTML/CSS "set theory" clock, and I'd like to share what I have so far and ask if anyone can suggest improvements.
Specifically, I'm wondering:
Should I bother checking to ...
- 183
8
votes
1
answer
2k
views
Animations when navigation items are clicked
I'm a beginner in jQuery and am wondering how I could write the following code shorter, since I'm repeating a lot.
Working example
...
- 83
8
votes
1
answer
1k
views
Animation of linear transformations
Coordinates
Given a 2d space, we can fix a coordinate system to talk about transformations numerically.
The red vector, that ends at (1, 0) and the green vector that ends at (0, 1) are called the ...
- 27.5k
8
votes
1
answer
182
views
The effect of typing a sentence out
The following code is complete and works perfectly. What I want to do to is make it more modular in a way where I can use the code again - similar to an api. I also hardly ever code in javascript, ...
- 211