eduazy

Sign in

Why I recreated my favorite Flash websites in HTML5.

Before Adobe ceases Flash support later this year, I remade all of the popular Flash-based GTA websites.

Grand Theft Auto Flash Websites recreated in HTML5
https://classicgtasites.com/
Grand Theft Auto III Flash Website
Grand Theft Auto III original Flash site compared to the HTML5 recreation / classicgtasites.com/III
Grand Theft Auto Vice City Flash Website
Grand Theft Auto Vice City original Flash site compared to the HTML5 recreation / classicgtasites.com/vicecity
Grand Theft Auto San Andreas Flash Website
Grand Theft Auto San Andreas original Flash site compared to the HTML5 recreation / classicgtasites.com/sanandreas
Grand Theft Auto Liberty City Stories Flash Website
Grand Theft Auto Liberty City Stories original Flash site compared to the HTML5 recreation / classicgtasites.com/libertycitystories
Grand Theft Auto Vice City Stories Flash Website
Grand Theft Auto Liberty City Stories original Flash site compared to the HTML5 recreation / classicgtasites.com/vicecitystories
Grand Theft Auto IV Flash Website
Grand Theft Auto IV original Flash site compared to the HTML5 recreation / classicgtasites.com/IV
The Warriors Flash Website
As a bonus, I also remade The Warriors Flash website in HTML5, CSS and JavaScript / thewarriorsgame.com

1. Size of the elements:

Obviously the original Flash websites were designed for the common screen resolutions back in the early 2000s (800x600 and 1024x768), which makes the elements very small when viewed on modern screens. The first step was to make the main elements bigger and more visible.

2. Mobile-friendly(ish)

I highly recommend browsing these websites on a PC or laptop with a mouse to get the best experience, but given HTML5's ability to run on mobile devices, you can browse them on your phone or tablet too (on landscape mode that is).

3. Design choices and other minor changes

Lastly, while I tried my best to recreate the original sites, my skills as a web developer are limited, so I had to make a few design changes on elements I couldn’t recreate or simply because they were too time-consuming to make considering the final result.

Obtaining the assets

If you ever tried to ‘inspect’ a Flash website, you may realize it’s not possible, at least not in the common way of right-clicking an element. You will have to inspect the whole website through Developer Tools and look for .SWF elements to download and open in your computer. Then you can use a decompiler to see and open the assets.

Final thoughts

Adobe Flash is dying this year, but not everything is lost. First of all, remember you can always open .SWF, .FLV and other Flash based files with the official Adobe Flash projector, a very lightweight executable that you can download for free and works on Windows and Mac.