10.10: The Giphy API and JavaScript - p5.js Tutorial

Channel:
United States The Coding Train
Subscribers:
1,740,000
Published on ● Video Link: https://www.youtube.com/watch?v=mj8_w11MvH8


Category:
Tutorial
Duration: 15:03
47,104 views
851

This video looks at how to to use the Giphy API with p5 createImg() function to display GIFs from giphy on a web page. Rainbows and Ryan Gosling are discussed.

https://github.com/CodingTrain/website/tree/master/Tutorials/P5JS/p5.js/10

Sign up for the API here:
https://api.giphy.com/

JavaScript basics:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

HTML/CSS basics:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bI1SlcCRfLH79HZrFAtBvX

Full Data playlist:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6a-SQiI4RtIwuOrLJGnel0r

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct



Other Videos By The Coding Train


2015-11-20Processing / p5.js Tutorial: What is lerp? (Linear Interpolation)
2015-11-1215.6: Tweeting images with Processing - Twitter Bot Tutorial
2015-11-1215.5: Scheduling Tweets Using setInterval() - Twitter Bot Tutorial
2015-11-1215.4: Twitter API Basics - Twitter Bot Tutorial
2015-11-1215.3: Setting up a Twitter app - Twitter Bot Tutorial
2015-11-1215.2: What is NPM? - Twitter Bot Tutorial
2015-11-1215.1: What is Node.js? - Twitter Bot Tutorial
2015-11-12Live Stream #14: Twitter Bots with Node and Processing
2015-11-0510.9: New York Times API and JavaScript - p5.js Tutorial
2015-11-0510.8: Wordnik API and JavaScript - p5.js Tutorial
2015-11-0510.10: The Giphy API and JavaScript - p5.js Tutorial
2015-11-05Live Stream #13: Wordnik and NYTimes API in JavaScript with p5.js
2015-11-0410.7: API Query with JavaScript setInterval() - p5.js Tutorial
2015-11-0410.6: API Query with User Input - p5.js Tutorial
2015-11-04Live Stream #12: Working with Data and APIs with p5.js - Part 2
2015-10-3010.5: Working with APIs in Javascript - p5.js Tutorial
2015-10-3010.4: Loading JSON data from a URL (Asynchronous Callbacks!) - p5.js Tutorial
2015-10-3010.3: What is JSON? Part II - p5.js Tutorial
2015-10-3010.2: What is JSON? Part I - p5.js Tutorial
2015-10-3010.1: Introduction to Data and APIs in JavaScript - p5.js Tutorial
2015-10-29Live Stream #11: Working with Data and APIs with p5.js


Tags:
giphy
giphy api
html5
HTML (Programming Language)
JavaScript (Programming Language)
createImg
Cascading Style Sheets (Programming Language)
html
p5.js
tutorial
Education (TV Genre)
rainbows
Ryan Gosling (Celebrity)