STRUCTURE
START
Arrival
MIDDLE
A problem
CHOICES
Different paths
END
Your ending
10–12 passages
The paths can be different, the ending is the one you chose
DAY 2
Creative Media 2026, IM A&IC, Panthéon-Sorbonne
Enrique García-Alcalá
01
Brief, concepts, what we expect
02
CSS, images, video
14:00
Optional, come with questions
16:00
In the room and online
01
Montfort, Estridentismo, Felguérez, Nortec
02
Bifo, Fisher, slow cancellation
03
Probable, plausible, possible, preferable
A cultural event in 2050. You invent it
A story happens inside it, from one perspective
Teams of 3–4, one Twine per team
Festival
Party
Concert
Museum
Exhibition
Theatre
Library
Opening night
Fair
Heritage site
Ritual
Working from a distance
01
Remote students team up only with remote students
02
No hybrid teams
03
Follow these slides, same canvas, same Twine
04
Present online at 16:00
05
Send your .html file and your canvas to egarciaa@tec.mx
Things you can already see today
Summers too hot for open air
Ticket prices going up
AI in music, images, curation
Too many tourists in some cities
Less public money for culture
Noise rules, fewer clubs
Everything filmed and streamed
Energy is more expensive
Only examples. Bring the signals you see in your own work
Imagine three, choose one
Probable
trends continue
Plausible
one more change
Preferable
what you would fight for
Possible
out of the brief
One person tells the story
Someone who attends
The producer, on the night
An artist on stage
Security or cleaning
A neighbor
The sponsor
The system that runs it
Someone who could not get in
START
MIDDLE
CHOICES
END
10–12 passages
The paths can be different, the ending is the one you chose
ONE SENTENCE PER BOX
01 THE EVENT
Name, what it is, where
02 SIGNALS
What we already see today that leads there
03 WHAT CHANGED
The world of the event in 2050
04 WHO RUNS IT
Who organizes, who pays
05 WHO IS IN
Who comes, who stays out
06 WHAT SURVIVES
One thing from today that is still there
07 WHOSE EYES
The person who tells the story
08 THE LOOK
Colors, typefaces, images
09 ENDINGS
Write the three, choose one for your Twine
PROBABLE
If today’s trends continue
PLAUSIBLE
If one more thing changes
PREFERABLE
The one you would fight for
EXAMPLE
THE EVENT
A music festival that only happens on winter nights
SIGNALS
Heat waves, summer festivals cancelled
WHAT CHANGED
Summer is for staying inside, winter is for going out
WHO RUNS IT
A cooperative of small venues, with city money
WHO IS IN
Residents with a culture pass. Tourists pay double
WHAT SURVIVES
Dancing in the street, together
WHOSE EYES
The sound technician of the main stage
THE LOOK
Cold blue, breath in the air, flashlights
PROBABLE
An energy company buys the festival. Shorter, more expensive
PLAUSIBLE
A blackout. The festival moves into the metro stations
PREFERABLE · CHOSEN
Free stages in every neighborhood, run by local associations
What we will look at
01
Every link leads somewhere
06
The reader understands what changed since today
02
The story happens inside your event
07
The canvas and the Twine tell the same story
03
The ending sits in the probable, plausible or preferable
08
“Created by” and every name, inside the Twine
04
One clear perspective
09
Presented at 16:00, in the room or online
05
A style of its own
In the first passage of your Twine
Created by
Name Surname, Name Surname, Name Surname
No names, no grade
Same passage, two worlds
CYBERPUNK, 1980s · OFTEN PROBABLE
In 2050 the festival starts at sunset. The stage is a parking lot.
Follow the music
Go home
SOLARPUNK, 2010s · OFTEN PREFERABLE
In 2050 the festival starts at sunset. The stage is a parking lot.
Follow the music
Go home
The look is part of the world
Story › Stylesheet
One CSS file for the whole story
tw-story
the whole page
tw-passage
the text box
tw-link
every link
tw-sidebar
the undo and redo arrows
Colors and links
tw-story {
background: #0e0d14;
color: #e6e6ff;
}
tw-link { color: #ff2bd6; }
An image behind everything
tw-story {
background: url("URL") center / cover;
}
A Google font, first line of the stylesheet
@import url("https://fonts.googleapis.com/
css2?family=Space+Mono");
tw-story { font-family: "Space Mono"; }
A box to read on
tw-passage {
background: rgba(0,0,0,0.6);
padding: 2em;
}
Inside any passage, if you want
Image
<img src="URL" width="100%">
Video
<video src="URL.mp4" autoplay loop muted width="100%"></video>
YouTube
<iframe width="100%" height="400" src="https://www.youtube.com/embed/ID"></iframe>
Right click on an image, copy image address. The YouTube ID is the part after watch?v=
20 MIN
Canvas first, Twine after
One sentence per box
Start with signals, finish with the endings
Choose your ending, then open Twine
PRODUCER
WRITER
DESIGNER
First goal: you can play from arrival to your ending
14:00 · OPTIONAL
Come with questions
Bring your canvas and your Twine
01
“Created by” and all your names in the first passage
02
Play it from the start, every path
03
Build › Publish to File
04
Send the .html and the canvas to egarciaa@tec.mx
team-names_event.html
16:00 · IN THE ROOM AND ONLINE · 5 MIN PER TEAM
01
02
03
One word each
Enrique García-Alcalá
egarciaa@tec.mx