Available for purchase on Graphic River

What I like about this is that you can have more of a brochure instead of a magazine / book as a lot of the time one tends to create brochures more and also it is a bit more unique. Andrew coded this in ActionScript 3 and since he knows far more than I do about the subject I will not go into the technical aspects of it.

In summary this is what it does:

Brochure Open Engine uses 6 images in the library to create an interactive animated brochure opening, flipping over, and closing.The images can be easily replaced (provided the symbols are kept centered). File size is dependent on the size of the images used. All symbols are editable in the Library. Size is fixed based on the required area to display the full brochure, user can adjust as needed.

If you like the sounds of it have a look on Flashden, and even better you can always buy it!

View what we have on:

• Flashden
• GraphicRiver

import fl.controls.*;//text area component

import flash.net.*;

import flash.text.*;

Load html text into TextArea component:

private function loadCaseOverviewText():void {

var urlLdr:URLLoader = new URLLoader();

urlLdr.addEventListener(Event.COMPLETE, completeTextLoadHandler);

urlLdr.dataFormat = URLLoaderDataFormat.TEXT;

urlLdr.load(new URLRequest(“text_assets/advertising_overview.html”));

}//loadCaseOverviewText

private function completeTextLoadHandler(event:Event):void {

var str:String = event.target.data as String;

textAreaCMP.htmlText = str;

}//completeTextLoadHandler

————

Position scrollbar back at top of TextArea component when new content is loaded or a new section is navigated to using:

textAreaCMP.verticalScrollPosition = 1;

————-

Set padding in TextArea component:

textAreaCMP.setStyle(“textPadding” , 10);

———–

Disable carat (bar) cursor from showing when rolling over textArea component:

textAreaCMP.drawFocus (false);

if(textCaption != null){

removeChild(textCaption);

}//remove if it exists

textCaption = new TextField();

var font:Verdana = new Verdana(); //linkage name in library

var format:TextFormat = new TextFormat(); //should have separate formatting function

format.font = font.fontName;

format.color = textColorVar;

format.size = infoFontSize;

format.align = TextFormatAlign.LEFT;

textCaption.x = thumbnailWidth + textBorder; 

textCaption.y = imageHeight + headingHeight;

textCaption.width = stage.stageWidth – thumbnailWidth;

textCaption.height =  200; //don’t need height if autosize single or multiline text

textCaption.multiline = true;

textCaption.wordWrap = true;//must be set else cuts off

//textCaption.autoSize = TextFieldAutoSize.LEFT;

textCaption.antiAliasType = flash.text.AntiAliasType.ADVANCED;

textCaption.selectable = false;

textCaption.embedFonts = true;

addChild(textCaption);

textCaption.defaultTextFormat = format;

textCaption.text = imageCaptionArray[tempCounter];

}//addTextCaption

NOTES:

To autosize height do not specify a height but must include autosize:

textCaption.wordWrap = true;

textCaption.autoSize = TextFieldAutoSize.LEFT;

textCaption.x =  textBoxXPos; 

textCaption.y = textBoxYPos;

textCaption.width = stageWide – textBoxXPos;

//textCaption.height =  stageHigh – textBoxYPos;//not allowed with autoSize
For width autosize leave out width obviously.

package {

import flash.display.*

import flash.events.*;

public class StageListeners extends Sprite {

private var _mc:Sprite;

private var mcStage:Stage;

public function StageListeners(_mc:Sprite){

this._mc = _mc;

mcStage = _mc.stage;

addStageListener();

}//StageListeners

public function addStageListener() {

mcStage.scaleMode = StageScaleMode.NO_SCALE;

mcStage.align = StageAlign.TOP_LEFT;

mcStage.addEventListener(Event.RESIZE, resizeHandler);

}//addStageListener

private function resizeHandler(event:Event):void {

trace(“stageWidth: “+mcStage.stageWidth);

trace(“stageHeight: “+mcStage.stageHeight);

//aligned center

_mc.x = mcStage.stageWidth/2;

_mc.y = mcStage.stageHeight/2;

//or if aligned left

_mc.x = 0;

_mc.width = mcStage.stageWidth;

var scaleAmountX:Number = _mc.scaleX;

_mc.scaleY = scaleAmountX; //keep proportional

}//resizeHandler

}//class

}//package

//////////////////////instantiate with:

var bgStageListener:StageListeners = new StageListeners(resizeBg);