| sample images | finished movie |

Lingo

Created and designed by Vivienne Trulock for ilikecake, 2005

Navigation with Markers

This exercise shows how to create a basic navigation system using markers and simple lingo. See finished movie.

Import buttons and images.

Arrange buttons on stage.

Use the 'Modify > Align' command to easily layout the sprites.

Create markers as below by clicking the mouse on the white row at the top of the score, and typing in the words.

marker layout

Stretch the sprites to frame 9 and copy and paste them 4 times to frame 49, as shown.

sprite layout

Place images on the stage.

image score position

Sprite Scripts

Create a sprite script attached to the next button, which reads as follows

on mouseDown me
go to marker(+1)
end

Create a sprite script attached to the back button, which reads as follows:

on mouseDown me
go to marker(-1)
end

Scripts on each of the other sections reference markers by their name:

on mouseDown me
go to "insect"
end

To write the scripts quickly, write one script, copy and paste it into another script window and change the appropriate marker name.

Then select the relevant sprites in the score:

all instances of insect selected

Then attach the behaviour to them all at the same time:

behavior inspector, plus insect script

Write a frame script to loop the playback head on the last frame of each section

on exitFrame me
go to the frame
end

Once the script is written, just pull it off the cast to use it again. Place the loop script as shown.

loop script position

Save, Publish and Create Projector.

Completed Movie

The final navigation movie should look like this.

Valid CSS! Valid XHTML 1.0 Strict Level Triple-A Conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0 default text high contrast text large text large and high contrast text