Skip to content

Instantly share code, notes, and snippets.

@videlais

videlais/main.js Secret

Created May 29, 2019
Embed
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() {
// Check if there is more content in the story
if(story.canContinue) {
// Get ink to generate the next paragraph
var paragraphText = story.Continue();
var speaker = story.currentTags;
// Create paragraph element
var paragraphElement = document.createElement('p');
// Check if speaker is an empty array
if(speaker.length > 0) {
// Add a CSS class matching the speaker
paragraphElement.classList.add(speaker[0]);
// Add a CSS class matching the emotion
paragraphElement.classList.add(speaker[1]);
}
// Add the text to the P-element
paragraphElement.innerHTML = paragraphText;
// Append the P-element to the storyContainer
storyContainer.appendChild(paragraphElement);
}
}
// Call continueStory() to start
continueStory();
// Listen for the "click" event and show text
window.addEventListener("click", continueStory);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.