SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Creating a Mouse Maze This tutorial will cover step-by-step how to create a mouse maze like the one above. The goal of these mazes is to reach the end if the maze without your cursor leaving the maze path or hitting any obstacles. Go ahead and give this one a try. Click the green arrow to start and navigate your way to the red arrow. Don’t touch white! Click the green arrow to start
 
Creating a Mouse Maze Whoops! You went off the path. Go ahead and give it another try. Click the green arrow to start
Creating a Mouse Maze Nice job! You completed the maze. Now you have an idea of what this tutorial’s about. The feature that makes a maze like this work is a rollover hyperlink. When your mouse touches the background, you are taken to a separate failure slide with the option to retry. Click the white arrow to get started. Rollover Hyperlink
Creating a Mouse Maze Start out with a totally blank slide. You can modify the background of the slide to your liking. Insert a rectangle shape that covers the entire slide. It will block your background, but don’t worry, we’ll fix that in the next step. Rollover Hyperlink
Creating a Mouse Maze Now we’ve got to make your background visible. Double-click on the rectangle and the Format AutoShape window will appear. Drag the Transparency slider to 99% and set the shape outline to No Outline.  Now your rectangle is invisible. Rollover Hyperlink
Creating a Mouse Maze Before we go back to that slide, we need to create a failure slide. This slide will be displayed when the player moves their mouse off of the maze path. Insert a new slide and have it say whatever you like. Rollover Hyperlink
Creating a Mouse Maze Now return to the first slide we were working on, with the transparent rectangle. Right-click on the rectangle and click Action Settings. The Action Settings window will appear. Click the Mouse Over tab. From the  Hyperlink To drop-down menu, select Slide, then click Slide 2.
Creating a Mouse Maze Congratulations. You have just completed the most important part of the tutorial. That was the rollover hyperlink I mentioned earlier. Now you just need to create a maze path. We’ll start with a simple, straight one. First, though, right click on the background of a slide and click Grid and Guides. Check the box that says Display drawing guides on screen. This will let you know where the vertical and horizontal center of the slide is.
Creating a Mouse Maze Now for the maze path. Create a fairly thin rectangle that stretches from the top of the  first slide to the bottom. Make sure it is aligned with the center of the screen. You can adjust its coloration to your liking.
Creating a Mouse Maze Next we need to add some markers to show where the maze starts and ends. Remember the green and red arrows from the example? These can be whatever you like. I’ll use arrows like before.
Creating a Mouse Maze Before we do anything else we need to add a slide that will take us to the next level of the maze. It can be whatever you like. You should also add a Level 1 slide before the maze slide.
Creating a Mouse Maze Now copy the starting marker from the maze (I used the green arrow) and paste it onto the Level one slide. Right-click on the arrow (on the Level 1 slide only) , click Hyperlink, and select Next Slide under Place in This Document. Now the arrow will take you to the maze on the next slide. You should paste this arrow onto every level slide. The arrow needs to stay in the same position so the mouse is in right spot when you start the maze.
Creating a Mouse Maze Now back to the maze. Remember how we gave the background a rollover hyperlink? Now we need to do the same thing for the end marker, which I used a red arrow for. Right-click on exit marker, select Action Settings, and click the Mouse Over Tab. Then select Next Slide. Now, when the player reaches the arrow, they are taken to the next level!
Creating a Mouse Maze Congratulations! You’ve just completed your first maze. Be sure to experiment; try adding obstacles, lives, a title screen, moving path sections, the possibilities are endless! Thanks for watching! Click the white arrow to exit.

Weitere ähnliche Inhalte

Was ist angesagt?

GRADE 8 INTERIOR DESIGN TUTORIAL
GRADE 8 INTERIOR DESIGN TUTORIALGRADE 8 INTERIOR DESIGN TUTORIAL
GRADE 8 INTERIOR DESIGN TUTORIAL
Kiana Maeda
 
Getting startedshort
Getting startedshortGetting startedshort
Getting startedshort
sumidahilo
 
Feedback of Fourth Draft
Feedback of Fourth DraftFeedback of Fourth Draft
Feedback of Fourth Draft
guest8722d5
 
Skills Development
Skills DevelopmentSkills Development
Skills Development
TaylaWebber
 
The Creation of the Split Screen Effect
The Creation of the Split Screen Effect The Creation of the Split Screen Effect
The Creation of the Split Screen Effect
Poppy Blackett
 
Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend Modes
Shan
 
Artwork tutorial 1 making your image
Artwork tutorial 1   making your imageArtwork tutorial 1   making your image
Artwork tutorial 1 making your image
XP School
 
Video game production reflection
Video game production reflectionVideo game production reflection
Video game production reflection
bronparsons
 

Was ist angesagt? (20)

GRADE 8 INTERIOR DESIGN TUTORIAL
GRADE 8 INTERIOR DESIGN TUTORIALGRADE 8 INTERIOR DESIGN TUTORIAL
GRADE 8 INTERIOR DESIGN TUTORIAL
 
Getting startedshort
Getting startedshortGetting startedshort
Getting startedshort
 
Mac OS Lion Tips and Tricks
Mac OS Lion Tips and TricksMac OS Lion Tips and Tricks
Mac OS Lion Tips and Tricks
 
Feedback of Fourth Draft
Feedback of Fourth DraftFeedback of Fourth Draft
Feedback of Fourth Draft
 
How_to_make_ your_ quiz_interactive
How_to_make_ your_ quiz_interactiveHow_to_make_ your_ quiz_interactive
How_to_make_ your_ quiz_interactive
 
Changing eye colour in photoshop
 Changing eye colour in photoshop Changing eye colour in photoshop
Changing eye colour in photoshop
 
Title Bar Test
Title Bar TestTitle Bar Test
Title Bar Test
 
Image manipulation - Photoshop
Image manipulation - PhotoshopImage manipulation - Photoshop
Image manipulation - Photoshop
 
Image manipulation - Photoshop
Image manipulation - PhotoshopImage manipulation - Photoshop
Image manipulation - Photoshop
 
Fashion spread 1
Fashion spread 1Fashion spread 1
Fashion spread 1
 
Skills Development
Skills DevelopmentSkills Development
Skills Development
 
How to use paint.
How to use paint.How to use paint.
How to use paint.
 
The Creation of the Split Screen Effect
The Creation of the Split Screen Effect The Creation of the Split Screen Effect
The Creation of the Split Screen Effect
 
SketchUp Lesson 1
SketchUp Lesson 1SketchUp Lesson 1
SketchUp Lesson 1
 
AiM Spinner Design Tutorial in Solidworks
AiM Spinner Design Tutorial in SolidworksAiM Spinner Design Tutorial in Solidworks
AiM Spinner Design Tutorial in Solidworks
 
Modul 1 Scratch
Modul 1 ScratchModul 1 Scratch
Modul 1 Scratch
 
Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend Modes
 
Steps On Removing The Background
Steps On Removing The BackgroundSteps On Removing The Background
Steps On Removing The Background
 
Artwork tutorial 1 making your image
Artwork tutorial 1   making your imageArtwork tutorial 1   making your image
Artwork tutorial 1 making your image
 
Video game production reflection
Video game production reflectionVideo game production reflection
Video game production reflection
 

Ähnlich wie Maze tutorial

Alice startparttwo
Alice startparttwoAlice startparttwo
Alice startparttwo
sumidahilo
 
DID Unit 5 - Illustrator Basics
DID Unit 5 - Illustrator BasicsDID Unit 5 - Illustrator Basics
DID Unit 5 - Illustrator Basics
MrLawler
 
Alice startpartone
Alice startpartoneAlice startpartone
Alice startpartone
sumidahilo
 

Ähnlich wie Maze tutorial (20)

Scratch Lesson 1 move with arrow keys
Scratch Lesson 1 move with arrow keysScratch Lesson 1 move with arrow keys
Scratch Lesson 1 move with arrow keys
 
Kangaroo tutorial
Kangaroo tutorialKangaroo tutorial
Kangaroo tutorial
 
How to Make Shapes in Photoshop CC 2024.
How to Make Shapes in Photoshop CC 2024.How to Make Shapes in Photoshop CC 2024.
How to Make Shapes in Photoshop CC 2024.
 
Tutorial
TutorialTutorial
Tutorial
 
We are going to learn to program!
We are going to learn to program!We are going to learn to program!
We are going to learn to program!
 
GRADE 7 COMPUTER
GRADE 7 COMPUTERGRADE 7 COMPUTER
GRADE 7 COMPUTER
 
learn sketchup (for the beginners)
learn sketchup (for the beginners)learn sketchup (for the beginners)
learn sketchup (for the beginners)
 
M5 - Graphic Animation - Motion Guide
M5 - Graphic Animation - Motion GuideM5 - Graphic Animation - Motion Guide
M5 - Graphic Animation - Motion Guide
 
Flash tutorials
Flash tutorialsFlash tutorials
Flash tutorials
 
Flash tutorials
Flash tutorialsFlash tutorials
Flash tutorials
 
Scratch Parrot Game
Scratch Parrot GameScratch Parrot Game
Scratch Parrot Game
 
Assembling the MugTree (Using Inventor10)
Assembling the MugTree (Using Inventor10)Assembling the MugTree (Using Inventor10)
Assembling the MugTree (Using Inventor10)
 
Alice startparttwo
Alice startparttwoAlice startparttwo
Alice startparttwo
 
Alice Start Part Two
Alice Start Part TwoAlice Start Part Two
Alice Start Part Two
 
Ghost mannequin tutorial
Ghost mannequin tutorialGhost mannequin tutorial
Ghost mannequin tutorial
 
DID Unit 5 - Illustrator Basics
DID Unit 5 - Illustrator BasicsDID Unit 5 - Illustrator Basics
DID Unit 5 - Illustrator Basics
 
Flash
FlashFlash
Flash
 
8 killer adobe photoshop tips for designers
8 killer adobe photoshop tips for designers8 killer adobe photoshop tips for designers
8 killer adobe photoshop tips for designers
 
Quick Step by Step Flash Tutorial
Quick Step by Step Flash TutorialQuick Step by Step Flash Tutorial
Quick Step by Step Flash Tutorial
 
Alice startpartone
Alice startpartoneAlice startpartone
Alice startpartone
 

Kürzlich hochgeladen

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
PECB
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
kauryashika82
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 

Kürzlich hochgeladen (20)

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 

Maze tutorial

  • 1. Creating a Mouse Maze This tutorial will cover step-by-step how to create a mouse maze like the one above. The goal of these mazes is to reach the end if the maze without your cursor leaving the maze path or hitting any obstacles. Go ahead and give this one a try. Click the green arrow to start and navigate your way to the red arrow. Don’t touch white! Click the green arrow to start
  • 2.  
  • 3. Creating a Mouse Maze Whoops! You went off the path. Go ahead and give it another try. Click the green arrow to start
  • 4. Creating a Mouse Maze Nice job! You completed the maze. Now you have an idea of what this tutorial’s about. The feature that makes a maze like this work is a rollover hyperlink. When your mouse touches the background, you are taken to a separate failure slide with the option to retry. Click the white arrow to get started. Rollover Hyperlink
  • 5. Creating a Mouse Maze Start out with a totally blank slide. You can modify the background of the slide to your liking. Insert a rectangle shape that covers the entire slide. It will block your background, but don’t worry, we’ll fix that in the next step. Rollover Hyperlink
  • 6. Creating a Mouse Maze Now we’ve got to make your background visible. Double-click on the rectangle and the Format AutoShape window will appear. Drag the Transparency slider to 99% and set the shape outline to No Outline. Now your rectangle is invisible. Rollover Hyperlink
  • 7. Creating a Mouse Maze Before we go back to that slide, we need to create a failure slide. This slide will be displayed when the player moves their mouse off of the maze path. Insert a new slide and have it say whatever you like. Rollover Hyperlink
  • 8. Creating a Mouse Maze Now return to the first slide we were working on, with the transparent rectangle. Right-click on the rectangle and click Action Settings. The Action Settings window will appear. Click the Mouse Over tab. From the Hyperlink To drop-down menu, select Slide, then click Slide 2.
  • 9. Creating a Mouse Maze Congratulations. You have just completed the most important part of the tutorial. That was the rollover hyperlink I mentioned earlier. Now you just need to create a maze path. We’ll start with a simple, straight one. First, though, right click on the background of a slide and click Grid and Guides. Check the box that says Display drawing guides on screen. This will let you know where the vertical and horizontal center of the slide is.
  • 10. Creating a Mouse Maze Now for the maze path. Create a fairly thin rectangle that stretches from the top of the first slide to the bottom. Make sure it is aligned with the center of the screen. You can adjust its coloration to your liking.
  • 11. Creating a Mouse Maze Next we need to add some markers to show where the maze starts and ends. Remember the green and red arrows from the example? These can be whatever you like. I’ll use arrows like before.
  • 12. Creating a Mouse Maze Before we do anything else we need to add a slide that will take us to the next level of the maze. It can be whatever you like. You should also add a Level 1 slide before the maze slide.
  • 13. Creating a Mouse Maze Now copy the starting marker from the maze (I used the green arrow) and paste it onto the Level one slide. Right-click on the arrow (on the Level 1 slide only) , click Hyperlink, and select Next Slide under Place in This Document. Now the arrow will take you to the maze on the next slide. You should paste this arrow onto every level slide. The arrow needs to stay in the same position so the mouse is in right spot when you start the maze.
  • 14. Creating a Mouse Maze Now back to the maze. Remember how we gave the background a rollover hyperlink? Now we need to do the same thing for the end marker, which I used a red arrow for. Right-click on exit marker, select Action Settings, and click the Mouse Over Tab. Then select Next Slide. Now, when the player reaches the arrow, they are taken to the next level!
  • 15. Creating a Mouse Maze Congratulations! You’ve just completed your first maze. Be sure to experiment; try adding obstacles, lives, a title screen, moving path sections, the possibilities are endless! Thanks for watching! Click the white arrow to exit.