Philo van Kemenade
Creating tools, stories and things in between to amplify human connection with arts and culture.
Conversational Storytelling
Brainstorm
Authoring Bots
Philo van Kemenade
@phivk
phivk.github.io
Philo van Kemenade
@phivk
phivk.github.io
π Museums
π€ Send Me SFMOMA
π€ Anne Frank
π€ Object Phone
π€ Carbine Image Tagging
π Journalism
π€ BBC Crossing Divides
π€ FT The Uber Game
β Advocacy
π€ Get Bad News
Philo van Kemenade
@phivk
π₯ Documentary
π€ Bury me, my love
π€ A Temporary Contact
π¨ Art
π€ Shiv Integer
π€ Darius Kazemi
& more...
phivk.github.io
platform bots
Messenger
Telegram
Signal
Slack
Thingyverse
...
Philo van Kemenade
@phivk
phivk.github.io
app bots
iOS
Android
...
Philo van Kemenade
@phivk
phivk.github.io
π€ Web bots
accessibility
customisability
π€ App bots
π€ Platform bots
Philo van Kemenade
@phivk
phivk.github.io
Free
Graphical User Interface
Community
Philo van Kemenade
@phivk
phivk.github.io
π¬πΊ
Link
Philo van Kemenade
@phivk
phivk.github.io
Passage
Story
Philo van Kemenade
@phivk
phivk.github.io
Story Format
Static HTML
Export to file
Play in Browser
Story
Source Code Repository
Add Story Format to Twine via this URL
https://phivk.github.io/trialogue/dist/Twine2/Trialogue/format.js
Twine Editor
Philo van Kemenade
@phivk
phivk.github.io
1.
Open the online Twine editor.
2.
Choose Formats -> Add a New Format, paste the Story Format URL (https://phivk.github.io/trialogue/dist/Twine2/Trialogue/format.js) into the input field, click Add.
3.
Under Story Formats select Trialogue.
βοΈ Work with a writer
π€ What is the userβs role?
βοΈ Think atomic units
πΉπ»π Keep it consistent
π’ Story Arcs
Philo van Kemenade
@phivk
phivk.github.io
easily search and copy emojis at:
Philo van Kemenade
@phivk
phivk.github.io
Philo van Kemenade
@phivk
phivk.github.io
<img src="https://placekitten.com/408/287">
Trialogue accepts any valid HTML.
Add the following HTML code to add an image...
(replace the src URL for your own)
Philo van Kemenade
@phivk
phivk.github.io
:root {
--bg-color: #C7BDB5;
--user-color: #00A;
--speaker-color: #A00;
--sidebar-bg-color: #FFF;
--navbar-bg-color: #FFF;
--passage-bg-color: #FFF;
--passage-text-color: #000;
}
.chat-passage-wrapper[data-speaker='you']:after {
background-image: url('https://avatars3.githubusercontent.com/u/902958?s=460&v=4');
}
.chat-passage-wrapper[data-speaker='1']:before {
background-image: url('https://www.webumenia.sk/dielo/nahlad/SVK:SNG.K_9060/800');
}
add CSS code
Menu β‘ Edit Story Stylesheet
Philo van Kemenade
@phivk
phivk.github.io
By Philo van Kemenade
Workshop at Stirling University, August 2019
Creating tools, stories and things in between to amplify human connection with arts and culture.