Benjamin Crum Examples of Work | Home
 
 
Examples Examples of Web / Flash Design. Click on the 'Screen Captures' bar to see some screen shots, click on the 'ActionScript' bar to see examples of the action script used on the project. Click here to see some samples of print designs.
Example One: Wordclay.com

Site URL: wordclay.com
Site Contribution: Graphics, Page Designs, Flash (Home, How It Works, Bookstore).

Description: The Wordclay site was developed by the AuthorHouse IT team as a self-service publishing tool. My contributions to the team included graphic design (for buttons, images, and various other graphics), Page layout and design, and Flash work (involving complex XML feed reads through ActionScript 3.0).

Screen Captures (click to view)
Screen 1 Screen 2 Screen 3
ActionScript (click to view)

This is the relatively simple ActionScript used for the RSS reader on the front page.

import fl.controls.Button;
import fl.controls.TextArea;
import fl.events.*;
import fl.transitions.*;
import fl.transitions.easing.*;
import flash.events.*;
import flash.text.*;
import flash.events.TimerEvent;
import flash.utils.Timer;
import flash.events.Event;
import flash.events.ProgressEvent;

var timerTrans:Boolean = false;
var timerInt = 5000;
var playTimer:Timer = new Timer(0,0);
var xml:XML = new XML();
var loader:URLLoader = new URLLoader();
var count:int = 0;
var current:int = 0;
//HEADER_text.visible = false;

loader.load(new URLRequest("http://feeds.feedburner.com/WritingSelf-publishingBookMarketing?format=xml"));
loader.addEventListener(
Event.COMPLETE,
function(evt:Event):void {
xml = XML(evt.target.data);
//trace();
count = xml.channel.item.length();
//trace(count);
printEntry(current);
RSS_btn.addEventListener(MouseEvent.CLICK, RSS_link);
}
);

function printEntry(i:int):void{

if(i==count){
current = 0;
i = 0;
}

TITLE.text = xml.channel.title;
HEADER_text.titles_mc.HEADER.text = "" + xml.channel.item[i].title;
HEADER_text.titles_mc.DATE.text = xml.channel.item[i].pubDate;
//titles_mc.alpha = 0;
HEADER_text.feed_link.addEventListener(MouseEvent.CLICK, clickHandler);

current++;
textIn();
startTimer();

}

function startTimer():void{

playTimer = new Timer(timerInt, 1);
playTimer.addEventListener("timerComplete", textOut);
//timerInt = (timerInt*2);
playTimer.start();
//trace("timer playing");


}

function clickHandler(e:Event):void{

var detailURL = new URLRequest("" + xml.channel.item[current-1].link);
navigateToURL(detailURL, "_blank");

}

function RSS_link(e:Event):void{

var detailURL = new URLRequest("http://feeds.feedburner.com/WritingSelf-publishingBookMarketing");
navigateToURL(detailURL, "_blank");

}

function textIn():void{

var yInTween:Tween = new Tween(HEADER_text, "y", Regular.easeInOut, 120, 31, 14, false);
//yInTween.addEventListener(TweenEvent.MOTION_FINISH, detailsIn);

}

function textOut(e:Event):void{

var yInTween:Tween = new Tween(HEADER_text, "y", Regular.easeInOut, 31, 120, 14, false);
yInTween.addEventListener(TweenEvent.MOTION_FINISH, function detailsIn(et:Event):void{printEntry(current)});

}

 

Example One: GSB (Good Shepherd Band)

Site URL: goodshepherdband.com
Site Contribution: Graphics, Page Designs, Flash (Main Page Navigation, Media Player).

Description: This site was built primarily in Flash using ActionScript 2.0. The 'Media Player' streams audio and pulls information from external SWF files.

Screen Captures (click to view)
Screen 1 Screen 2  
ActionScript (click to view)

Before the introduction of the 'Tween' class (in ActionScript 3) elements could not be animated without giving them some properties. Here is the script given to a MovieClip or menu.

onClipEvent (load) {
moveX = _x;
moveY = _y;
easing = 5;
}
onClipEvent (enterFrame) {
_x += (moveX-_x)/easing;
_y += (moveY-_y)/easing;
}

 

Then, to animate (or 'Tween') this object, simply make this call:

_root.menu_mc.moveY = 370;

The applied script allows the MovieClip to be moved on either the X or Y axes.

 

Example One: IUCNCF

Site URL: iucncf.com
Site Contribution: Graphics, Page Designs, Flash (Main Page Navigation, Media Player, RSS Readers).

Description: This site was built primarily in Flash using ActionScript 3.0. The site was built to allow multiple users, using any OS, contribute content to the site. This was accomplished by creating a blog with an RSS feed. The IUCNCF site reads the feed, parses the content, and displays relevent content in designated sections.

Screen Captures (click to view)
Screen 1 Screen 2  
ActionScript (click to view)

The following script creates a new XML variable (var xml:XML = new XML()) and then sets it to the RSS feed from feedburner.com.

var xml:XML = new XML();
var loader:URLLoader = new URLLoader();
loader.load(new URLRequest("http://feeds.feedburner.com/ectomo/QlIJ"));
loader.addEventListener(
Event.COMPLETE,
function(evt:Event):void {
xml = XML(evt.target.data);
// trace(xml); This is commented out, but printing (trace) the xml allows for a quick reference when parsing.
printEntry(0);
}
);

This same technique allows me to import XML from other sources (including XML feeds from an MySQL database).

 

Print Design
Click Here to see examples of print design.

 
 
Copyright © 2008 | All Rights Reserved | web master