1
00:00:02,468 --> 00:00:05,438
Okay I'd like to do a little dance at the beginning of this video.

2
00:00:05,438 --> 00:00:09,685
um in this video, I am planning to talk about JSON exclusively.

3
00:00:09,781 --> 00:00:11,834
What is this data format JSON?

4
00:00:11,854 --> 00:00:14,175
How is it- What does it look like? What does it mean?

5
00:00:14,175 --> 00:00:17,177
And if you happen to have data in a JSON format

6
00:00:17,177 --> 00:00:19,836
How do you use that data in a program that you're writing?

7
00:00:19,836 --> 00:00:23,441
something that runs in a web browser and javascript using p5.js library.

8
00:00:23,441 --> 00:00:27,126
Okay- so I have some information that I talked about in the previous video.

9
00:00:27,126 --> 00:00:29,446
If you watched that previous video by the way, thank you.

10
00:00:29,446 --> 00:00:31,200
That was kind of you.

11
00:00:31,305 --> 00:00:34,715
Um so let's say, the scenario that I'm posing here,

12
00:00:35,016 --> 00:00:37,074
You're interested in flowers.

13
00:00:37,263 --> 00:00:41,528
And you looked all over the internet, you couldn't find any information about flowers.

14
00:00:41,714 --> 00:00:44,176
But you have this book all about flowers!

15
00:00:44,466 --> 00:00:47,377
Here's something you could actually do- novel concept

16
00:00:47,444 --> 00:00:51,857
You could just type the data yourself into a file to use in your program.

17
00:00:51,954 --> 00:00:54,244
So let's first think about how that might work.

18
00:00:54,345 --> 00:00:57,065
So actually even before I start doing anything over here

19
00:00:57,224 --> 00:00:59,238
let's do that just even in our code.

20
00:00:59,465 --> 00:01:03,955
Right so you know- you - you know how to program, or at least I do

21
00:01:04,046 --> 00:01:06,504
I think you do if you were watching the videos hopefully.

22
00:01:06,633 --> 00:01:08,483
Because I don't know if I was doing a good job or not.

23
00:01:08,652 --> 00:01:15,865
But you might say to yourself like "ah I am going to make this object called flowers"

24
00:01:15,993 --> 00:01:23,176
And it's going to have a name. 
I'm just going to say it's a flower.

25
00:01:23,276 --> 00:01:25,995
It's going to have a name, like sunflower.

26
00:01:26,154 --> 00:01:29,776
And it's going to have color, which is

27
00:01:29,995 --> 00:01:34,265
I was going to do color but then I realised there's a problem.

28
00:01:34,405 --> 00:01:36,865
I should just admit that there's a problem here, so what I started doing by the way

29
00:01:36,865 --> 00:01:40,085
was that I want to use the p5.js color function which is so nice

30
00:01:40,184 --> 00:01:43,436
that I can make a nice yellow color- which yellow is red and green I think.

31
00:01:43,530 --> 00:01:45,656
But that's not going to work up here.

32
00:01:45,715 --> 00:01:50,645
The color function is only available once I'm actually in setup, once the page has loaded.

33
00:01:50,745 --> 00:01:53,505
So I'm going to make that global variable,

34
00:01:53,634 --> 00:01:55,814
and I'm going to make my object here, sorry.

35
00:01:55,884 --> 00:02:02,064
So name- sunflower, color is- uh let's not name it color because that's a keyword.

36
00:02:02,134 --> 00:02:05,325
Let's name it C-O-L is color.

37
00:02:05,362 --> 00:02:07,235
How do you make yellow?