Yearly Archives: 2011

Do A Barrel Roll – CSS Animation

Code

Tagged: , , ,

If you’re here, you’ve probably seen what happens when you search for “do a barrel roll” on Google. This is done by some simple CSS animation.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
@-moz-keyframes roll {
    100% {
        -moz-transform: rotate(360deg);
    }
}
@-o-keyframes roll {
    100% {
        -o-transform: rotate(360deg);
    }
}
@-webkit-keyframes roll {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
body {  
    -moz-animation-duration: 4s;  
    -moz-animation-name: roll;  
    -moz-animation-iteration-count: 1;
    -webkit-animation-duration: 4s;  
    -webkit-animation-name: roll;  
    -webkit-animation-iteration-count: 1;
    -o-animation-duration: 4s;  
    -o-animation-name: roll;  
    -o-animation-iteration-count: 1;  
}

The CSS is simple enough, it sets the duration to last for 4 seconds, then the type of animation is set by “name” which is “roll”, and finally it is set to play only once. The important thing is how you get the animation “roll”. This is set by using the @-prefix-keyframes with the identifier “roll”, this enables you to create sort of animation functions. @keyframes allows for standard CSS properties to change based on the percentage of the duration completed. Within the @keyframes you can use any percentage, and as many as you like, to set properties; or the to and from keywords. In the above code, 100% could easily be replace with the to keyword. The same code is then repeated with the various prefixes for cross-browser compatibility. Currently the only supported browsers are Chrome, Firefox 5.0+, Safari 4.0+, and Opera? (Opera has not been fully tested).
Read on to see this post do a barrel role and learn more about CSS animations

Control Panel Graphic Install

MAME

Tagged: , , ,

The other day I received my control panel from Game On Grafix, and I got around to installing it which just about completes my MAME cabinet. I also picked up some joystick surrounds.
New Control Panel

First, I had to remove the buttons and joysticks from the panel. This, and replacing them, is probably the worst part. (I really need to get some better cable management) After I got all the buttons off and removed the panel from the rest of the cabinet I sanded it down a bit to smooth out the hole filling I did prior. Then, I cleaned it up a bit so I didn’t have a bunch of dirt and hair stuck under the graphic.
Read about how the graphic was applied


I saw this on my stream and I had to post it.

MAME Marquee and Lighting

MAME

Tagged: , , , ,

This is just a quick update. A few days ago I received my marquee from Game on Grafix and installed it. My marquee installation was pretty easy because I already had plexiglass since it is a conversion cabinet. All I had to do was trim the marquee a bit off the sides and I taped it to the back of the plexiglass. Then, it was just a matter of sliding into place and replacing a few screws.
Lightning Marquee from Game On Grafix
Check out the status of the remaining parts

Why People Pirate – Updated

Random

Tagged: , , , , , ,

This is an informative post as to why people pirate, or at least why some pirate. Yes, people pirate stuff, but they also buy stuff that could easily be pirated. Some of my friends ask me “Why would you buy that when you could just pirate it!?” using this face.
Seriously!?

The people who ask this question are people who I consider leechers. These people, for the most part, don’t pirate themselves, but rely on others to pirate for them. They also don’t seed. -.- So, to answer the question as to why people pirate yet still buy things can be answered in several different cases.

Case 1: Testing Out a Product

Some products are expensive and once bought, can’t be returned. This is the case for a lot of software because you are buying a virtual key and not a physical entity. Many programs offer a trial version which is nice and does not require me to pirate anything.

However, there are a lot of products that don’t have a trial or free version. Therefore, people will pirate the software and test it out to see if it does what they need it to do. If they are satisfied with the software, and it is reasonably priced, they will then proceed to purchase said software. Although, if they don’t feel the product is worth the penny, or if they only require the software for a one-time use thing, they will not buy the software because that would be a waste of money. Which transitions into the next case of the availability of money.
Read the other cases as to why people pirate


Not just awesome, it’s awe-quite-a-bit!

Installing AimTrak into a GunCon Case

MAME

Tagged: , , , ,

I wanted light guns for my MAME cabinet, who doesn’t? Am I right!? So, basically the only choice now-a-days is the AimTrak from Ultimarc. This is a nice, semi-cheap option. I say semi-cheap because you can get the module by itself and put it in your own gun casing which can be pretty cheap off eBay if you don’t have anything laying around. I originally thought of using the NES Zapper, however after receiving the module and trying it out it didn’t fit so well. So, I ordered an old GunCon for the original Playstation off of eBay which I heard was a nice casing for the AimTrak. Here is a small tutorial of how I put it all together.
Blue Painted AimTrak GunCon
Read the full guide

Happy Patriot Day!

Random

Tagged: , ,

Not to be confused with Patriots’ Day (or Patriot’s Day if you’re from Maine[that's right, I use Wikipedia]). I also say “happy”, but this is not really a “happy” day. It is a day to remember September 11th…or was it August…no, October. Anywhoseville, we remember the day that 3 million people died from a series of terrorist attacks. Wait, was it 3 million? o.O I don’t know, lets ask some people from New York, surely they will know.

Happy Nine-Eleven

Preparing the Control Panel

MAME

Tagged: , , , ,

Since I am converting an arcade cabinet for MAME use instead of building my own I had the issue of having old button holes. I tried to use the holes for my new buttons, but I only was able to reuse 2 of them. What to do with the other 4 buttons? Fill them with putty of course.

Wood putty is simple enough to work with, just plop some in the hole and smooth out with a putty knife. When working with button holes, a.) it takes a long time to dry, and b.) it’s good to apply putty in 2 rounds. The first round I did not wait long enough for the putty to dry and kinda screwed it up.

Today I decided to get rid of the old Beach Head 2000 graphic and clean up the panel a bit to prepare for my new graphic. It will still be a while before I get the new graphic, but I was tired of the old one. Before I tore the adhesive up, I applied a new layer of putty to clean up the holes a bit.
Cleaned Up Arcade Control Panel
Read more about the clean up process

 
Δ
Back to Top