Wednesday, 20 November 2013

Working Processes: Creating the Advert - Adding a link to the EE site

In order to add a full advert link to the EE website, I had to create a button of which filled the whole advert. I also needed to make sure that this button was on the highest layer possible, so it wouldn't be disrupted by other symbols and therefore always be click-able. The navigation had to be on an even higher level though, because it's important that the user should be able to click through the slides without being immediately directed to the EE website.

I made sure that the button matched the width and height of the advert by using the align tool.

Afterwards I then aligned the button to the left edge and top edge of the stage so that it fit perfectly.
The following code was then applied:

toWebsite_btn.addEventListener(MouseEvent.CLICK,toWebsiteListener);
frame4Anim.toWebsiteBtn_btn.addEventListener(MouseEvent.CLICK,toWebsiteListener);

function toWebsiteListener(ev:MouseEvent):void{
    navigateToURL(new URLRequest("http://shop.ee.co.uk/iphone-5s-group/pay-monthly/details/"));
}

This meant that both the Find Out More button and the full stage advert button used the same exact function to get to the EE website.

My layers now looked like this:
  • Scripts: The layer for scripts
  • Label: The layer which stated which slide you were on
  • FrameSelection: The layer that highlighted yellow showing you your current slide
  • Frame: The layer with the navigational buttons
  • ClickOver: The full stage button which covers the whole ad and links to the EE website
  • Content: Content which had its own content for each slide
  • Master: Content which was kept the same for each slide
  • Shadow: Shadow used for the background
  • SunBurst: The rotating Sun Burst which looped continuously
  • Background: The plain background colour of the EE theme marked: #009C9C

No comments:

Post a Comment