How Can I Make A Tutorial Like This?
Hello,
What do you call the menu buttons on the bottom of this tutorial? This Tutorial I thought it was called a scrollbar but that's the wrong term.
I also want to be able to design something like this. Can anyone recommend any good tutorials for doing it?
Thank you.
FlashKit > Flash Help > Actionscript 3.0
Posted on: 08-12-2007, 11:44 AM
View Complete Forum Thread with Replies
See Related Forum Messages: Follow the Links Below to View Complete Thread
Could Someone Make Tutorial For...
could someone make tutorial for making animation inside a button example: clicking a button which looks like a guy and make him dance around
Make Tutorial
hey! just felt like posting a flash mx tutorial on FK, cause i used some of them i feel like giving something back. i checked that there isn't one like that already. How do I do that? and more importantly, CAN i even do that?
Can Somebody Make A Tutorial For Me?
can somebody write a really detailed tutorial of this
http://www.flashkit.com/tutorials/A...a-728/index.php
with..exact steps and stuff...^^;;...including how to put it on a website...it's just that..i'm clueless about flash mx and don't have self-disipline to teach myself unless it's something i really wanna learn...but i'm not really planning to use flash in the future...^^;;
How To Make A Tutorial
I want to make a tutorial and i want it to appear on the kirupa tutorial section. How do i do it? How do i must create these tutorials? Which way?
Should I Make A Tutorial For This Jukebox?
I finihsed this last week and just posted it to my site this moring http://www.sealfans.net/jukebox/JukeboxMX.shtml
Does anyone think there'd be a need for a full tutorial on how to build a Jukebox like this in MX? Or am I too late and does one already exist?
Should I Make A Tutorial For This Jukebox?
I finihsed this last week and just posted it to my site this moring http://www.sealfans.net/jukebox/JukeboxMX.shtml
Does anyone think there'd be a need for a full tutorial on how to build a Jukebox like this in MX? Or am I too late and does one already exist?
How To Make A Interactive Tutorial
Hi there:
I wonder how to make a interactive tutorial. For example, build a tutorial to illustrate how to use a particular software. User is able to click on some buttons on the screen, so they can try it out.
thx
How To Make The Pieces In The Puzzle Tutorial?
hi all,
Most of you must know the puzzle tutorial in the folder:
../FlashMX/Tutorials/ActionScript/Finished
The question I want to ask is: Is there any way (as fast as possible) to redraw the pieces every time I have a new picture to make the game? I've tried with photoshop 7, especially with the "Custom Shape Tool" but it didn't help me much.
Better than that,is there any way to automatically generate the pieces whenever the user want to change photos (what I meant is to customize the game with the picture, the number of rows, the number of columns,etc...)?
Thanks for answering
Need Tutorial Or File To Make Nav Bar Like Alienware
Hi, I'm trying to find help via a tutorial, direct help or Flash files to make a top menu bar very similar to what is on the Alienware site.
I like the tab menu nav bar template that comes with Flash MX (the text of the links and categories can be changed using a simple XML file) but don't know how to change the horizontal submenus to vertical menus.
TIA!
Tutorial On How To Make Your Site Talk
Step by Step Tutorial on how to make your site talk for free.
Flash streaming audio, embedding sound and voices in web pages, speaking websites, briefing voices for your website
Website page : http://www.tools4webmaster.com/audiowebpage/
Make 3d Tutorial Work In Flash
Hi All
this is a greate site and I love all the tutorials. I found one in particurlar that i would love to get to use. I am pretty new to as3 and a bit stuck. The tutorial compiles the code using the flex sdk. I have been trying to make the code work from flash with no luck. I have downloaded the transision class that it requires but I am getting tons of errors. this is the tutorial http://gotoandlearn.com/play?id=74. If some one can help me or point me to a flash based version or any direction would be great. here is the tutorila code
Code:
package
{
import flash.display.*;
import flash.events.*;
// Import Tweener
import caurina.transitions.*;
// SWF Metadata
[SWF(width="600", height="400", backgroundColor="#FFFFFF", framerate="30")]
public class ThreeD extends Sprite
{
private var cont:Sprite;
public function ThreeD():void
{
cont = new Sprite();
cont.x = stage.stageWidth * 0.5;
cont.y = stage.stageHeight * 0.5;
addChild(cont);
makeChildren();
}
private function makeChildren():void
{
for (var i:uint=100; i>0; i--)
{
var sp:Sprite = new Sprite();
sp.alpha = 0.8;
sp.addEventListener(MouseEvent.CLICK, onClick);
sp.graphics.beginFill(Math.random() * 0xFFFFFF);
sp.graphics.drawRect(0, 0, 300, 300);
sp.x = Math.random() * 1000 - 500;
sp.y = Math.random() * 1000 - 500;
sp.rotationY = Math.random() * 45;
sp.z = i * 200;
cont.addChild(sp);
}
}
private function onClick(e:Event):void
{
var sp:Sprite = Sprite(e.target);
Tweener.addTween(cont,{x:-sp.x+150,y:-sp.y+75, z:-sp.z+100, time:1});
}
}
}
I have removed SWF Metadata and tried using it as a document class with no luck. I also have tried to initilize the class as and object but I get tons of errors.
Any help would be great.
Anyone Know Of A Good Way Or Tutorial To Make A Shiny Effect?
I have an image of a silver trophy in a flash movie and I want to make it look like light is reflecting off of it OR it's got little sparkles that come up on it. Does anyone know of a good place to find this effect or tutorial?
Thanks in advance,
Ari.
Tutorial: Text In Flash: Make It Legible
hi
i have a question regarding "text in flash: make it legible!" tutorial.
since we're making the text dynamic, in order for it to be legible and crisp, the kerning feature in flash becomes disabled. thereby, the text becomes illegible, unless we use fonts like courier, verdana, etc.
does anyone know of a way to kern the words when using dyanmic text? or is there an alternative?
thanks.
george
Make Pop Up Window To The Adding Thumbnails Tutorial
Hi... I wanted to know if its exist some way to make a pop up window to the Adding Thumbnails tutorial. What i want to do is a click on the empty movie clip, and made from this a pop up window who refered to the root of images in the xml archive.
I put on practice the Adding Thumbnails tutorial:
http://usuarios.lycos.es/marinasolini
go to "entrar" then click to the link "galerias" and see how i put it on practice...
And i think its look great when one of us could use the great information of this site to make our ideas work.
The only thing i couldnt do, is adjust the first thumbnail image to the movie clip who contains all the images. I could modify the space between the thumbnail images, but i cant make them start at the left margin when its loads for the first time.
If someone has some idea of how to make a pop up window who refered to the empty movie clip and from the data contained in a xml archive, and to make the first thumbnail image to load at the left margin from the begin, i would apreciate your help.
sorry if my english is not good, i hope you understand what i supposed to say.
How To Make Several Dragable Objects In The Gravity Tutorial ?
Hello all
First all please forgive my poor english.
I'm very new to actionscript, but i have some notions of java programming
on a semester I had couple years ago.
I'm a graphic design student. I'm doing a group homework for my
multimedia class, the task is doing an interactive site in flash.
It will be a VIRTUAL KITCHEN.
I have used pom's gravity tutorial to make the objects of the kitchen
to be affected by gravity and also to be draggable.
code for the movie clips is
Code:
onClipEvent (load) {
// gravity is what I called g in the tutorial. The
// higher g the harder the ball will fall.
// gravity = 0 can be set, as an experiment, but
// it will in fact create a "zero gravity" effect
// gravity < 0 will create an inverted gravity effect
gravity = 4 ;
// This sets the _y position of the floor
floor = 520 ;
floorx1 = 70;
floorx2 = 725 ;
// Bounce is a number < 1 but close to 1
// The closer to 1, the higher the ball will bounce
bounce = 0.6;
// We set the speed of the ball when it is released.
speedx = 0 ;
speedy = 0 ;
}
onClipEvent (enterFrame) {
if (pressing) {
// if we are pressing
// drag the object
startDrag (_root.bol,true) ;
// calculate the speed
speedx = this._x - x0 ;
speedy = this._y - y0 ;
// set a new reference point
x0 = this._x ;
y0 = this._y ;
}
else {
stopDrag () ;
// We calculate the increase of speed
// speedx doesn't change
speedy = speedy + gravity ;
//We move the ball
this._x += speedx/5 ;
this._y += speedy/5 ;
if (this._y > floor) {
this._y = floor ;
speedy *= -bounce ;
}
if (this._x < floorx1) {
this._x = floorx1 ;
speedx *= -bounce ;
}
if (this._x > floorx2) {
this._x = floorx2 ;
speedx *= -bounce ;
}
}
}
and the button inside the movie clip is
Code:
on (press) {
pressing = 1 ;
}
on (release) {
pressing = 0 ;
}
I copied the code to the main character of this frame, the "BOWL"
movie clip. then added the code to the "EGGS" movie clip, and changed
all the variable names of the gravity code inside eggs. even on the
button inside eggs, say "pressing 1" instead of "pressing".
When I call the recipe frame, both eggs and bowl fall to the table,
but I can't drag the bowl, only the eggs movie clip is dragable.
Bowl and eggs are on different layers. If I move eggs layer under bowl
layer, I can now drag drag eggs, but can't drag bowl.
I think there is a much simpler and shorter way to do this, like writing
all thecode in the first layer, and write the gravity as a function, then
apply the code to the movie clips with period notation, but i don't know
how to do it.
I have a "spoon" button in a layer under eggs, that i want to drag
with On(press) , but spoon doesn't move.
I think the problem is in the OnclipEvent (enterframe) and StartDrag
and stopDrag functions. maybe a problem of mouse listener.
any help ? how can i make all the objects to be dragable and keep
being affected by gravity after release ?
and it looks like this
The pretty, flat, bad perspective graphics, the girls drew them and we were in a rush.
thanks for your time!
Adding Thumbnail Tutorial - Make A Continues Loop
Hi
can somebody advise me how to alter the script of Kirupa's "Adding thumbnails" so the thumbnails will scroll continuesly and only scrooled by previous and next buttons?
What I want to accomplish is something like this http://www.normann-copenhagen.com/ - click on designers and sort of endless scroll with open first opens. Any ideas how to do something like this?
THX
BEST Tutorial Guides To Follow When Learning To Make Flash Templates
I'm trying so hard to try and find either videos or books or anything on learning to make Flash Website templates, but I'm having trouble coming up with REALLY GOOD walk throughs as to learning to use and create interactive flash website templates.
Does anyone here know of the best resources to go to or what I could buy that would REALLY help my knowledge on the flash program. Who here didn't know anything about Flash, and then what did you learn to help you learn the program.
Again, I want to create flash website templates, but I don't know what guides or tutorials to follow when learning, so could someone please please direct me to the best place, thanks.
PHP Mail Form Tutorial, Great Functionality, But I Cant Make It Work Waah
Hi thanks for reading my post, This URL=http://www.gurusnetwork.com/tutorial/fmx_mailform/]Tutorial here[/url] is seemingly detailed and exactly what I'd like to be able to do it's just that I cant get it to work. If anyone could have a look and see if there is anything I am doing wrong, or if I am biting off more than I can chew trying to complete this particular tutorial.
I feel I am putting the actionscript in wrong or something? My server runs PHP scripts fine perhaps This URL=http://www.gurusnetwork.com/tutorial/fmx_mailform/]Tutorial here[/url] is more of a guide and I'm supposed to configure all the code myself?
Thanks anyway
Thumbnails Tutorial - How Can I Make The Thumbnails Scroll By Default?
i have modified the xml photogallery on my site as i only want to use the scrolling thumbnail component but as a tool to scroll images.
2 modifications i would like to make that have me stuck!
1) how can i make the thumbnails scroll by default on load?
2) how can i add a little preloader within the empty thumbnail holder movieclip? i am loading the main gallery images directly into this clip rather than using it to display thumbnails
many thanks in advance if you can help!
natalie
To The Tutorial Writing Staff: XML Portfolio Tutorial
Hi guys!
I'm a basic actionscript user which knows the basics of xml and actionscript. I've been seaching for a tutorial for a long time now how to make a portfolio which is dynamic and loads info from an external .xml file.
Since i couldn't find any tutorial like this i've tryed to make my own script out from this xml file:
Code:
<portfolio thumburl="thumbs/" imgurl="images/">
<project hdline="my first project" client="none" date="2007-01-02" category="website" weburl="http://website.com">
<image url="image1.jpg"/>
<image url="image2.jpg"/>
<image url="image3.jpg"/>
<description><![CDATA[This describes my first project]]></description>
</project>
</portfolio>
I have hade in mind that you should see a bunch of thumbnails first in a table format (like 6 cols and 3 rows) on each page, then you should be able to select page with next and prev buttons. When you press on a thumnail a box with the bigger image shuld pop-up and you should be able to read the other information in the xml file (such as client, date etc etc).
I've tryed to make this but it's to advanced. And my version is very buggy, aswell.
Here is what i've done sofar:
www.vmgcomputers.com/xml/portfolio3.swf
I don't know if this helps but here is a "multiple loader" i found:
http://www.johnnyslack.com/content/d...der_jslack.zip
I think there are many guys who are looking for a tutorial about this so please consider to make one, all professionals out there!
XML - Mix The Squirrel Tutorial And The Portofolio Tutorial
Hello,
I'm trying to mix 2 tutorials: the Squirrel Finder (http://www.kirupa.com/web/xml/exampl...rrelfinder.htm )and the Portfolio ( http://www.kirupa.com/web/xml/examples/portfolio.htm ).
Actually i want to create a list of buttons based on loaded xml and when the buttons are cliked i want to displays information obtained from the xml
associated with that button (this part is ok).Now the things is that i also want to add to each "squirrel" a portofolio but i can 't figure out how to write the AS.
here are my codes
the xml
Code:
<?xml version="1.0" ?>
<menu>
<menuitems sourceurl="http://spot.colorado.edu/~halloran/sqrl.html">
<item type="squirrel">
<species>Abert Squirrels</species>
<location>
<![CDATA[Abert squirrels (Sciurus aberti) are only found in mountain regions of North America. In the United States their range extends from extreme south-central Wyoming to New Mexico and Arizona. There are six valid subspecies including S.a. ferreus, True, the subspecies that is found along the Front Range of the Rocky Mountains in Colorado. Abert squirrels are limited to Ponderosa pine (Pinus ponderosa) forests in which they feed and build their nests.]]>
</location>
<portfolio>
<picturetitle= "Tiny Disk"
thumb= "portfolio_images/thumbs/tinydisk.jpg"
description= "portfolio_text/tinydisk.txt"
image= "portfolio_images/tinydisk.jpg" />
<picturetitle= "Plug"
thumb= "portfolio_images/thumbs/plug.jpg"
description= "portfolio_text/plug.txt"
image= "portfolio_images/plug.jpg" />
<picturetitle= "Disk Collection"
thumb= "portfolio_images/thumbs/diskcollection.jpg"
description= "portfolio_text/diskcollection.txt"
image= "portfolio_images/diskcollection.jpg" />
</portfolio>
</item type="squirrel">
<item type="squirrel">
<species>Douglas Squirrels</species>
<location>
<![CDATA[Douglas squirrels (Tamiasciurus douglasii) are found throughout the coniferous forests of Southwestern British Columbia, western Washington, western Oregon, and western California.]]>
</location>
<picturetitle= "Tiny Disk"
thumb= "portfolio_images/thumbs/tinydisk.jpg"
description= "portfolio_text/tinydisk.txt"
image= "portfolio_images/tinydisk.jpg" />
<picturetitle= "Plug"
thumb= "portfolio_images/thumbs/plug.jpg"
description= "portfolio_text/plug.txt"
image= "portfolio_images/plug.jpg" />
</portfolio>
</item>
<item type="squirrel">
<species>Eastern Grey Squirrels</species>
<location>
<![CDATA[Eastern gray squirrels are found throughout the eastern United States; their natural range extends from Florida, north to Canada, and west to where the deciduous forests meet the great plains grasslands. There are 5 subspecies of eastern grey squirrels, S. carolinensis carolinensis is the subspecies found in most of the south from northern Florida, to North Carolina, west to Missouri, and eastern Texas.]]>
</location>
</item>
</menuitems>
</menu>
the as
Code:
function DisplayInfo(){
menu_mc._visible = false;
infobox_mc._visible = true;
infobox_mc.content_txt.text = this.location_text;
}
infobox_mc.close_btn.onRelease = function(){
menu_mc._visible = true;
infobox_mc._visible = false;
infobox_mc.content_txt.text = "";
}
infobox_mc._visible = false; // start the info box hidden
// define basic variables for setting up the menu
var item_spacing = 28; // how far menu items are spaced veritcally
var item_count = 0; // counts menu items as they are added from the XML
// var for the portofolio
var thumb_spacing = 40;
// load variables object to handle loading of text
var description_lv = new LoadVars();
description_lv.onData = function(raw_text){
description_txt.text = raw_text;
}
// CreateMenu creates a menu based on the XML object passed.
// It loops through all the items with a for loop adding clips to the menu_mc
// movieclip on the timeline, defining the appropriate text where needed
function CreateMenu(menu_xml){
// start with the first item in the XML
var items = menu_xml.firstChild.firstChild.childNodes; // menu -> menuitems -> child nodes array
for (var i=0; i<items.length; i++) {
// only continue if the type of this item is a squirrel
if (items[i].attributes.type == "squirrel") {
// create variables for our elements
var species = items[i].firstChild; // same as items[i].childNodes[0]
var location = items[i].childNodes[1]; // second child node
//function GeneratePortfolio(portfolio_xml){
//var portfolioPictures = portfolio_xml.firstChild.childNodes;
//for (var i = 0; i < portfolioPictures.length; i++){
var currentPicture = portfolioPictures[i];
var currentThumb_mc = menu_mc.createEmptyMovieClip("thumbnail_mc"+i,i);
currentThumb_mc._x = i * thumb_spacing;
currentThumb_mc.createEmptyMovieClip("thumb_container",0);
currentThumb_mc.thumb_container.loadMovie(currentPicture.attributes.thumb);
currentThumb_mc.title = currentPicture.attributes.title;
currentThumb_mc.image = currentPicture.attributes.image;
currentThumb_mc.description = currentPicture.attributes.description;
currentThumb_mc.onRollOver = currentThumb_mc.onDragOver = function(){
info_txt.text = this.title;
}
currentThumb_mc.onRollOut = currentThumb_mc.onDragOut = function(){
info_txt.text = "";
}
currentThumb_mc.onRelease = function(){
image_mc.loadMovie(this.image);
description_lv.load(this.description);
}
}
}
// Create a menu item movie clip in the menu_mc instance on the main timeline
// for each item element offsetting each additional further down the screen
var item_mc = menu_mc.attachMovie("menu_item","item"+item_count, item_count);
item_mc._y = item_count * item_spacing;
item_count++;
// assign text using nodeValue to get the text
// from the text nodes and CDATA sections
item_mc.species_txt.text = species.firstChild.nodeValue;
item_mc.main_btn.location_text = location.firstChild.nodeValue;
// set the onRelease of the item button to the DisplayInfo function
item_mc.main_btn.onRelease = DisplayInfo;
}
}
}
var squirrel_xml = new XML();
squirrel_xml.ignoreWhite = true;
squirrel_xml.onLoad = function(success){
if (success) CreateMenu(this);
else trace("Error loading XML file"); // no success? trace error (wont be seen on web)
}
squirrel_xml.load("squirrel_finder.xml");
Thanks for the help
Trying To Make A Formula To Make My Stickman's Head Adjust To The Direction He Moves
Ok, im making a little "walk around" movie clip...
you click he moves...
heres my .fla for the 2nd (main) question
My .Fla
I have 2 questions
the simple one first
Question 1 how do I flip an image, in the Graphic interface of flash pro 8, you can go to modify - transform, and flip it CCW + 90, CW + 90, or flip it horizontally or vertically, how can I do this in actionscript? my animation's name is "man"
Main Question
How do I write a formula to adjust my guys head so when he goes "left" or right, his head is thinner, (like your looking on him sideways)
and when he goes up/down, to be bigger so basically
when he's going up and down his head width is about 20-30, and when he's going left/right, its about 5-10
I've been trying for about 1 and a half hours, with no success
all my code:
Code:
var TargetX:Number = 200;
var TargetY:Number = 150;
var man_height:Number = man._height;
var man_width:Number = man._width;
var head_width:Number = man.head._width;
var head_height:Number = man.head._height;
var head_x:Number = man.head._x;
function clicked_spot()
{
TargetX = _xmouse-man_width;
TargetY = _ymouse-man_height;
}
function move_man()
{
man.head._width = 10;
//man.head._x = 20
if (TargetX > man._x-20)
{
man._x += 1;
}
else if(TargetX < man._x-20)
{
man._x -= 1;
}
if (TargetY > man._y-5)
{
man._y += 1;
}
else if(TargetY < man._y-5)
{
man._y -= 1;
}
}
setInterval(move_man, 10);
ground.onRelease = clicked_spot;
thanks in advance
How Can I Make A Startdrag And Stopdrag Actioned Mc Make A Sound?
HI there,
I need help on this one. I have used the start and stop drag AC for pulling a sword in and out of its sheath(holster). Thats all it has to do. One problem is that no matter how hard i try i can get the sounds to match up with it. I wanted for the sounds to play everytime the user puts the sword in and everytime the user takes the sword out. how can I do this?
Thanks alot
~Joe
How To Make Flash Make Html Page Return To Top?
Hey guys,
I created a website which contains a verticaly large flash movie on it which displays information. In order to read the bottom half of info, the user must scroll down the page. I was wondering if anyone knows the code to make a "return to top" button in flash which would send the html page back to the top without reloading the actual page itself of corse. I just cant figure out how to do it. Thans!
How To Make A Movie Clip Button I.e. Make It Click-able
i followed the tutorial for making animated buttons by using movie clips instead of button symbols. now i don't know how to make them click-able. this is probably pretty basic, but i'm new to flash and i'm getting pretty frustrated trying figure things out by myself (no programming experience here, although i did buy the flash bible). i'm using flash mx 2004.
any pointers on how to do this would awesome. thanx a ton.
--V
I Wanna Make Intro N Dnt Kno How Ta Make In Flash
Hello every 1
i wish sum1 can help mi !!!
i m makin my site n i wanna make a intro n i got Macromedia Flash PRo 8 but i rely dont much abt it....
intro iz lyk whn sum 1 open de page c dat animation .....bla bla ...... can sum1 plz help
n ask mi if they dnt get mi
my contact mail: nasty_thinker@hotmail.com
Make MC Visible, Make MC Invisible
Looking for a piece of script to (on rollover of other MC) make a MC placed on the stage visible, then to make it invisible.
I think there is a simple piece of code to target the MC and tell it visible == true or false???
Any Help greatly appreciated,
Thank you kindly,
cpalino
Make One Box Move On Roll Over, Make Other Box Move On Click
Okay here's the story: I have one box that moves the way I want it to on roll over, moves over my nav buttons and stays over them after you click one of them. The clicked button becomes where the box snaps back to. I have another box that I want to stay where it is until you click on a button. If you click on a button the box will move under the button that I have clicked on. Every attempt so far to get the second box to do that usually negates the other box's ability to do anything. Please, any help or suggestions?
Make One Box Move On Roll Over, Make Other Box Move On Click
Okay here's the story: I have one box that moves the way I want it to on roll over, moves over my nav buttons and stays over them after you click one of them. The clicked button becomes where the box snaps back to. I have another box that I want to stay where it is until you click on a button. If you click on a button the box will move under the button that I have clicked on. Every attempt so far to get the second box to do that usually negates the other box's ability to do anything. Please, any help or suggestions?
|
TRACKER
