So what you want to do is very simple.
1- Stage 1, Frame 1, Layer 1, click on the frame, and open the Action panel (F9)
// Tell Flash that the project is non scalable, and align at the top left corner of the screen.// You need this, to not have your project scale as you scale it, and everything gets blurry, and ugly.Stage.align = "TL";Stage.scaleMode = "noScale";stop(); // Don't play the project like a movie. Stop at Frame 1. We are doing a program, not a movie.2- Create a MovieClip, name it "Motherboard Layout". To do this, open the Library panel if it's not open (Windows > Library), then on the Library panel, click on the icon at the bottom of the panel, that looks like a folder with a plus sign on it.3- When done, double click on the MovieClip just added on the library. This will allow you to edit it. Inside, on frame 1, enter the code:
stop();This will make it no play each frame.4- File > Import > Select an motherboard picture.
5- If you want to add different motherboard layouts, select the frame, and hit F6.
Then import like in 5, another motherboard image.
6- Back on our Mr. Library, and click on the Folder with the plus button, to add something new. This time, a Button. Give it name like: Component Highlight Button
7- Once done, double click on it to edit it. Now. you'll see 4 frames. Up, Over, Down, Hit.
Up is what do you want (you draw like in Paint) the button to look like when the mouse is not over the item. It can be blank.
Over What the button will look like when the mouse is over the button. It can be blank.
Down What the button will look like when the mouse is pressing on the button. It can be blank.
Hit Not visible frame. This indicates the area/zone where you want the mouse react with the button. Usually, you make a black or white square of the size of the button.
8- Now double click on "Motherboard Layout", to edit that, and position your button, by dragging it to the motherboard, and position it. You can add multiple of them.
9- Click on a button that you added, on the properties give it a unique name, without any spaces. You'll need this to to identify it, with your code. Do the same for each button.
10- Click on the button, and hit F9, to show the action panel, and enter:
on (release) { _level0.callbackFunction(this);}Do the same for every button.11- Click on "Stage 1" to return on the Stage, out of the Movie Clip.
12- Drag and drop "Motherboard Layout" from the Library, to the Stage, and position it where you want.
13- To make the stage bigger or smaller, click on the stage, and click on the Properties panel, the dimension, and you can enter larger or smaller dimensions
14- Click on the Movie clip you just put on the stage, and on the Properties panel, enter as name: motherboard_MC
This is the name of the MovieClip (Object), to refer it in your code.
15- On the stage, click on the Frame 1, and open the action panel, and add to what you have:
function callbackFunction(var obj:Object) { if(obj == _level0.motherboard_MC.<button name that you entered without the '<>'>) { // Code with the action to take for when the button is pressed. // You can make a new Movie Clip, called "Panel", where you draw a panel, with a text box, set as Dynamic in it's // properties with the name: description. Position that panel on the stage and call it, "panel", and do at this stop of the // code: // panel._visible = true; // panel.description.htmlText = "Hello!<br>This is a description of the <b>component</b>". // And then add above this function (callbackFunction), panel._visible = false; // Be sure to have a button on the panel, where you can call: Close, where as function on the button, you do // on (release) { // this._visisble = false // } } else if (obj == _level0.motherboard_MC.<another button>) { // etc.. }}You are done. To compile it, to Ctrl+Enter on the keyboard.
remyseroos reacted to GoodBytes in actioncript problem
remyseroos got a reaction from Elbstrand in Old dual-boot Ubuntu still shown
remyseroos got a reaction from Marc030 in Official DUTCH topic (NL)
