Creating Patterns
A tutorial for Revolution

 go to Part:   next   1   2   3   4   5   6   7   8   9   10   11 

Part 1:  First attempt at making something visually interesting with Revolution

Of course, we need to get to know the system first, so this thing we're building is not going to be super-duper attractive!

When you start Revolution, you will see a little palette, called the tools pallette:

If you cannot see that palette, choose "Tools Palette" from the tools menu.

There are two very important buttons are at the top: they both have an arrow; the left one is the "run" mode button and the right one is the "edit" mode button.

The reason there are these two modes is obvious: when you make a program with a button, you may want to click the button to make it do something, but when you want to move the button to another place, you must be able to click on it in a different way. You must distinguish these two clicks: it depends on which arrow is active.

Making our first stack

Never mind for now what a "stack" is. Select File—>New Mainstack. A window pops up:

This looks like just a window but it is not, it's an entire program. We're going to give it a name and save it somewhere:

Choose Object—>Stack Inspector. (when I write something like File—>Save I am obviously referring to using the menus from the menu bar. I'll always do those menu commands in blue).
A palette pops up:

This is the very important inspector.

Type a name for the stack. Since we are working together on this I propose that at least for this first attempt we use exactly the same names. It will then be easier to talk about problems if all objects have the same names on your computer as on mine. I chose the name "Patterns":

Note that the name of the stack window has changed too.

You may have to click in another field or in the stack window before the name takes effect.


Now we put in a button:

1) make sure that you are in programming mode (the left arrow selected)

2) drag a white button from the palette onto the Patterns window:

3) put it at the bottom left:

Notice that the inspector palette has changed to show the properties of the button:

If this has not happened, make sure the little padlock in the upper-right corner of the inspector is unlocked, or bring up another inspector palette by choosing Object—>Object Inspector.

We give this button a name: "Go!"

You can use the little red handles on the button to make it smaller.

NOTE:  my highlight colour is yellow, yours may be light blue. My handles are red, yours may be a different colour.

Good. Time to save our work: File—>Save. And put it somewhere you can find it tomorrow…

next part