Maarten Serneels, Actionscript 3 and golden oldies.
Posts by Murten
Murten does Atraxion!
0In assignment of a small agency and together with a good friend of mine Murten Saerbi releases Atraxion.com. The site is packed with all sorts of webdesign goodness:
- backend to frontend communication with lightning fast amfPHP
- deeplinking with swfAddress
- after effects combined with actionscript 3.0
- HTML version of the website for all you flash haters (all credits to Arnafee on this one!)
Just check out the website over at www.atraxion.com and see for yourself!
#quick snippet: redirecting to html site when flash is not available
0The intro:
Say you have people that can’t – or don’t want to – download flashplayer. Then you could use a check with a property of swfobject (the way to go on embedding flash elements). As you may have understood out of the previous sentence: in order for this to work you need to use swfobject. Anyway, on to the code!
The code (this is javascript, not actionscript):
Just add this whole if statement inside a javascript tag, for example the one holding the “swfobject.embedSWF(…” part:
if (swfobject.hasFlashPlayerVersion("9.0.18")) {</code> // your user has flash and will view your site in flash } else { // your user does not have a flash version high enough to view your site and will be directed to google. window.location="http://www.google.com/"; }
The way this works is: the if statement will be true once the user has flashplayer 9.0.18 or higher. If not they will end up in the “else” and there we redirect the user to google or whatever page you want. I find it works best if you direct them to the html version of your site though.
That’s it! It’s easy peasy! There is also another check that you can add to your swfobject parentheses but this solution is faster and you can specify which flashplayer they need to have (higher versions of flash player work aswell, ofcourse) which is much more powerful in my eyes. The other solution is called a callback (yes, like in flash) of the swfobject method. Just look for “callbackFn” in the api of swfobject if you want to check it out but in my opinion – which should be enough for you – this solution is better.
deeplinking with swfadress part II
5The intro:
Last year I posted some quick codehints for swfadress and I recently noticed they have released a new version. That’s why I, Murten Saerbi, decided to build a small example for all you freeloaders to use and abuse!
This – atleast I think so – is a seriously useful example. I based all my recent websites on this structure and it can pretty much be used as a base for any flash website that utilizes deeplinking. The keys are the “pageHandler” and the “pageClickHandler” functions in the “Main.as” file. I do not consider this as the only way to implement swfAddress but I find it to be a very easy and versatile technique. I would also really like to thank the man with the golden smile Jannes for his tips on this matter of implementing.
Even if you fully master actionscript 3 and the syntax of swfAddress you can seriously benefit from this example as it contains a way to load your main flash with a separate loader and various other interesting techniques.
note: you will need to get acknowledged with Tweener. It’s not obligatory but I use it in the example so it’s best you know what it does. Get it here. I have included it in the project .zip too.
The example:
The example is a .zip file and can be downloaded here. Or wait no, it’s here. Check an online example of it over here.
The aftermath:
As you can see installing swfadress in a website is no hard work. Having it in a website is even really helpful for your visitors (SEO, direct-page-link, …)!
I can’t really think of a reason that makes you NOT want to include it in your website UNLESS you like dialogs like these:
T. Anthoni Luvs his BabYSt4hr * ElVeS 4-EVAH!:
OMG MURTEN!!!111 LOL!
Murten Saerbi:
What?
T. Anthoni Luvs his BabYSt4hr * ElVeS 4-EVAH!:
Go to www.somepagehere.com then click “about” then “link” then “Tom”
T. Anthoni Luvs his BabYSt4hr * ElVeS 4-EVAH!:
Then click “about Tom” then “personal” then “info” then “contact”
T. Anthoni Luvs his BabYSt4hr * ElVeS 4-EVAH!:
Then click “contact Tom” and you can contact me!
Then you should totally don’t do it. Elves 4-evah!
Murten has business cards!
12I finally got around creating my own business cards and even if I say so myself: they look darn good!
EDIT: It turns out alot of you interwebbers like them aswell! Thanks to all who linked/liked/posted my card, it means alot to me!
A few galleries that host my card:
#quick snippet: using the textformat to style textfields
1The intro:
Text that has been sent to a database by using “htmlText” instead of plain “text” has certain properties given with it such as ‘color’, ‘font’, etc… . Let’s say you push htmlText into a database and want to read it out in the frontend but you don’t want it to have that saved style. That’s where the textFormat class comes in.
The code:
It’s actually pretty simple once you get the hang of it. First of all you need to add your font to the library. You can do this by clicking on the small arrow with the three lines on the top right of the library panel:
In the menu that pops up you need to select the option “new Font…”. A box appears where you can set your font, fontname, style and size. By clicking “ok” you can see the font getting added to the library. Right-click it and give it a linkage name you can remember. I will use “Futura”.
From now on it’s just a few lines of code. Import the TextFormat class and if “automatically declare stage instances” is unchecked the font at the top of your class:
import flash.text.TextFormat; import Futura;
Make an instance of your fontclass and an instance of the TextFormatClass and fill in the properties you want:
var fontFutura:Futura = new Futura(); var titleformat = new TextFormat(); titleformat.color = "0x000000"; titleformat.size = 12; titleformat.font = fontFutura.fontName;
Finally set the textFormat of your textField to the newly created one:
textfield_txt.setTextFormat(titleformat);
Boom. Done.
Murten does jtevents.be!
01137 days
by Murten
in Uncategorized
We at Murten Saerbi encourage young entrepeneurs to start their own business and are more than happy to help out with a website. JT events will bring Ibiza-styled parties to Belgium starting with their first concept called “Sunrise Clubbin”.
Check it out over at jtevents.be.
Murten does oceanclub.es!
0Being one of the biggest beach-side venues of Europe it truly was an honour to create the website for the fabulous “ocean club” located in Marbella, Spain.
Check it out over at oceanclub.es.
