1 of 141

Self-Guided Hunt

Day at the Museum

Outside

First Floor

Second Floor

Bonus Trivia

Bricks

Sidewalk

Cornerstones

After

Naming

All

Gaps

Read

An initial

Message

Race Car

Water Symbols

Red Combine

Agciting Signs

First Floor

Second Floor

History

2 of 141

Self-Guided Hunt Overview

3 of 141

Have you done the Hosted Hunt series yet?

This is the second course

Created a hosted hunt with 3 clues. Used text, images, a start code, hints, and solutions. Also did testing on a real device.

4 of 141

In order to follow along you will need...

    • A web browser with sufficient screen size to create
    • A smartphone running iOS or Android to test

5 of 141

By the end of this series you should be able to...

  • Create a self-guided hunt
  • Effectively use HTML, mini-hunts, partial solutions, multiple solutions, GPS navigation, and GPS enforcement
  • Determine if your hunt meets the review guidelines
  • Understand how to put your hunt into the review process to make it available for sale.

6 of 141

Disclaimer

We won’t be creating any Zaps

To learn about Zappar visit https://www.cluekeeper.com/tutorials

+

7 of 141

Demo

Let’s see what we are trying to build!

8 of 141

Goals

What are we trying to learn in each mini-hunt

Day at the Museum

Outside

First Floor

Second Floor

Bonus Trivia

Bricks

Sidewalk

Cornerstones

After

Naming

All

Gaps

Read

An initial

Message

Race Car

Water Symbols

Red Combine

Agciting Signs

First Floor

Second Floor

History

GPS support and multiple solutions

Getting practice and using partials

Partial solutions unlocking hints

Different hunt policies

9 of 141

Brands

What is a brand? Where is my logo used?

10 of 141

Required before publishing a self-guided hunt

Strongly recommended for public hosted hunts too

Send a request email to admin@cluekeeper.com

11 of 141

Hunt Setup

Creating the content that potential buyers will see

12 of 141

Create a new hunt

Day at the Museum

13 of 141

Self-Guided Hunt Guidelines

Read the corresponding section before each step

Keep the both windows open in a different tab throughout this series.

14 of 141

Hunt Info

New fields for a Public Self-Guided hunt

15 of 141

Hunt Info

Complete all the fields down to the GPS Coordinates

16 of 141

The first time a map is shown you will be asked to share your location. It is there to help, but not required.

17 of 141

Hunt Info

Selecting the GPS coordinates of the hunt

18 of 141

Hunt Info

Primary fields users will see

19 of 141

Policies

First go do your reading assignment…

20 of 141

Policies

A variety of game formats are supported

Use the tooltips!

Lots of useful info

21 of 141

It’s short, but it’s important to get right

This is the info users see in Find Hunts

22 of 141

Hunt Main

Before, during, and after your hunt

Homepage

Your Hunt Main

Clue list

Clue content pages

23 of 141

Different states of Hunt Main

Before, during, and after your hunt

Hunt hasn’t started

In progress

Optional - Finish code to end the hunt

Hunt is over

24 of 141

Hunt Setup

Top level only, not worried about any of the clues yet

Day at the Museum

Outside

First Floor

Second Floor

Bonus Trivia

Bricks

Sidewalk

Cornerstones

After

Naming

All

Gaps

Read

An initial

Message

Race Car

Water Symbols

Red Combine

Agciting Signs

First Floor

Second Floor

History

25 of 141

Start Info

Reading assignment

26 of 141

Image resources

Download these images….

https://www.cluekeeper.com/static/tutorials/thcm-images.zip

(btw THCM stands for Terre Haute Children’s Museum)

27 of 141

Start Info

Provide directions and prevent accidental early starts

28 of 141

Start Info

Provide directions and prevent accidental early starts

29 of 141

During the hunt content

Reading assignment

30 of 141

During the hunt content

Information players might need during the hunt

31 of 141

One placeholder clue

We’re going to test soon and it’ll flow better with a clue

32 of 141

Implementing the placeholder clue

Not going to put much work into this one

33 of 141

Finish Info

Reading assignment

34 of 141

Finish Info

Adding a finish code to the VERY end.

35 of 141

Check for issues

It can be wise to check here before you even start testing

36 of 141

Before you can test on a real device you need a test registration

37 of 141

Test Registration

Type the hunt code you generate into your physical device

= hidden since my test registration is worthless to you

38 of 141

Test Registration

Hunt start uses GPS enforcement - now what?

39 of 141

Using your Test Registration

See the different Hunt Main states

Hunt hasn’t started

In progress

Optional - Finish code to end the hunt

Hunt is over

40 of 141

Delete your placeholder clue

41 of 141

Outside Scramble Mini-Hunt

42 of 141

Outside Scramble Mini-Hunt

Only setting up the mini-hunt with placeholder clues

Day at the Museum

Outside

First Floor

Second Floor

Bonus Trivia

Bricks

Sidewalk

Cornerstones

After

Naming

All

Gaps

Read

An initial

Message

Race Car

Water Symbols

Red Combine

Agciting Signs

First Floor

Second Floor

History

43 of 141

Creating our first mini-hunt

A good time to catch up on some reading!

44 of 141

Create your first real clue

45 of 141

Policies for this mini-hunt

Note, no skipping

46 of 141

Start Info

Unlocking the first mini-hunt

47 of 141

Start Info

Add a GPS location for this mini-hunt start

48 of 141

Different ways to use a GPS location

Enforcement policy and Navigation assistance

49 of 141

Create three placeholder mini-clues

50 of 141

Policies

Made them not skippable

51 of 141

Content

“Placeholder” clue text

52 of 141

Solutions

“Placeholder” solutions

53 of 141

Content for the Outside mini-hunt meta

54 of 141

Solution for the Outside mini-hunt meta

55 of 141

Hunt Issues Summary

56 of 141

Test your first mini-hunt

57 of 141

Outside Mini-Clues

GPS enforced solutions and multiple solutions

58 of 141

Bricks

Updating one of the placeholder mini-clues

Day at the Museum

Outside

First Floor

Second Floor

Bonus Trivia

Bricks

Sidewalk

Cornerstones

After

Naming

All

Gaps

Read

An initial

Message

Race Car

Water Symbols

Red Combine

Agciting Signs

First Floor

Second Floor

History

GPS support and multiple solutions

59 of 141

Reading more about Content

Need to read the rest of section 4 at some point why not now

60 of 141

Bricks

Clue content

61 of 141

Bricks

Multiple solutions

62 of 141

Bricks

GPS solve enforcement

63 of 141

Bricks

GPS solve enforcement

64 of 141

Go test it!

Play with the GPS and try either solution path (or both)

65 of 141

First Floor Linear Mini-Hunt

Day at the Museum

Outside

First Floor

Second Floor

Bonus Trivia

Bricks

Sidewalk

Cornerstones

After

Naming

All

Gaps

Read

An initial

Message

Race Car

Water Symbols

Red Combine

Agciting Signs

First Floor

Second Floor

History

GPS support and multiple solutions

Getting practice and using partials

66 of 141

First Floor Linear Mini-Hunt

Your turn! Practice building on your own

67 of 141

Second Floor Scramble Mini-Hunt

Day at the Museum

Outside

First Floor

Second Floor

Bonus Trivia

Bricks

Sidewalk

Cornerstones

After

Naming

All

Gaps

Read

An initial

Message

Race Car

Water Symbols

Red Combine

Agciting Signs

First Floor

Second Floor

History

GPS support and multiple solutions

Getting practice and using partials

Partial solutions unlocking hints

68 of 141

Add our third mini-hunt

69 of 141

This mini-hunt is a scramble that can’t be skipped

70 of 141

Provide the start code directly in the text

71 of 141

Add a mini-clue

<TODO: Make the title say Race Car>

72 of 141

To be consistent we’ll make it not skippable as well.

73 of 141

Provide fun facts in self-guided hunts

<TODO: Update to new text>

74 of 141

Pretty simple activity clue

75 of 141

Solution to the Race Car clue

76 of 141

Second Floor Meta

We’ll skip ahead and do the meta next

77 of 141

Second Floor Meta content

78 of 141

Second floor meta solution

79 of 141

Go test your Second Floor mini-hunt!

80 of 141

Water Symbols

Add the second clue by yourself

<TODO: Never show the actual url.

They change

All the time

>

81 of 141

Test again!

82 of 141

Second Floor Mini-Clues

Day at the Museum

Outside

First Floor

Second Floor

Bonus Trivia

Bricks

Sidewalk

Cornerstones

After

Naming

All

Gaps

Read

An initial

Message

Race Car

Water Symbols

Red Combine

Agciting Signs

First Floor

Second Floor

History

GPS support and multiple solutions

Getting practice and using partials

Partial solutions unlocking hints

83 of 141

Add a third mini-clue to the Second Floor mini-hunt

84 of 141

To be consistent we won’t allow skipping again

85 of 141

Start codes are important when you have timed hints

86 of 141

Content

87 of 141

Solve this puzzle for fun

88 of 141

Hints

89 of 141

Add another hint to the beginning

90 of 141

Hints can be inserted anywhere you want in the hint list

91 of 141

Give more points for this puzzle than the default

92 of 141

Partial solutions and the hints they release

93 of 141

Go try it! Watch the partial answers move along the hints.

94 of 141

Agciting Signs

Add the fourth clue by yourself

95 of 141

Content here

two lines in titles are ok

96 of 141

Content here

two lines in titles are ok

97 of 141

Content here

two lines in titles are ok

98 of 141

Content here

two lines in titles are ok

99 of 141

Content here

two lines in titles are ok

100 of 141

Content here

two lines in titles are ok

101 of 141

Content here

two lines in titles are ok

102 of 141

Content here

two lines in titles are ok

103 of 141

Content here

two lines in titles are ok

104 of 141

Content here

two lines in titles are ok

105 of 141

Content here

two lines in titles are ok

106 of 141

Content here

two lines in titles are ok

107 of 141

Content here

two lines in titles are ok

108 of 141

Content here

two lines in titles are ok

109 of 141

Content here

two lines in titles are ok

110 of 141

Content here

two lines in titles are ok

111 of 141

Content here

two lines in titles are ok

112 of 141

Content here

two lines in titles are ok

113 of 141

Content here

two lines in titles are ok

114 of 141

Content here

two lines in titles are ok

115 of 141

Content here

two lines in titles are ok

116 of 141

Content here

two lines in titles are ok

117 of 141

Content here

two lines in titles are ok

118 of 141

Content here

two lines in titles are ok

119 of 141

Content here

two lines in titles are ok

120 of 141

Content here

two lines in titles are ok

121 of 141

Content here

two lines in titles are ok

122 of 141

Content here

two lines in titles are ok

123 of 141

Content here

two lines in titles are ok

124 of 141

Content here

two lines in titles are ok

125 of 141

Content here

two lines in titles are ok

126 of 141

Content here

two lines in titles are ok

127 of 141

Content here

two lines in titles are ok

128 of 141

Content here

two lines in titles are ok

129 of 141

Content here

two lines in titles are ok

130 of 141

Content here

two lines in titles are ok

131 of 141

Content here

two lines in titles are ok

132 of 141

Content here

two lines in titles are ok

133 of 141

Content here

two lines in titles are ok

134 of 141

Content here

two lines in titles are ok

135 of 141

Content here

two lines in titles are ok

136 of 141

Content here

two lines in titles are ok

137 of 141

Content here

two lines in titles are ok

138 of 141

Single video title slide

two lines in titles are ok

In this lesson you will

learn how to blah

(one title slide to start each video)

Image

139 of 141

Colors: This font is cluekeeper_dark_green

placeholder so you don’t delete the last two slides

Primary font is Open Sans

  • Creator blue is #43b1e6, used on web UI

Other colors of interest taken from mobile UI...

(note, these are not in open sans due to being code)

  • <color name="cluekeeper_blue">#43ade2</color>
  • <color name="cluekeeper_dark_blue">#2081b9</color>
  • <color name="cluekeeper_green">#00b4b1</color>
  • <color name="cluekeeper_dark_green">#007976</color>
  • <color name="cluekeeper_purple">#694783</color>
  • <color name="text_green">#009900</color>
  • <color name="text_red">#990000</color>
  • <color name="text_yellow">#999900</color>
  • <color name="text_blue">#000080</color>

Web UI uses this color combo a lot too white text on #43b1e6 background

This bar is cluekeeper_dark_blue

Or headings that are #43b1e6

Noto Sans, Helvetica Neue

font weight 500 (if possible)

140 of 141

Single video title slide

two lines in titles are ok

In this lesson you will

learn how to blah

Image

141 of 141

Content here

two lines in titles are ok