Skip to main content
DIGITAL CULTURETHE LAB / DIKULT105

Get Alinta’s Construct files

Open the course Files section in MittUiB, download the .c3p named in your task, then open it from inside Construct.

How to download and open the project

Construct cannot see the file? Check here.

LAB 03 · FRIDAY 16 OCTOBER · PART 2

Alinta's map.
A place that keeps a secret.

Open the Mapping template, name the places that matter to you, hide a thought, and let a tap reveal it.

⏱ Morning 09:10-09:40 · Afternoon 15:10-15:40 · then the screenshot for Obligatory Task 4 at 09:45 / 15:45

PART 2 OF 2 · ALINTA'S MAP

You know the program now. Here you use the same tools on Alinta's Mapping template and build a campus map that keeps a secret. Every scene starts where the last one ended. The yellow numbers match the steps.

Your own project comes first. Building something already? Use these scenes as a tutorial and add the same tap-reveal rule to your own .c3p. The template is a practice ground, not a requirement.

Part 2 · Alinta's map · 1 of 10 · about 3 min

Open the map

SO FARFrom Part 1 you know objects, Properties, behaviors and events.

NOWOpen Alinta's template. It already holds a map of our campus, ready for your places.

DO THIS

  1. Download the Get MappingasNonlinearStorytelling (2).c3p in MittUiB Files ↗

    Then follow the template walkthrough →

    (.c3p).
  2. In Construct, choose Menu › Project › Open local file and pick the file. ①②
  3. In the Project Bar on the right, double-click Layout MapOption1.

YOU SHOULD SEE

The campus map fills the middle. In Properties, Event sheet says Event sheet 1.

Why MapOption1? It is already linked to an event sheet. The other maps say (none): pick one of those and you must set its Event sheet first.

Stuck? Open this first
  • Where is the template? Mitt UiB › Files: MappingasNonlinearStorytelling (2).c3p.
  • It downloaded as a .zip or a folder: unzip it first (right-click › Extract all), then open the .c3p inside. Ignore the __MACOSX folder.
  • Open local file shows nothing: look in Downloads and choose the file that ends in .c3p.

Still stuck after 3 minutes? Ask your neighbour or Ingrid. Everyone gets stuck: that is how you learn this program.

Construct menu open at Project, with Open local file highlighted.
Start page: Menu › Project › Open local file.
Construct with Layout MapOption1 open. Project Bar shows the layout; Properties show Event sheet: Event sheet 1.
① The layout you double-click. ② Its Event sheet: where your rules will live.

NEXT UP

Pin the map down. The map is one big picture. Lock it before you build on top.

Part 2 · Alinta's map · 2 of 10 · about 1 minNew: Lock

Pin the map down

SO FARAlinta's campus map, open in Layout MapOption1.

NOWThe map is one big picture underneath everything. Lock it, so it stays put while you build on top.

DO THIS

  1. Right-click the map.
  2. Choose Lock › Lock selection. ①②

YOU SHOULD SEE

Clicking the map no longer grabs it. You can work on top without dragging the whole campus away.

Right-click menu with Lock open and Lock selection highlighted.

NEXT UP

Name your first place. A Text object, just like Welcome in Part 1.

Part 2 · Alinta's map · 3 of 10 · about 6 min

Name your first place

SO FARA locked map you can build on.

NOWA Text object is a label you can put anywhere. Start with one place that means something to you.

DO THIS

  1. Right-click the map and choose Insert new object.
  2. Type Text in Search ①, select Text ②, give it a name such as Library ③, then Insert ④.
  3. Click the map where your place is.
  4. In Properties: write your sentence in Text ①, set Size to 20 ②, tick Bold ③.

YOU SHOULD SEE

Your words on the map. Only part of the sentence shows? The box is too small. Drag its corner handle bigger:

Text box too small: only the word University shows.
Before: box too small.
Text box dragged bigger: the whole sentence shows.
After: drag the corner.

Add two more places the same way. Give each one its own name.

Stuck? Open this first
  • The image editor opened: you double-clicked the map. Close it with ×. Use right-click › Insert new object instead.
  • The map moves when you click: go back one scene and lock it.

Still stuck after 3 minutes? Ask your neighbour or Ingrid. Everyone gets stuck: that is how you learn this program.

Right-click menu with Insert new object highlighted.
Create new object type dialog: Search Text, Text plugin, Name Library, Insert.
Properties panel with Text, Size 20 and Bold highlighted.

NEXT UP

Hide a thought. A second text that stays invisible until someone taps.

Part 2 · Alinta's map · 4 of 10 · about 3 min

Hide a thought

SO FARYour places, written on the map.

NOWNow write something the visitor cannot see yet. This is the part of the place only a tap reveals.

DO THIS

  1. Insert another Text object and name it HiddenThought.
  2. Write one sentence in Text. Tick Italic ① if you like.
  3. Untick Initially visible ②.

YOU SHOULD SEE

It still shows in the editor, so you can find it. It hides when the map runs. ③ Construct explains every property at the bottom of the panel.

Properties of HiddenThought with Italic ticked, Initially visible unticked, and the help text at the bottom.

NEXT UP

Give the map ears. Touch lets the map notice a tap.

Part 2 · Alinta's map · 5 of 10 · about 2 min

Give the map ears

SO FARPlaces and a hidden thought.

NOWYour map cannot notice a tap yet. The Touch object is its ears.

DO THIS

  1. Right-click, Insert new object, type Touch ①, select it ②, Insert ③.

YOU SHOULD SEE

A note says Added 'Touch'. You do not place it on the map: it listens to the whole project.

Create new object type dialog with Touch selected.
Construct after inserting Touch: Use mouse input ticked and the message Added Touch.
① Use mouse input: a mouse click counts as a tap. ② Construct confirms it.

NEXT UP

Write the rule: when… A condition, like On start of layout, but for a tap.

Part 2 · Alinta's map · 6 of 10 · about 5 min

Write the rule: when…

SO FARTouch is in the project.

NOWAn event is a sentence. The left half listens for something. The right half does something.

DO THIS

  1. Open the Event sheet 1 tab and click Add event.
  2. Choose Touch ①, then Next ②.
  3. Choose On tap object ①, then Next ②.
  4. Click <click to choose>, pick Library ①, OK ②, then Done.

YOU DID THIS IN LAB 2

addEventListener("click", …) is the same as On tap object: wait for the visitor, then act.

YOU SHOULD SEE

A new row with Touch on the left: On tap gesture on Library. The dialog said On tap object; the row says On tap gesture on. Same thing.

Stuck? Open this first
  • Library is not in the list: you gave your place another name. Pick that name: it is your place.
  • Chose the wrong object: double-click the condition and choose again.

Still stuck after 3 minutes? Ask your neighbour or Ingrid. Everyone gets stuck: that is how you learn this program.

Empty event sheet with the Add event link highlighted.
Add condition dialog with the Touch object highlighted.
Touch conditions with On tap object highlighted.
Pick an object dialog with Library highlighted.

NEXT UP

…then do this. The action that shows the hidden thought.

Part 2 · Alinta's map · 7 of 10 · about 4 min

…then do this

SO FARA rule that hears a tap on your place.

NOWThe rule can hear the tap. Now tell it what to do.

DO THIS

  1. On the same row, click Add action.
  2. Choose HiddenThought, then Next.
  3. The list is long: type visible in Search ①, choose Set visible ②, Next ③.
  4. Keep Visible and choose Done.

YOU SHOULD SEE

One finished row. Left: On tap gesture on Library. Right: Set visibility Visible.

Without an account Construct allows 25 events per project. You need one today. Activate Pro (above) for more.

Stuck? Open this first
  • HiddenThought is missing: you named it differently. Choose the name you gave your hidden text.

Still stuck after 3 minutes? Ask your neighbour or Ingrid. Everyone gets stuck: that is how you learn this program.

Action list filtered by the word visible, showing only Set visible.
Set visible parameters with Visibility set to Visible.
Finished event: Touch On tap gesture on Library, HiddenThought Set visibility Visible.
Read it out loud: when someone taps Library, show HiddenThought.

NEXT UP

Play it. Be your own visitor and test it.

Part 2 · Alinta's map · 8 of 10 · about 3 min

Play it

SO FARA finished rule: tap, and the thought appears.

NOWTime to be your own visitor.

DO THIS

  1. Click the small arrow next to ▶ ① and choose Preview layout ②.
  2. Click or tap your place.

YOU SHOULD SEE

The thought appears only after you tap the right place. Tapping anywhere else does nothing: that is the condition doing its job.

Nothing happened?
  • Shows before the tap: select HiddenThought and untick Initially visible.
  • Never shows: the row must name the place you tapped, and the action must name HiddenThought.
  • Wrong map in Preview: use Preview layout, not Preview project.
  • Still nothing: click empty map space and check that Event sheet says Event sheet 1.
Preview dropdown with Preview layout highlighted.
Preview of the campus map: the hidden thought is not shown.
Before the tap.
Preview after tapping the library: the hidden thought appears.
After the tap.

NEXT UP

Keep it. Save before you do anything else.

Part 2 · Alinta's map · 9 of 10 · about 1 min

Keep it

SO FARA map that keeps a secret.

NOWYour map exists only in this browser until you save a copy.

DO THIS

  1. Choose Menu › Project ① › Save as ② › Download a copy ③.
  2. Keep the .c3p file somewhere you can find again.

YOU SHOULD SEE

A .c3p file in your Downloads. That is the whole editable project. Bring it next Friday.

Menu open at Project, Save as, Download a copy.

NEXT UP

Show it: Obligatory Task 4. Post one screenshot so your work counts.

Part 2 · Alinta's map · 10 of 10 · about 5 minNew: Obligatory

Show it: Obligatory Task 4

SO FARA saved map and a posted screenshot.

NOWYour work counts when someone can see it. Post one picture of today's result.

DO THIS

  1. In Preview, make your map show its secret.
  2. Take a screenshot. Windows: Windows key + Shift + S · Mac: Cmd + Shift + 4 · Chromebook: Ctrl + Shift + Show windows.
  3. Open Mitt UiB › Discussions and choose Obligatory Task 4.
  4. Reply with your screenshot and one sentence: what does the tap reveal?

YOU SHOULD SEE

Your post under Obligatory Task 4. Do it every lab: Lab 3 › Task 4, Lab 4 › Task 5, Lab 5 › Task 6.

Stuck? Open this first
  • Cannot find Obligatory Task 4: Mitt UiB › DIKULT105 › Discussions. Ask Ingrid if it is not there yet.
  • Screenshot shortcut does nothing: use the Snipping Tool (Windows) or Screenshot app (Mac), or ask a neighbour.

Still stuck after 3 minutes? Ask your neighbour or Ingrid. Everyone gets stuck: that is how you learn this program.

Example screenshot: the campus map in Preview with the hidden thought showing.
An example of a good screenshot: your map, running, with the secret showing.

NEXT UP

Level up, or your own project. Pick one extra skill, or bring the tap rule into your own project.

LEVEL UP · PICK ONE WHEN YOUR MAP WORKS

Level up · optional · about 3 minNew: Toggle

Level up A: tap again to hide

SO FARYour map works.

NOWA secret you can close again feels more like a secret.

DO THIS

  1. Double-click Set visibility Visible in your row.
  2. Change Visibility to Toggle ① and choose Done ②.
  3. Preview. Tap once: it shows. Tap again: it hides.

YOU SHOULD SEE

The row now says Set visibility Toggle.

Set visible parameters with Toggle selected.
Event row now reading Set visibility Toggle.

NEXT UP

Another Level up. Or add Toggle to your own project.

Level up · optional · about 4 minNew: Two actions, one event

Level up B: mark the place as visited

SO FARYour map works.

NOWOne tap can do more than one thing. Make the place remember that someone was here.

DO THIS

  1. On the same row, click Add action again and choose Library.
  2. Type color in Search and choose Set font color.
  3. Write rgbEx(55, 10, 75) ① and choose Done ②. Each number goes from 0 to 100: red, green, blue.

YOU SHOULD SEE

Two actions under one condition. Both run on the same tap, from top to bottom.

Set font color parameter with rgbEx(55, 10, 75).
The event row now has two actions: Set visibility Toggle and Library Set font color.
Preview: after the tap the library text has turned purple and the thought shows.
In Preview: the place turns purple when tapped.

NEXT UP

Another Level up. Or let places in your own project remember a visit.

Level up · optional · about 6 minNew: Go to layout

Level up C: walk to another map

SO FARYour map works, and now it has a path.

NOWThe template is called Mapping as Nonlinear Networking. Let the visitor choose where to go next.

DO THIS

  1. Drag ExampleArrow from the Project Bar ① onto your map ②.
  2. In the event sheet, Add event: Touch › On tap object › ExampleArrow.
  3. On that new row, Add action › System › Next. Type layout in Search ① and choose Go to layout ② › Next.
  4. Choose Layout MapOption2 and Done. Preview and tap the arrow.

YOU SHOULD SEE

Event 2 reads On tap gesture on ExampleArrow › Go to Layout MapOption2. Your map now has a path.

ExampleArrow dragged from the Project Bar onto the map.
System actions filtered by layout, with Go to layout highlighted.
Two events: the tap on Library, and a tap on ExampleArrow that goes to Layout MapOption2.
Preview after tapping the arrow: the indoor floor plan of MapOption2.
One tap later: inside the building.

NEXT UP

Your own project. Use Go to layout to connect the scenes of your own story.

A workshop, not a speedrun. Continue your own project if you already have one. Choose a small reveal that fits it.

Ready for another experiment? NPC_Text

Open Get NPC_Text (2).c3p in MittUiB Files ↗Then follow the template walkthrough →. Tap the green MainCharacter square. In the Project Bar's Files folder, open NewArray.json and replace the word choices with your own. Preview and tap again: which sentences does your list make possible?

Continue: build a second response

Keep this Construct project. Add another tap target and message, then choose how the responses work together.

Continue the Construct workshop

Finished? Back to Lab 3: save your work and tick Obligatory Task 4 →