Skip to ContentMini Arrow Down Icon
  • Codecademy Logo
  • Codecademy Logo
All Livestreams
Augmented Reality
Building a Web Dev Portfolio
CS101
Community: Chapter Leader Quick Tips
Community: Chapters
Community: Events
Community: Hackathon
Creative Coding with p5.js
Definitions
HTML & CSS
Interview Prep
Intro to Emojicode
Intro to TypeScript
JavaScript
Jobs in Coding
Learn From Home Day
Learner Stories
Linear Regression with Python
Master Stats with Python
Python
R
Recruiter Advice
Setting Up
Tips
Visualize Data with Python
Welcome to Codecademy
iOS Development
Videos Home
  1. Videos/
  2. HTML & CSS/
  3. Create an interactive story using HTML and Twine

Create an interactive story using HTML and Twine

8,733 Views
Feb 14, 2019

Happy Valentine's Day! Join Codecademy Curriculum Developer Sam as we create an interactive story with HTML and Twine. Code along with us here: https://j.mp/3b2s0hG

Learn Web Development with Codecademy: https://j.mp/3h5veoK

More details:

  • Download Twine, the interactive storytelling software here: http://twinery.org/
  • Please fill out our feedback form: https://goo.gl/forms/iDNFnXrN4c0YdM762

More videos

  • 13:27
    How to clone a website530,265 views
    4 years ago
  • 19:16
    Create your first HTML/CSS project195,027 views
    4 years ago
  • 14:04
    How to create a website182,252 views
    4 years ago

Learn More on Codecademy

Career path

Front-End Engineer

Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
Checker Dense
Includes 34 Courses
Checker Dense
Certificate Icon
With Professional Certification
Checker Dense
Level Icon
Beginner Friendly
131 Lessons
Free course

Learn CSS

In this CSS tutorial, you’ll learn how to add CSS to visually transform HTML into eye-catching sites.
Checker Dense
Level Icon
Beginner Friendly
8 Lessons
Free course

Learn HTML

Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.
Checker Dense
Level Icon
Beginner Friendly
6 Lessons

Company

  • About
  • Careers
  • Affiliates
    • Twitter Icon
    • Facebook Icon
    • Instagram Icon
    • Youtube Icon

Resources

  • Articles
  • Blog
  • Cheatsheets
  • Code challenges
  • Docs
  • Projects
  • Videos
  • Workspaces

Support

  • Help Center

Resources

  • Articles
  • Blog
  • Cheatsheets
  • Code challenges
  • Docs
  • Projects
  • Videos
  • Workspaces

Support

  • Help Center

Plans

  • Paid memberships
  • For students
  • Business solutions

Community

  • Forums
  • Chapters
  • Events
  • Discord

Codecademy from Skillsoft

Codecademy from Skillsoft

Subjects

  • AI
  • Cloud Computing
  • Code Foundations
  • Computer Science
  • Cybersecurity
  • Data Analytics
  • Data Science
  • Data Visualization
  • Developer Tools
  • DevOps
  • Game Development
  • IT
  • Machine Learning
  • Math
  • Mobile Development
  • Web Design
  • Web Development

Languages

  • Bash
  • C
  • C++
  • C#
  • Go
  • HTML & CSS
  • Java
  • JavaScript
  • Kotlin
  • PHP
  • Python
  • R
  • Ruby
  • SQL
  • Swift

Career building

  • Career paths
  • Career services
  • Interview prep
  • Professional certification
  • —
  • Full Catalog
  • Beta Content
  • Roadmap

Mobile

  • Download on the App Store
  • Get it on Google Play

Mobile

  • Download on the App Store
  • Get it on Google Play
  • Privacy Policy
  • Cookie Policy
  • Do Not Sell My Personal Information
  • Terms
Made with ❤️in NYC © 2023 Codecademy