Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US :: FAQ
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
LIBRARY:TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS Feed

Build A Basic Site Using AS3 in Flash

COW Library : Adobe Flash Tutorials : Tony Ross : Build A Basic Site Using AS3 in Flash
Share on Facebook
Build A Basic Site Using AS3 in Flash
A CreativeCOW Flash Video Tutorial


CreativeCOW presents Build A Basic Site Using AS3 in Flash--Video Training by Tony Ross

Tony Ross Tony Ross
Arlington, Virginia, USA

©2008 Tony Ross and Creativecow.net. All rights reserved.

Article Focus:
In this video tutorial, Creative Cow leader Tony Ross revisits the tutorial how to build a basic site about Colors in Flash. This version is created using Actionscript 3. The basic principles learned from this tutorial will enable the user to create a variety of simple websites. Elements covered are basic Actionscript 3, navigation, labels, button and graphic symbols.













  View 12 Comment(s)

  Adobe Flash Tutorials   •   Adobe Flash Forum
Reply   Like  
Share on Facebook
Comments

Re: Build A Basic Site Using AS3 in Flash
by christopher loehrer
how can i adjust this to have a button jump to and play another flash scene?
Navigation for Build A Basic Site Using AS3 in Flash
by John Buckard
Hello Tony,

This tutorial is excellent. Do you have one where you describes mouse events to change the color when mouse over, out, click etc. I would also like to know if you have one that shows how to keep the button a different color after clicking it until the next button is clicked.
Tony Ross Your The Best
by Joseph DeFabrizio
There are so many tutorials online but none of them ever make any sense. Tony explains things in HUMAN terms and every tutorial you can do right away. I love creative cow!
Hey! I've done this tutorial before
by Karl Doerrer
Hey! I've done this tutorial before when I was using CS3 and it worked fine, but I'm using CS4 now and it's not working. It's doing the same problem as Chris Cardinale. It just runs through the colors and then gives me this error message.

1120: Access of undefined property yellow.
1120: Access of undefined property green.

this is what I have in the actions.
i watched your tutorial again to see what i did differently and i did everything perfectly as you said.
but it still does this error. like i said i've done this tutorial successfully in CS3, but maybe CS4 has some issues? Please help! Thanks man and awesome tutorial your jokes do keep my attention lol.
stop();
function colorNav(event:MouseEvent):void{
gotoAndStop(event.target.name);
}
grey.addEventListener(MouseEvent.CLICK,colorNav);
red.addEventListener(MouseEvent.CLICK,colorNav);
yellow.addEventListener(MouseEvent.CLICK,colorNav);
green.addEventListener(MouseEvent.CLICK,colorNav);
file just runs through the colors
by Sylke Froechtenigt
I had the same issue. Your script looks like mine.
Then I saw there was a message in the window "Compiler Errors" It refferred to the first color, which I had written capitalized "Grey" in the Button Layer but not ("grey") in the Labels Layer - to make the names exactly the same fixed it:)

Best,

Sylke
similar project
by Tom Whaley
Hi thanks for this tutorial. I'm working on a project that's similar to this. I have two squares, one inside the other. I want to change the color of each square independently. How can I do this?
Build a basic site
by Chris Cardinale
I watched your tutorial it was excellent but I tried the excercise and ran in to the issue where the file just runs through the colors. I do have the stop in the action script. I am using CS4 v.10. I am new at this so I am not sure if there is a version issue.

This is what is in the script:

stop();
function colorNav(event:MouseEvent):void{
gotoAndStop(event.target.name);
}
grey.addEventListener(MouseEvent.CLICK,colorNav);
yellow.addEventListener(MouseEvent.CLICK,colorNav);
red.addEventListener(MouseEvent.CLICK,colorNav);
green.addEventListener(MouseEvent.CLICK,colorNav);

Thanks again for your efforts


Chris
Build A Basic Site Using AS3 in Flash
by Tony Ross
Thanks dunya, :)
Jeremy, if you still have problems, post your script on the forum so I can take a look at it.

good luck
Tony
Build A Basic Site Using AS3 in Flash
by dunya Tawfeq
yes Jeremy if i understood , you need to put stop(); in action script to stop playing the frames until you scroll between them, i think you miss the stop action is that help ?
Build A Basic Site Using AS3 in Flash
by Jeremy Webb
I love the tutorial but I hit a bit of a jam.
After checking and rechecking the script, I still can not figure out why the file just runs through and plays with out stopping. Pretty much it looks like a flashing box that runs through the colors.
Any suggestions?

Does the difference between Windows/Mac matter?
Build A Basic Site Using AS3 in Flash
by dunya Tawfeq
Mr, Tony Ross such a nice tutorials you have i love this one how you explained AS3 do you have more about AS3 please
keep it up
Dunya
Build A Basic Site Using AS3 in Flash
by Bryn Watkins
Flash file is FAULTY!! stops half way in.


Related Articles / Tutorials:
Adobe Flash
Adobe Edge Animate/The Missing Manual Software/Book Review

Adobe Edge Animate/The Missing Manual Software/Book Review

Increasingly, web developers are being asked to create sites that are viewable on tablets and mobile devices, as well as desktops and laptops running Windows, OS X or Linux. One of the challenges in creating a site like that is animation. Flash, for many years the preferred cross-platform animation solution, is no longer supported on many tablets and mobile devices. Michael looks for - and finds - answers within Adobe's Edge Animate.

Review, Editorial
Adobe Flash
HTML5 (CreateJS): Interactivity and Debugging

HTML5 (CreateJS): Interactivity and Debugging
  Play Video
Building on two previous tutorials on CreateJS for Flash Pro CS6, Creative COW leader Michael Hurwicz introduces interactivity (specifically, responding to a mouse click), debugging using the JavaScript "alert" statement, and assigning names to objects exported from Flash. Project files included.

Tutorial, Video Tutorial
Adobe Flash
HTML5 (CreateJS): Animate with JavaScript

HTML5 (CreateJS): Animate with JavaScript
  Play Video
Building on a previous introductory tutorial on CreateJS for Flash Pro CS6, Creative COW leader Michael Hurwicz shows how to modify the JavaScript exported from Flash, to change attributes such as position, speed, wait time, and color. Project files are included.

Tutorial, Video Tutorial
Adobe Flash
HTML5 (CreateJS) for Adobe Flash Professional CS6

HTML5 (CreateJS) for Adobe Flash Professional CS6
  Play Video
Creative COW leader Michael Hurwicz provides a brief introduction to CreateJS, an extension for Adobe Flash Professional CS6 that allows you to export Flash projects as HTML and JavaScript, even on platforms that do not support the Flash Player.

Tutorial, Video Tutorial
Adobe Flash
Building an Interactive Whiteboard in Flash: Part Two

Building an Interactive Whiteboard in Flash: Part Two
  Play Video
In part two of this series, Justin Junda walks you through the necessary steps to connect the graphical elements from part one, with Actionscript 3.0 using the Flash drawing API in order to bring this whiteboard to life.

Tutorial, Video Tutorial
Adobe Flash
Building an Interactive Whiteboard in Flash: Part One

Building an Interactive Whiteboard in Flash: Part One
  Play Video
In this tutorial, Justin Junda takes you through the step by step process on how to build and interactive whiteboard. These whiteboard are often seen in drawing applications, scratch pads, and educational sites. This is part one of a two part series. Part one takes you through setting up all the graphical elements within the stage. Then part two shows a user how to connect the graphics to Actionscript using flashes drawing API to make this whiteboard truly interactive.

Tutorial, Video Tutorial
Adobe Flash
Embedding a Speech Transcript in a Flash Video with Adobe CS5

Embedding a Speech Transcript in a Flash Video with Adobe CS5
  Play Video
In this tutorial, Creative COW Leader Michael Hurwicz shows you how to create a scrolling transcript synced with a Flash video, using Adobe Creative Suite 5 (Story, OnLocation, Premiere Pro, Soundbooth and Flash Professional).

Tutorial, Video Tutorial
Adobe Flash
Inverse Kinematics - Springs

Inverse Kinematics - Springs
  Play Video
Springs are a new feature for Inverse Kinematics in Flash CS5. In this video tutorial, Creative COW leader Michael Hurwicz shows you a simple technique for implementing springs, as well as several other "tricks and traps" to make your work with Inverse Kinematics in Flash easier, more flexible and more powerful.

Tutorial, Video Tutorial
Adobe Flash
Inverse Kinematics - Control Points

Inverse Kinematics - Control Points
  Play Video
Fine-tune your Inverse Kinematics animations in Flash CS5 by working with control points. In this Adobe Flash video tutorial, Creative COW leader Michael Hurwicz shows you how to associate bones with control points, how to move, add and delete control points, and how to adjust control point handles.

Tutorial, Video Tutorial
Adobe Flash
Inverse Kinematics

Inverse Kinematics
  Play Video
Inverse Kinematics allows you to create structures of bones and joints and use them to animate characters in Flash. Fun and easy! Creative COW leader Michael Hurwicz shows you how in this video tutorial, step by step. Learn some basic ActionScript, too!

Tutorial, Video Tutorial
MORE


FORUMSTUTORIALSFEATURESVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2014 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]