Some may be wondering how I remade all of the content here, which was originally in Adobe Flash (.swf) format, to be compatible with HTML5 standards.
First some background: When this section of my site was originally written, Adobe had announced that it will end support for Flash by 2020 (R.I.P. some websites, Newgrounds.com and every time-wasting Flash game ever made). Due to this it is necessary to have a modern working solution to create content like this.
Animations, games, etc. can still be made in a variety of ways: WebGL and Java for example. But how did the content on the previous page work WITHOUT Flash Player?
At first I recreated/transferred each file by hand. The "AQUA ZERO" banner is just a still image. I opened the swf file in a standalone Flash Player (Swiff Player), then screencapped it and used Paint.net to crop and save as a PNG image file. Since the original was unfinished, the missing elements were also added.
For the animations ("WELCOME TO CONEY ISLAND", "BASKETBALL", and "VALENTINE'S DAY CARD"), each frame was screencapped and cropped, then I used Photoshop or the GiMP to compile them into an animated GIF file.
The "LEON KRITCH PHOTOGRAPHY" website is another HTML based website. CSS and Javascript were used to make it look like its Flash counterpart. Each image is in .jpeg format.
Finally, some animations are simply .mp4 video files with the autoplay and loop attributes enabled.
Later I found out that there is actually a way to save your Flash projects natively using Adobe Flash/Animate, by going to File->Export->Export Movie or Export Video. Then save in the appropriate formats- Animated GIF, PNG, JPEG, or MP4 video.
(Note: If you are publishing a video-based project to the web, it should be in mp4/h.264 format.)
Obviously these formats have their limitations:
-The website looks like a boring GeoCities-era webspace, although CSS and Javascript can be used to make it look closer to its Flash counterpart.
-The GIF image format can only support 256 colors. Flash uses vector properties for smooth movement and detail; GIFs, meanwhile, are rasterized and will appear pixelated and choppy.
-Animated PNG (APNG) is used for some moving images. This format is not supported by some web browsers (pre-2020 versions of Microsoft Edge, based on EdgeHTML) or photo viewers (nomacs, Windows Photo Viewer) without a plugin. However, most major browsers (Mozilla Firefox, Chromium-based browsers including Google Chrome and the latest Microsoft Edge) will display animated .png files properly.
-Up until Animate CC was released Flash could only export video in Quicktime or Windows AVI format. IF you are uploading to the web you would need to first convert the video using a converter (such as HandBrake, or ffmpeg if you're expreienced).
HTML content is often varied in its distribution, which can range from a single image file to an entire folder consisting of Multiple HTML, CSS, Javascript, as well as Image and Video Files. Flash needs only one compiled SWF.
Format | Common Editing Tools |
---|---|
Flash | Adobe Flash (Visual), Flex/FlashDevelop (Code using AS3) |
General HTML (Including HTML5) |
Weebly, Wix, Adobe Muse (Visual) Adobe Dreamweaver, Visual Studio (WYSIWYG) Notepad++, Vim, Emacs (Text-Only) |
Why even make this in the first place? I made this webpage as a place to show some Flash projects that I made in school. Again, since Flash is on its way out I decided to port everything to compatible formats. I may "jazz it up": later and make it look more appealing, but for now this is what it looks like.