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




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.

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

All examples: https://github.com/shiffman/Video-Lesson-Materials

Contact: https://twitter.com/shiffman

JavaScript basics:

HTML/CSS basics:

Full Data playlist:

Help us caption & translate this video!

http://amara.org/v/Qbtu/

Original source


31 responses to “10.10: The Giphy API and JavaScript – p5.js Tutorial”

  1. Daniel, you're already getting many nice comments, but here is another one! Your videos are amazing – I watched your full playlist on API's and learned a lot! Thank you very much for making these tutorials in such an engaging way!

  2. whoa, this is my first time watching one of your videos

    I've been too intimidated by the jargon to even try Javascript, although the things you can do with it seem so cool. I'm excited to start learning with you 8) I love the video format and your presentation style.

  3. If we create an input box and the user types something with spaces in between the words, do we need to make that space turn to an plus sign to query to the API? Ex: The user type "Double Rainbow" so in this case do we need to get the value and split the words to join with an + in between the words "Double+Rainbon" or the api understand the space?

  4. Hi Daniel! your videos are awesome! I had a bad time with the wikipedia API because i didn't know how to implement json-p, do you think you can make a video explaining it? It would be great! Thank you so much!

  5. Mr. I usually don't subscribe to anything cuz youtube knows what's best for me anyway 😛 (except for those japanse porn like games) but I will subscribe 😀 I just like the energy you give and that you are quite weird.. yes weird but still good 🙂

Leave a Reply