Browser not support canvas, sorry.


Browser not support canvas, sorry.

If you crash your browser don't blame me.





Suggestion: 📀︎


They all change "speed" but in different ways:

[technically is faster if we look at it from a physics perspective, because if you move a large distance in "any" amount of time, then you are going fast]

These buttons work:

But you will have to wait a while if the DVD is going slow because the change in speed does not activate/happen until it hits a wall, which I see as an issue.
But is slightly funny if you don't expect it lol.

I "stole" the code for this collapsing text from w3schools
What can I say, I needed some collapsed text. ¯\_(ツ)_/¯

My rant:

I watched this video in the past before I made this DVD animation and forgot about for a while, until I recently rewatched it, and I noticed that some of the things did actually apply to these two speed buttons I made which I thought was really cool, because I made this with code, not with actual art stuff, so I just thought that was cool. Here is the video you should go watch it: "The twelve principles of animation"

The part that most applies to this animation is 9th principle which is Timing. Because the smaller I make the speed variable the faster the animation runs, because that is how many milliseconds Javascript waits before displaying the next frame of animation.

Another thing is the magnitude variable, which changes how far apart each frame of animation is.

So if I set both of these to one, then the animation will be very smooth becuase it moves very little between each frame, and it shows each frame every 1 millisecond.

If I set the magnitude to a big number, and keep the speed at 1, then the animation has the appearacne of really fast, because it looks like a bigger distance between each frame, and every frame is getting displayed every millisecond.

Now if you use your imagination, then you can probaly make some assupmptions on how different combinations of values for these two variables will make the animation look for my DVD animation.


Another thing I realized a bit later is that we could perhaps relate this animation to vectors and or velocity from Physics because it is "travling" a certain distance every however many seconds in a certain direction.

So I guess the things that is trippy to me is the fact at how similar that 9 principle of animation is to how the heck v=d/t in physics, it is like they mirror eachother almost or are parallels (in the way I implemented them specifically I guess).


Some random info that I thought didn't look good next to the buttons:

If you are on Internet Explorer you will need to type in at least one "RR GG BB" hexidecimal value for the Canvas background to not be black.

If you click the "Check" button and THEN, if you press the "Start animation" button once or more it will start spazzing, and look kind of funny.

Also incase you did not notice the start animation button is completely broken, so don't try using it and expect it to work as promised.

Another thing I noticed is that in internet explorer the trick I told you up above doesn't quite work, but does do other interesting things