Leona Naess animated logo and holding page

Date: 15th August 2008 at 10:19 am | Filed under: flash, portfolio | Author: Sam Burdge

This holding page built for Polydor artist, singer / songwriter Leona Naess features an animated logo with random fades and glows. The flash random timing actionscript is something I have utilised in the past to create similar effects (see: Flash mousetrails with random flashes!).

The holding page also features a streaming mp3 (using flash), mailing list signup form with javascript validation embedded youtube video and google analytics.

Check it out:

www.leonanaess.com

Leave a Comment

WP Flash Titles Plugin 2.0

Date: 22nd April 2008 at 3:02 pm | Filed under: development, flash, plugins, wordpress | Author: Sam Burdge

This WordPress plugin allows you to display your post titles in any font, colour and size you want using Flash. It will also retain your original html styling of your titles and display that to users who don't have Flash installed. It is fully customisable via the Options tab in wordpress. It is search engine friendly and easy to implement.

Update:

Version 2.0 includes 2 basic changes.

  1. The way the options are saved has been changed to address the problems some users were having with this.
  2. More pre-installed fonts.

Example:

I am happy with my WordPress theme as it is, so I have set up this example page for you to see the Flash Titles in action: WP Flash Titles Example Page

Installation:

  1. Upload the wp_flash_titles folder to your wp-content/plugins folder.
  2. Activate the plugin from the Plugins page.

Usage:

  1. Go to Options -> WP Flash Titles to choose your font, size and colour scheme for your titles.
  2. You need to modify your template file slightly. First you need to locate the code that relates to the post title. This will typically be something like:
    <h3 class="storytitle" id="post-<?php the_ID(); ?>">
    <a href="<?php the_permalink() ?>" rel="bookmark">
    <?php the_title(); ?>
    </a>
    </h3>
  3. You then need to add two lines of code. First paste this line in directly before the page title code:
    <?php if(function_exists('wp_flash_titles')){wp_flash_titles($post->ID,'start')} ?>
  4. Then this line directly after:
    <?php if(function_exists('wp_flash_titles')){wp_flash_titles($post->ID,'end')} ?>
  5. To embed any font you want you must have Flash CS3. Open the source file 'wp_flash_title.fla' which is located in the 'Source' folder of the plugin. In flash simply change the font of the text area to any font you wish. Do a 'Save As' and then publish the swf. Once you have created the swf you must upload it to the folder: wp-content/plugins/wp_flash_titles/flash
    It will now appear in the list of fonts in the Options -> WP Flash Titles page!!

Download Plugin:


23 Responses to “WP Flash Titles Plugin 2.0”

  • Comment by Printer
    Date: April 22nd, 2008 at 8:33 pm

    Hi, thanks for this great plugin. Unfortunatly I can’t seem to get it to work. I followed the instructions. But I can not see an example image inthe options page, and when I insert all the option values after update options the option boxes are empty again. Any idea how this can be? I’m onWP 2.5

  • Comment by Sam Burdge
    Date: April 22nd, 2008 at 10:34 pm

    Hi Printer,

    Sorry, it was my mistake…I hadn’t updated one of the plugin files correctly. Please download again and re-install and it should work.

    Sam

  • Comment by Printer
    Date: April 22nd, 2008 at 11:20 pm

    Ah, thanks! the optionpage is working now. I seem to run in to another problem now. when I refresh my site it goes blank(empty). the dashboard ist working though. i have this code in my ‘index’ now:
    ID,’start’)} ?><a href=”" rel=”bookmark” title=”Permanent Link to “>ID,’end’)} ?>
    this should be correct is it?

  • Comment by Printer
    Date: April 22nd, 2008 at 11:22 pm

    ow, i see the code did not displayed corect in my comment.

  • Comment by Sam Burdge
    Date: April 23rd, 2008 at 1:01 am

    The code should be something like:

    < ?php if(function_exists('wp_flash_titles'))
    {wp_flash_titles($post->ID,’start’)} ?>
    <a href=”< ?php the_permalink() ? rel="nofollow">” rel=”bookmark”>
    < ?php the_title(); ?>
    </a>
    < ?php if(function_exists('wp_flash_titles'))
    {wp_flash_titles($post->ID,’end’)} ?>

  • Comment by Stephen
    Date: April 24th, 2008 at 2:25 pm

    Hi,

    I am trying to use the plugin once again. The saving options problem seems to be fixed, thanks. BUT when I activate and try to use the plugin, only the first two posts on my home page get flash titles and all the others are completely missing. I have about 20 posts showing on my homepage btw.
    Any advice? Thanks!

  • Comment by Sam Burdge
    Date: April 24th, 2008 at 2:55 pm

    Hi Stephen

    It could be one of a few things causing this. Let’s start with the basics, have you tried emptying your browser’s cache and refreshing the page?
    Does this behaviour occur on all pages of your site (monthly archives, single category pages, etc) or just on the home page? Do the titles that aren’t appearing contain any special html characters (&#@!”‘, etc.)?

    Sam

  • Comment by Stephen
    Date: April 24th, 2008 at 3:40 pm

    Thanks for the reply. I see that it seems to be browser specific. In Safari it looks fine and in Firefox 3 beta I am having the problem of no titles after the first two.

  • Comment by brian
    Date: May 6th, 2008 at 8:59 pm

    Thanks for the plugin, it’s great!

    I was wondering… how to configure the plugin if you want the background to be transparent?

  • Comment by Sam Burdge
    Date: May 7th, 2008 at 3:05 pm

    Hi Brian
    I hadn’t thought to add an option for transparent…I’ll have to add that feature in the next release! For now you could use this workaround…

    change the line of the plugin’s code:
    so.write(”flash_title_’.$flash_title_id.’”);

    to:
    so.addParam(”wmode”,”transparent”);
    so.write(”flash_title_’.$flash_title_id.’”);

    Hope this works for you…
    Sam

  • Comment by Jayvee
    Date: May 7th, 2008 at 5:38 pm

    Hey, great plug-in but sadly it won’t work in my site. The options panel don’t show the fonts.

    How do I fix that? =(

  • Comment by Jayvee
    Date: May 7th, 2008 at 6:15 pm

    BTW I’m using WP 2.5.1

    Thanks.

  • Comment by Jayvee
    Date: May 10th, 2008 at 10:15 pm

    I already figured out the problem. I upgraded the swfobject.js file. Thanks for the plugin.

  • Comment by Mikester
    Date: May 12th, 2008 at 7:13 am

    I just couldn’t get it to work…… :-(

  • Comment by Stephen
    Date: May 23rd, 2008 at 2:45 am

    Hi, it is me again. Just wondering if you will be updating your plugin to work with the new Firefox? Thanks!

  • Comment by alectro
    Date: June 10th, 2008 at 8:27 pm

    Hi Sam, I followed the instructions but I cant see it working both on Index and Single.

    That’s the blog: http://www.laondagrafika.com/blog/

    Thanks!

  • Comment by alectro
    Date: June 10th, 2008 at 8:28 pm

    ID,’start’) ?>
    <a href=”" rel=”bookmark”>
    ID,’end’) ?>

    thats the code I put on that files.

  • Comment by Ryan Creighton
    Date: June 12th, 2008 at 12:59 am

    Hi! GREAT plugin idea! i desperately want to use it.

    The trouble is that when i install the plugin, i get this error message:

    Plugin could not be activated because it triggered a fatal error.

    When i go to the plugin page under Options, i see various errors like:

    WordPress database error: [Table 'untolden_wrdp1.wp_flashtitles' doesn't exist]

    There are numerous similar errors. i checked my database, and it looks like the tables that the plugin needs aren’t getting installed.

    Any suggestions? i’m running ver 2.2.2.

    THANKS!!

  • Comment by zulu
    Date: June 13th, 2008 at 7:13 pm

    Hi. Great plugin :) Got one problem: There’s a “free space” before the title, means title, date and post don’t begin at the same beginning *lol* know what I mean? Visit my site to check, I can also send a screenshot if wanted (I don’t know how long this plugin will be activated). How can I fix this? Thanks a lot!
    zulu

  • Comment by zulu
    Date: June 13th, 2008 at 7:25 pm

    It’s me again! Another problem: The flash titles don’t link to full post as they used to do before, so I uninstalled the plugin now. But screenshot is ready to send ;)

  • Comment by Come Creare Titoli in Flash su WordPress Usando Qualsiasi Font | kosmo blog
    Date: July 7th, 2008 at 9:24 am

    [...] WP Flash Title è questo il nome del plugin che permette tutto questo. [...]

  • Comment by Fernando
    Date: August 6th, 2008 at 9:10 pm

    Hi Sam! Contratulations for the plugin, I think is amazing!

    You know? Im using the default theme for wordpress, the original code says:

    < div class=”post” id=”post-” >
    < a href=”" rel=”bookmark” title=”Permanent Link to ” >

    But when i replace this code for:

    ID,’start’)} ?>
    <a href=”” rel=”bookmark”>

    ID,’end’)} ? >

    … then the theme no work. :(

    I dunno where Im mistake. Can you help me? Thank you so much and sorry for my english language, still is very poor. :)

  • Comment by Fernando
    Date: August 6th, 2008 at 9:29 pm

    Hi again Sam…. i found my mistake, i forgot write class=”storytitle” in the code… is ok now… thank you so much again… your plugin is cool

Leave a Comment

Artanoid - Flash arkanoid game

Date: 9th April 2008 at 2:56 pm | Filed under: actionscript, development, flash, gallery | Author: Sam Burdge

I built the game Artanoid for the 76 Creative website. It is a remake of the arcade classic Arkanoid with a 76 creative twist. The game has 5 levels, various 'power-ups' andalso saves and updates a score table using server side php. I recommend turning the music on to get the full effect, with a different soundtrack for each level.

1 Response to “Artanoid - Flash arkanoid game”

  • Comment by Jeffrey Posner
    Date: June 6th, 2008 at 7:41 pm

    I am interested in having you work on some possible flash games for me. I tried writing you an email but it bounced.

    Let me know if you are interested or when you may have time to chat about it.

Leave a Comment

Flash - random motion and rotation - Actionscript 2

Date: 9th April 2008 at 11:32 am | Filed under: actionscript, development, flash | Author: Sam Burdge

Back again, my pet tadpoles (they still haven't grown into frogs yet!). This time I am going to explain the actionscript that makes them move, turn and run from the mouse. Firstly, heres an example of what they do (move your mouse over them and watch 'em swim away): Read on…

4 Responses to “Flash - random motion and rotation - Actionscript 2”

  • Comment by Sherry
    Date: April 9th, 2008 at 5:14 pm

    This is very cool, thank you for sharing. I can't wait to try it :-)

  • Comment by sherry
    Date: April 10th, 2008 at 8:55 pm

    Hi, I tried this out and am having trouble getting it to work. Am I supposed to have 2 different layers, one for tadpole and one for mouse_mc? Also, my transparent pixels don't seem to be attached to my mouse…

  • Comment by Sam Burdge
    Date: April 12th, 2008 at 11:04 pm

    Hi Sherry

    They can be on separate layers, or both the same layer, it shouldn’t matter. Did you give the movie clips instance names in the ‘properties’ panel?

    Sam

  • Comment by bex
    Date: August 12th, 2008 at 2:10 pm

    Hi there, just wondering if you’d have an tips on converting this to AS3. I’m very new to Flash and have been trying to do it all day!

    Thanks in advance,

    bex.

Leave a Comment

Time delay loading for swf files and images

Date: 26th March 2008 at 11:54 pm | Filed under: actionscript, development, flash, scripts | Author: Sam Burdge

Q. How can I make an image or swf file load after a specified number of seconds?

A. Use the simple but effective flash_timer.swf file by Sam Burdge. Whoopeee!

Ever wanted a particular Flash movie or image to load up / start playing after the rest of your page has loaded, or after a set amount of time? This tutorial, and the support files provided with it will make it very easy indeed. The flash_timer.swf file will load a swf or image into your page after a number of seconds that you specify.

Example:

Check out this basic example to see a swf (called test.swf) load after a 10 second delay: Example 1
You can view the source code of the example to see how it works.

Usage:

  1. Download the source files using the link below, and unzip the archive.
  2. Embed the swf file 'flash_timer.swf' into your webpage. In my example I have used the swfObject method to embed the file, but you can use whichever method you prefer. For more information about this you can check this useful tutorial by Jeroen Wijering.
  3. Set the height, width & background colour of the swf according to those of the file you want to load in.
  4. Pass the two variables that the file requires to work: myswf – the file that will be loaded & mysecs – the number of seconds delay before the file is loaded. You can pass the variables in the url string, for example:

flash_timer.swf?myswf=my_movie.swf&mysecs=5

(This will load the movie 'my_movie.swf' after a 5 second delay.)

You can also pass the variables as flashvars, for example:

flashvars="myswf=example.jpg&mysecs=10"

(This will load the image 'example.jpg' after a 10 second delay.)

I hope you find this useful, if you do or if you have any questions, please feel free to leave a comment on this page (no emails please, I won't reply unless you are offering me hard cash!!). The flash_timer.swf file is only 1kb, so it will not effect the overall loading time of your page, it can be embedded at any height/width dimensions and works from flash player 7 upwards.

Download Source:

The download contains the all important flash_timer.swf plus a working example (index.html). The size of the zip is 6kb. Enjoy!!


2 Responses to “Time delay loading for swf files and images”

  • Comment by Bob Stone
    Date: May 12th, 2008 at 1:32 pm

    Excellent, excellent, excellent! spectacular! stupendous!

    Was exactly what I was looking for.
    And does exactly what you said it would do!
    Can’t say that about many other things I’ve downloaded - including stuff I’ve paid for!

    Good show!

  • Comment by Wayne Moran
    Date: June 21st, 2008 at 1:40 am

    Great tool - well done. One issue however: how can I prevent my video from repeating / looping continuiously. I have tried setting &loop=false as part of passing the swf filename and I have set it in the calling code as well but it ignores them. See the code below:

Leave a Comment