Name: Coding Challenge #122.2: Quick, Draw! Continued
Uploaded: 2020-03-27T19:53:57.000Z
Duration: 15 min 14 s
Description: Thousands of YouTube videos with English-Chinese subtitles! Now you can learn to understand native speakers, expand your vocabulary, and improve your pronunciation...

So, previously in a Coding Challenge, I downloaded

a large data file from the Google Quick Draw data set.

I talked about what the Google Quick Draw data set is.

It's just a collection of millions and millions

of these doodles that people made playing

the Google Quick Draw game, and I created a node server

locally on my computer to open that very large data file,

to a JavaScript program that would read that information

and then replay the drawings in a canvas.

Basically, almost to the day that I released

that Coding Challenge, Google came out with something new

and what the Quick Draw web component is,

just actually embed Quick Draw doodles in a web page.

What I'm going to do is actually show you

how to use the API directly to pull the data

from the drawing yourself so that you can draw it

So what I'm going to do, just to be clear,

but instead of downloading a very large data file

I'm just going to ask the Google API itself for a drawing.

and just to be sure that it's actually working

in the p5 web editor so that I can be sure

that you can be sure that I'm not secretly downloading

a big file, running a node server somewhere.

Okay, so here's the thing, it's a bit confusing.

Because this is so new, this API is available,

it's out there, but it's a bit confusing to use it,

so the first thing you're going to want to do is go to

this GitHub repository quickdraw-component,

Now by the time you're watching this, this may have changed,

but I will hopefully keep the code up to date,

but maybe this sign up process will have changed.

to the Google Quick Draw API Google group, I joined,

Then you're going to want to go to your Google API dashboard.

I'm at console.developers.google.com/apis/dashboard,

there are a lot of APIs there that you could look at,

and what I'm going to do is now search for Quick Draw.

I made a project by accident, which I didn't mean to,

Now, this will not appear to you unless you join

so that's a little bit of the confusing thing,

at least at the time that I'm doing this today,

It's the 25th, 26th, something like that, all right.

So I want to first create a project, try to click enable,

I'm going to call this Coding Train Test, I'm going to hit create,

and then I'm going to go back and search again for Quick, Draw,

Somehow I made it to the Coding Train Test project.

You want to create a project and get to your Coding Train,

well you're not going to call it Coding Train,

It takes a minute for the project to actually be created.

I'm going to go to Quick Draw data API, ah ha, there we go.

The next thing that I want to do is go here under credentials

so I'm going to go here under credentials.

So here's the thing, I am going to regenerate this API key

Subtitles ListPlay Video

Coding Challenge #122.2: Quick, Draw! Continued

entire

grab

imitate

dread