| ThingMaker Documentation Chapter 3) Introductory Tutorials

| Working with States - moving from the Default State to MouseOver 1. Select the Thing in the Scene. If it is not already selected, click the Thing in the scene and take a look at the information the Settings Palette displays. 2. Drag the over.bmp Thing from the Gallery to the MouseOver Tab of the Settings Palette.
Choose Settings from the View Menu. You may want to reposition it so as not to obscure the Scene window. If the Settings Sheet is not expanded, click the Expand Palette Button first.

3. Drag the default.bmp Thing to the Scene.
Click and hold the mouse on the over.bmp Thing in the Gallery and drag it immediately from the Gallery to the MouseOver Tab.

To put a different graphic in another State of the Thing, always drag the new Thing to the State Tab where you want to put it. Do not drag the Thing to the Scene Window - and do not release the mouse after you click on the Thing, before you reach the MouseOver Tab. If you do, the Settings sheet will switch to display information for the Thing in the Gallery. When you preview the scene, and it doesn't do what you expect, go back and review the content in the Settings Sheets. You may find that you did not properly move the Thing from the Gallery to the State Tab.

If you drag a new Thing to the Scene Window and not to the proper Tab in the Settings Palette, you are telling the Program to create a Scene with multiple Things, not a Thing with a different appearance in each State.

Dragging to the MouseOver tab

1. Click OK to replace the existing visual.
ThingMaker will prompt you to decide whether or not to replace the existing visual with the graphic you have selected. Click OK. The over.bmp graphic will appear in the MouseOver Settings Sheet, replacing the original or Default visual.

If you add a graphic or sound to a Thing and there's a graphic or sound in that state already, you must replace the existing graphic or sound. Only one image or sound can reside in any one state. If there's no sound or graphic in the state, then you are adding that element to the state, not replacing an existing one.

2. Press the Play Button and try it out.
ThingMaker lets you test your Thing in the Scene window before publishing it to a web page. This way you can decide if it's working the way you want it to. If not, continue to edit and to revise the Thing until you are satisfied.

The Scene is now "live" and should perform as it would when played in the web browser.

When the Scene is playing, the Play Button switches to Edit. Press the Edit Button to stop playback.

3. Move the cursor over and off the Thing.
The Thing should switch graphics as the cursor moves over it.

If it doesn't, go back to Edit mode, select the Thing, and look at the Default and Mouse Over Tabs. Are the graphics different? If not, try replacing the graphic and retesting the Scene.

4. Press the Edit Button to stop the playback.

<--Previous | table of contents | Next -->