Using FlAniS Animation for GRLevel3 NOTE: Separate instructions & code for template users is on page 3 of this thread... Some History: FlAniS (the Flash AnimationS applet) is a project developed by SSEC (Space Science and Engineering Center) out of the University of Wisconsin-Madison by Tom Whittaker, and used heavily by the NOAA and the National Weather Service. It's a re-casting of the AniS Java applet that's now done in Flash. For the last few years the NWS has been busy changing over all of their standard Java and AniS animations over to FlAniS for satellite and radar animations. Most of their Java applets are now deprecated, with some already being removed. This has been a fairly slow process but they are making progress. As of now they are working on finishing the change over on their local, regional satellite animations and just last week began changing over their AniS Animated Radar over to FlAniS. To use FlAniS you need: - A configuration file - The applet code - The FlAniS zip files The config file holds all of the instructions for the applet to use including the names of the images you will be using. The sample below is for GRLevel3 KDAX Composite Radar. Be sure to play with the "backcolor" and "forecolor" to get just the right look and feel for your web page. Sample Configuration File (grlevel3.txt): Code: controls=startstop, looprock, step, speed, firstlast, zoom, refresh, toggle controls_tooltip = Start & Stop, Rock Frames Back & Forth, Step Image One at a Time, Set Frame Speed, Go to First or Last Image, Zoom In, Refresh, Click to Remove Frame From Animation filenames = kdax_cr_9.jpg, kdax_cr_8.jpg, kdax_cr_7.jpg, kdax_cr_6.jpg, kdax_cr_5.jpg, kdax_cr_4.jpg, kdax_cr_3.jpg, kdax_cr_2.jpg, kdax_cr_1.jpg, kdax_cr_0.jpg start_frame = 1 start_looping = true rate = 25 backcolor = #291F4B forecolor = #ffffff no_enh = true You can refer to the FlAniS Documentation for the description of each config file entry along with many other options you can use: http://www.ssec.wisc.edu/flanis/ The applet code goes directly onto your web page: Code: Download the FlAniS Zip file here: http://www.eldoradoweather.com/satellite/flanis-2.0.zip Unzip & upload the FlAniS zip files into a separate folder named flanis. There are 2 separate locations within the applet code with the path to the flanis folder and flanis.swf (ie /flanis/flanis.swf) There are also 2 locations in the applet code where you will need to have the config file name (ie grlevel3.txt). The image names in the configuration file use the same default GRLevel3 file names that are already being uploaded to your web server. Most people upload 10 files per radar type. Change the image names in the configuration file to match the 10 image file names you wish to animate. Make sure to get the image order correct. The oldest image is first in the list... Set the width and height in 2 separate places in the applet code to any size you want. You will need to account for the height of the controls and add it to the total image height. Place the applet code above on your webpage where you want the animation to appear. General Instructions: - Make sure you have typed in the proper image names & config file name into your configuration file. - Upload the configuration file to your grlevel3 folder. - Upload the web page with the applet to your grlevel3 folder. - Create a new directory named "flanis" in your grlevel3 folder. - Unzip and upload the flanis-2.0.zip files to the "flanis" directory inside your grlevel3 folder. - Change the 2 configuration file names in the applet to match what ever name you are using. Notice in the applet code that there are 2 "wmode" entries. These are needed to allow menu items to be able to display over the applet instead of hiding under the applet. Code: Sample Web Page: http://www.eldoradoweather.com/grlevel3/grlevel3-br1-radar.html Please include a credit to El Dorado Weather @ http://www.eldoradoweather.com/ on the bottom of the display... You can use FlAniS for any number of different animations such as radar, satellite, model maps and many other different animation applications. As the NWS has found out, the skies the limit when using FlAniS! Good luck and I hope you enjoy FlAniS animation! It should help to open up a whole new world to you and your animations.. All the below are Instructions for using FlAniS Animation with the WD PHP Template: Template Code: # TNET Services, Inc. # # Copyright: (c) 1992-2007 Copyright TNET Services, Inc. ############################################################################ # This program is free software; you can redistribute it and/or # modify it under the terms of the GNU General Public License # as published by the Free Software Foundation; either version 2 # of the License, or (at your option) any later version. # # This program is distributed in the hope that it will be useful, # but WITHOUT ANY WARRANTY; without even the implied warranty of # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the # GNU General Public License for more details. # # You should have received a copy of the GNU General Public License # along with this program; if not, write to the Free Software # Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA ############################################################################ # This document uses Tab 4 Settings ############################################################################ require_once("Settings.php"); require_once("common.php"); ############################################################################ $TITLE= $SITE['organ'] . " - GRLevel3 Radar"; $showGizmo = true; // set to false to exclude the gizmo include("top.php"); ############################################################################ ?>

GRLevel3 Local Radar


Select radar type:  













































I have changed the FlAniS applet code so you can keep all of your grlevel3 files in their original or separate folder. This was done to make it easier for you to change. You will no longer need a configuration file. 1. Replace ALL of the code in your wxgr3radar.php file and replace it with the code above. 2. Before the applet code you will see "form" code. You need to put the url links to your other radar types here. Put each radar type URL into the code where it says: link-to-br1-radar-goes-here link-to-cr-radar-goes-here link-to-cr248-radar-goes-here link-to-br248-radar-goes-here link-to-ohr-radar-goes-here link-to-thr-radar-goes-here link-to-shr-radar-goes-here Edit this section to how you see fit by rearranging the links, adding more links, or deleting links within the "form" code. If you just want 1 radar type you can remove the entire "form" code. 3. Now for the applet code: Edit the proper "width and height" of your animation in 2 separate places. Add more height to the image to accommodate the control buttons. IF your image is the size you want it and you still have scroll bars, you will need to adjust the width and height of the image in the grlevel3 software program under your "Web Publishing Settings". 4. Change the background and foreground color codes in 2 separate places where it says: backcolor=#291F4B&forecolor=#FFFFFF (ie 291F4B & FFFFFF). so you applet colors match the look and feel of your color theme. 5. Next change the URL to your grlevel3/gr3 folder with a forward slash at the end. This needs to be changed in 2 separate places in the applet code where it says: "image_base=http://www.eldoradoweather.com/grlevel3/". This points to your folder with the images and configuration file. Note the URL points to the folder only and not to any specific file... 6. You no longer need the configuration file. It is now incorporated within the applet code itself. 7. Change the URL to point to your flanis.swf file... Change it in 2 places where it says: "http://www.eldoradoweather.com/grlevel3/flanis/flanis.swf" 8. In 2 separate areas in the applet code change the names of your grlevel3 .jpg files, right now the code shows - filenames=kdax_cr_9.jpg, kdax_cr_8.jpg, kdax_cr_7.jpg, kdax_cr_6.jpg, kdax_cr_5.jpg, kdax_cr_4.jpg, kdax_cr_3.jpg, kdax_cr_2.jpg, kdax_cr_1.jpg, kdax_cr_0.jpg 9. If you keep the radar-status.php page, you will just need to edit the Radar Call Letters in the separate included file. 10. To addon new radar types: Copy the same template code as above and give it a new name. Thus adding a new page for each different radar type. Then in the new template change the existing image names to the names of the new radar type. For example, if you wanted to change the CR radar type to BR248 you would change all of the instances of "kdax_cr_xx.jpg" to "kdax_br248_xx.jpg". Then add/change the URL to the new radar type in your menu "form" links. That should be all you need to change, just the image names and page link. Nothing else should need to be changed. A Sample Template Page can be viewed at: http://www.eldoradoweather.com/wd-alt/wxgr3radar.php After you have everything looking good and working, you can now customize, rearrange, or tweak your page in any fashion to fit your taste.