Skip to content

Instantly share code, notes, and snippets.


videlais/main.js Secret

Last active May 29, 2019 15:33
What would you like to do?
// Use the storyContent to create an Ink story
var story = new inkjs.Story(storyContent);
// Save a reference to the storyContainer where text will be added
var storyContainer = document.getElementById("story");
function continueStory() {
// Get ink to generate the next paragraph
var paragraphText = story.Continue();
// Find the position where the colon start
var dialogueTag = paragraphText.indexOf(':');
// Get the string from the beginning to the position of colon
var speaker = paragraphText.substring(0, dialogueTag);
// Create paragraph element
var paragraphElement = document.createElement('p');
// Add a CSS class matching the speaker
// Add the text to the P-element
paragraphElement.innerHTML = paragraphText;
// Append the P-element to the storyContainer
// Call continueStory() to start
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment