Coding Challenge #39: Mad Libs Generator

From the creator

In this coding challenge, I make a Mad Libs web application using p5.js and tabletop.js (a JavaScript library for connecting to google sheet data.) Code: https://thecodingtrain.com/challenges/39-madlibs-generator 🕹️ p5.js Web Editor Sketch: https://editor.p5js.org/codingtrain/sketches/8gVGg0VR3 🎥 All videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH References: 📃 Tabletop.js: https://github.com/jsoma/tabletop 🗒️ Papa Parse: https://www.papaparse.com/ 💻 Programming from A to Z Github: https://github.com/shiffman/A2Z-F16 Live Stream Archive: 🔴 Coding Train Live 61: https://youtu.be/Fe1sy9fkTKQ?t=6952s Related Coding Challenges: 🚂 #37 Diastic Machine: https://youtu.be/u-HUtrpyi1c 🚂 #39 Mad Libs Generator: https://youtu.be/ziBO-U2_t3k 🚂 #42 Markov Chain Name Generator: https://youtu.be/eGFJ8vugIWA Timestamps: 0:00 Introduction and what Mad Libs is 2:15 Making the Google Form 4:59 About getting the data into the program 6:25 Using tabletop.js 7:23 Getting the data from our spreadsheet 10:43 Creating a button 12:04 Using regular expressions to replace the blanks 14:46 Making the callback function to replace the words 16:50 Picking random words from the entries 18:47 The end result 19:15 So many possibilities to try! 20:11 Goodbye! Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: http://thecodingtrain.com/ 👾 Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide 🚩 Suggest To

Published 2016-09-26 · Watch on YouTube ↗
Availability and playback restrictions are controlled by the original channel.