• Sunday , 19 November 2017

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

Code Canyon



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

3d Ocean

Related Posts

31 Comments

  1. Waleed Younis SE
    November 11, 2017 at 12:10

    please any tutorial for conect giphy with chatfuel by random way in search ?

  2. Thomas Brushel
    November 11, 2017 at 12:10

    You should make a video that uses the Unsplash API

  3. Ikpoppy
    November 11, 2017 at 12:10

    #ÿ{]

  4. Luiz Araujo
    November 11, 2017 at 12:10

    limit = sky
    LOL

  5. Learn To Code
    November 11, 2017 at 12:10

    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!

  6. Dave Briccetti
    November 11, 2017 at 12:10

    I'm a little older than you, so I remember when CompuServe introduced the GIF format, along with a document that prescribed that it be pronounced as if it were spelled j i f f.

  7. Nima Onta
    November 11, 2017 at 12:10

    ohh man love the old edits where you didnt cut everything out

  8. Jushaa
    November 11, 2017 at 12:10

    best way to learn coding !! thanks man you are helping my on my summerjob!

  9. iErcan
    November 11, 2017 at 12:10

    im learning english and programming at the same time, its perfect, thank you from france !

  10. Alvin and The Band
    November 11, 2017 at 12:10

    It helped a lot. I am working on python but got lot of references about APIs.

  11. Engineer Passion
    November 11, 2017 at 12:10

    very very very very coool thank you dude

  12. _Mohamed WS_
    November 11, 2017 at 12:10

    I swear yesterday I didn't know a thing about this I was a complete noob, now this is starting to make sense ❤

  13. Devender Bhatt
    November 11, 2017 at 12:10

    hello sir,can you make a video on creating email server in p5

  14. AdityaFingerstyle
    November 11, 2017 at 12:10

    Great tutorial Dan !

    btw it's pronounced as "jeef".

  15. Anvesh2013
    November 11, 2017 at 12:10

    loadJSON not defined error. what to do?

  16. Hazem Sughayar
    November 11, 2017 at 12:10

    Love Love Love Love Maaaaan you are so freaking awesome!!!!!

  17. rihdura
    November 11, 2017 at 12:10

    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.

  18. Jimmy Carvalho
    November 11, 2017 at 12:10

    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?

  19. Lukas Geheim
    November 11, 2017 at 12:10

    This video is not in the playlist

  20. SogMosee
    November 11, 2017 at 12:10

    Dude you are the bomb . COM

  21. Marloes K
    November 11, 2017 at 12:10

    I love your tutorials! Thanks a lot for doing this!! 😀

  22. jocelot
    November 11, 2017 at 12:10

    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!

  23. Chetan Vishwakarma
    November 11, 2017 at 12:10

    where will i write this code ……please tell me the location

  24. María Carolina Botero Certain
    November 11, 2017 at 12:10

    Im in love with your tutorials!! thank you so much for sharing your knowledge the coolest way possible!!! 🙂

  25. code Bramha
    November 11, 2017 at 12:10

    Daniel thats an awesome presentation bud. Thanks for the vid.

  26. Tiff L
    November 11, 2017 at 12:10

    this vid, limit = sky

  27. Qasim Ali
    November 11, 2017 at 12:10

    I love you Brother……Please upload more videos to understand Web API

  28. Health Arm
    November 11, 2017 at 12:10

    thanks for making this, i was SO STUCK just looking at giphy-api node package

  29. trip1666
    November 11, 2017 at 12:10

    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 Comment

You must be logged in to post a comment.