I don’t really need to say more than that I don’t think. It promises to be a great day out and hopefully i’ll have a new version of flCodr up for then!!

This is my latest Flash extension panel – Ratio Calc.

We’ve all been there, creating a video player for an application and having the task of working out the aspect ratio, or perhaps resizing images or even just trying to work out the size of the stage. This tool will do it for you with a few simple clicks and it’s free.

The aspect ratio of a shape is the ratio of its longer dimension to its shorter dimension. It may be applied to two characteristic dimensions of a three-dimensional shape, such as the ratio of the longest and shortest axis, or for symmetrical objects that are described by just two measurements, such as the length and diameter of a rod.

The tool will work out dimensions for the following common aspect ratio’s:

• 4:3
• 16:9
• 1600:1200
• 1024:768
• 800:600
• 640:480
• 760:500

The tool is simple to use and has three steps:

1. Select the desired ratio and then press next
2. Select which dimension you want to find
3. Type in the dimension you know.

The tool will then display the dimension, simple as that!

To download the tool click on the icon below

To see a demo click here

This tool is being provided for free by Leon Barrett (me). Please distribute freely but do not sell on for any sum of money!

You are creating a Flash project that feeds text in from an external XML file. The text is currently in English but there is a requirement that the text be changed to other languages.

The Problem

You have added foreign characters such as é, ü or ß and they don’t show up in Flash.

The Solution

Follow these steps below and all should be well:

Ensure that your XML document is formatted as UTF-8. If you are using Coda, it’s simple enough.

and that is also has the correct XML declaration in the header: 

<?xml version=”1.0″ encoding=”UTF-8″ ?>

Ensure that you have a dynamic text box in Flash and that you have given it an instance name.

Ensure that the font you are using supports foreign characters.

Make sure that you embed the font and select the relevant glyphs. Use shift to select more than one set. It is also a good idea to manually add the specific characters that you need to embed. For example to add é on a Mac, hold down the Alt key and then the letter e. The accent will turn yellow and then press the e letter again. 

Just a quick note about our sister site – flCodr.

There is an update available for the extension panel. Find out more about it here: www.flcodr.com/download.php

My latest Flash based location app is called Find Me and is basically a mash up using Google Maps API, the GMap Flash component and a geo-ip script that tweets your location on Twitter.

Take a look at it here. Please note that is in beta at the moment. You will also need a Twitter account set up which can be done here.

To tweet your location simply enter your username and password and click on the green tick. When the app loads click on the little transmit icon at the bottom right.

Your information is stored on a cookie on your local machine and is not saved anywhere on my server. If you like just enter some random text and save the settings to overwrite your details.

The process involves a php script which geo-locates a users position based on their IP address. This should be noted that it isn’t 100% accurate as it relies on the IP of either the host machine, router or ISP. When I try this with BT it locates me in London even though I am in Birmingham.

The script outputs a latitude and longitude which I then use to place a marker on the GMap component. Look at this post for more info.

Finally by clicking on the marker the user can see the position aswell as the name and even more info by clicking on a link.

When I have had a play around with the Fire eagle API, I will add support for the Fire Eagle service. If you don’t know what Fire eagle is it basically allows you to update your location and then share that with other web services and apps. This is definitely going to be big business in the future with devices like the iPhone 3G and Nokia N95 having the ability to update your location automatically.

I would really like to build an app that would periodically update your status from an iPhone to Fire eagle, however i’m not too sure I would want people tracking me all the time!!

Not that I mean to show off or anything, but I was in Web Designer Mag again this month.

This time they were featuring my Locator panel extension for the GMap component. The extension is a search engine for latitude and longitude co-ordinates that can be entered into the GMap component as points on a map.

To read about it, take a look at the original post here.

Take a read of Web Designer Mag for loads of Flash, Dreamweaver and Photoshop goodness, plus subscribe to my RSS feed to stay updated on my future Flash work.

Once I removed the script everything seemed to work just fine!

Hopefully we won’t see any more errors popping up!!

The latest issue of Web Designer Mag recently landed on my door mat and I was pleasantly surprised to see some of my work included in the mag and on their promotional disc.

I was contacted by the editor a month or two ago about flCodr – the online repository for actionscript snippets. The site allows you to add and view snippets of actionscript code, perfect for when you can’t remember how to parse XML.

Web Designer Mag say that:

flCodr.com is a repository of code that has been placed in a single centralised location for quick and easy access. The site works by providing a simple search facility to find snippets of code. For instant access, introduce the flCodr search plug-in to your browser. Add a search term, click a link and you are ready to copy and paste the code.

I couldn’t have put it better myself. I’m really chuffed that I managed to make it to both the mag and the disc!

Head on over to their site to view the mag and subscribe. It’s well worth the money as each month it’s full of tips, tutorials and assets to make your creations even better!

A tag cloud (or weighted list in visual design) is a visual depiction of user-generated tags used typically to describe the content of web sites. Tags are usually single words and are typically listed alphabetically, and the importance of a tag is shown with font size or color. Thus both finding a tag by alphabet and by popularity is possible. The tags are usually hyperlinks that lead to a collection of items that are associated with a tag.

A tag cloud is a set of related tags with corresponding weights. Typical tag clouds have between 30 and 150 tags. The weights are represented using font sizes or other visual clues. Meanwhile, histograms or pie charts are most commonly used to represent approximately a dozen different weights. Hence, tag clouds can represent many more weights, though less accurately so. Also, frequently, tag clouds are interactive: tags are hyperlinks typically allowing the user to drill down on the data.

As a Flash developer I thought it would be nice to display the tags in a dynamic virtual tag. I was planning on using Papervision 3D to do this, but then stumbled across this blog post. The hard work had already been done after a wordpress plugin was created.

Rather than re-write the script, I simply modified it to work with the data in my database and hey presto I now have a dynamic and interesting tag cloud.

Take a look at it in action, over at my other site flCodr.

Auto Run

Due to a security vulnerability in OS X 8 (i think!) the auto run feature was disabled on a Mac, however there was an option to open the root folder by default (a really easy option using Toast Titanium).

In Windows an autorun.inf file should be created. This can display an icon and launch an .exe or .bat file as well as set the label for the disc.

[autorun]
open=myApp.exe
label=My App
icon=myApp.ico

As previously mentioned by using Toast Titanium on the Mac it is very easy to open up a folder containing the .app file to launch. You can also specify which folders and files should be seen by each operating system.

Opening Folders from Flash

Opening folders or files from Flash is a bit of a work around these days. Before Flash MX 2004 it was relatively easy to do, but after a security vulnerability this freedom was closed down. You now need to place your .exe or .app files in a folder called fscommand. It has to be this AND ONLY this. This fscommand folder must be at the same level as the Flash projector. i.e

My Folder >

myProjector.exe

myProjector.app

fscommand

You may be thinking “how do I open up an application from here then?”

The answer is to use a helper file; in Windows an .exe and in Mac an AppleScript file saved as an .app. I will show you how to open a folder from a Flash projector as this was an issue I had problems with as a student when trying to create an interactive CV. There are various ways, but these methods seem the most robust. Both methods use the exec parameter from the fscommand:

fscommand(“exec”,”AppName”)

Windows

In Windows the process is a bit of a bitch. You can thank the creators of the first Flash virus (SWF/LFM-926) for the fact that every version of the stand-alone Flash player since Flash MX has restricted the use of the EXEC command. This change made it impossible for anyone to create any new Flash based viruses, but it also crippled the Flash projector as a tool for legitimate users by instantly rendering many free projector extension tools useless.

There are four key restrictions that you have to keep in mind when working with the EXEC fscommand and standalone Flash projectors. (i) Executables you want to run via the EXEC fscommand have to be in a special sandboxed folder called fscommand in the same directory as the projector. (ii) You can’t specify a path in the EXEC command, just a filename. If the specified file is not found in the fscommand folder, it won’t run. (iii) The only argument allowed by the EXEC fscommand is a filename, there is no way to pass arguments to the executables that you want to run. (iv) You can’t use EXEC from an SWF file, it will only work from a projector (EXE). The last restriction doesn’t really concern us, but if you’re trying to test your EXEC calls, being aware of it will save you some frustration.

One solution to get around the limitations of the EXEC fscommand is to create one exectuable file for each file that you want to open, but what can you do if you don’t know how to make EXE files? Windows and Flash both consider a BAT file as an executable file so the easy solution is to create a BAT file for each file you want to open and EXEC the BAT file from Flash. You don’t need to be a BAT file wizard to do this, the simple one-liner below (let’s call it mydoc.bat) will do the trick:

start mydoc.pdf

That example assumes that both mydoc.bat and mydoc.pdf are in the fscommand folder. You can change the BAT file to launch the PDF file from anywhere you like, as long as you can create a valid path to the file. Now all you have to do is create a BAT file for every file you want to open and call it from Flash like this:

fscommand(“exec”, “mydoc.bat”);

The only problem with this approach is that your user is going to see the ugly black DOS box appear every time they open a file. That’s where the proxy utility can help you create a more professional looking end product for your users. Proxy is able to launch BAT files and suppress the ugly DOS box.

The proxy file will launch a .bat file with the same name. Inside the .bat file the following code should be placed. This will simply open up an Explorer (not Internet Explorer) Window for the specified folder. The path is relative to the .bat file.

%SystemRoot%\explorer.exe “FolderName“

The proxy.exe file needed can be found in the zip below. The only rule is that the .exe and .bat file must have the same name. To open up multiple folders, simply create new .bat files and copy/rename the .exe to suit.

Mac

Doing the same thing in Mac is a bit easier. You simply need to use an AppleScript file. The code below will open a new Finder window displaying the contents of the specified folder on the specified disk. Replace DiskName with the name of the disk. This is better than Windows as the name of the disc will never change, where you can never be certain of the drive letter.

tell application “Finder”

activate

make new Finder window to disk “DiskName“

set target of Finder window 1 to folder “FolderName“ of folder “fscommand” of disk “DiskName”

end tell

If you don’t know how to write AppleScript, don’t fear – just follow these steps (you will need a Mac, or know somebody that has one!):

1. Open Applications > AppleScript.
2. Open the Script editor.
3. You can cheat by hitting the record button and opening the folder/file you wish.
4. Click Stop and look at the code.
5. Substitute and system specific folders (such as your username).
6. Save the file as an Application.

So now we have the command for Flash and the Windows and Mac helper files to launch our folders. The next step would be to create some actionscript that will handle launching our folders. Lets assume that on our disc we want to open five folders. For ease of use, name these folders – folder0, folder1, folder2, folder3, folder4.

We can then set up a loop and attach to buttons to launch a file.

Telling the difference

Use this script below to call either the Windows .exe or the Mac .app helper file:

if (platform==”WIN”){
fscommand(“exec”, which + “.exe”);
}else{
fscommand(“exec”, which);
}

That’s it, you should now be set to get creating cross platform CD’s. The zip file below contains a sample .exe, .bat and Applesctipt file.

Download source files crossplatformfiles