🏛️ Wick Editor Project: The Museum Kiosk

Interactive Design & Non-Linear Navigation Assignment

🎯 Project Goal

Create a multi-screen, interactive museum kiosk using the Wick Editor. Your kiosk will explore a topic of your choice (e.g., music, food, places, history, animals). The project must feature a non-linear navigation system.

📝 Submission Requirements

💻 Kiosk Structure and Content

1. Title Screen (Home Frame)

  • A clearly visible project title, which must feature a fictional museum name (e.g., "The Grand Archive of Lost Technology").
  • A dedicated image on this screen that visually represents the concept of your fictional museum.
  • A brief welcome or instruction for the user.
  • Animation Requirement: The Title Screen must contain a simple 3-5 second looping visual animation to greet the user.

2. Four Topic Screens (One Frame Each)

Each of the four topic frames must have a unique name (e.g., TopicA, TopicB, etc.) and contain:

  • Text: Information relevant to the topic.
  • Image: A clear visual asset related to the topic.
  • Sound Effect: A short sound that either plays automatically when the frame is entered OR has a user-controlled Play button on the frame.

3. Persistent Menu (Non-Linear Navigation)

  • The menu (containing all five buttons) must appear across all frames (Title Screen and Topic Screens).
  • It must contain five distinct buttons: four for the topics and one dedicated "Home" button (linked to the Title Screen).
  • Clicking any button must immediately jump the user to the corresponding frame.

✅ Mandatory Technical Requirements

Component Requirement Details
Animation Placement The animation must be present and visible on the Title Screen. Students can use the main timeline or a Movie Clip.
Persistence The Menu layer must be extended to span all frames in the timeline so the buttons are always visible.
Interactivity All menu buttons must visually change (color, size, or glow) when the mouse hovers over them.
Organization Use clear, descriptive names for all layers, buttons, and frames (e.g., Layer\_Menu, Frame\_Title, Button\_TopicA).

💡 Technical Guide: Navigation & Animation

Learning Resource: For detailed instructions on JavaScript scripting, Tweening, and Frame-by-Frame animation, please refer to the official Wick Editor tutorial site: Wick Editor Learning Center.

1. Non-Linear Navigation Scripting

To enable navigation, you must attach a separate piece of JavaScript code to each of the five button graphics. This code will use the Wick Editor's API command for frame jumping (e.g., gotoAndStop()) and will be triggered by a mouse click event.

2. Creating a Simple Animation (Title Screen)

Students can create the simple 3-5 second animation using either:

  • Frame-by-Frame Animation (drawing the movement manually across frames).
  • Tweening (setting a start and end point and letting the software fill in the frames).