1
00:00:05,280 --> 00:00:06,830
>> Hi, welcome to this new video.

2
00:00:06,830 --> 00:00:11,166
We're going to start learning how to
install our learning environment.

3
00:00:11,166 --> 00:00:15,646
We are going to be working on a learning
environment which is called processing.

4
00:00:15,646 --> 00:00:17,014
Processing.

5
00:00:17,014 --> 00:00:21,260
It's traditionally been known to
be a Java language application,

6
00:00:21,260 --> 00:00:25,462
but it also has a Python mode that
we're going to be implementing.

7
00:00:25,462 --> 00:00:29,406
And it's a place where, actually,
it's a very good place for

8
00:00:29,406 --> 00:00:34,545
learning how to write code because it has
a very interactive environment where you

9
00:00:34,545 --> 00:00:39,954
can just press play and see graphically
very quickly what you're writing.

10
00:00:39,954 --> 00:00:44,335
At the same time, it has, as we discussed
for designers, a graphic output that it

11
00:00:44,335 --> 00:00:49,099
makes it very palpable what you're writing
code when you're thinking of coordinates,

12
00:00:49,099 --> 00:00:51,362
when you think of graphics and images.

13
00:00:51,362 --> 00:00:55,754
It has great support for
all sorts of graphic content.

14
00:00:56,774 --> 00:00:58,614
It's both two D and three D.

15
00:00:58,614 --> 00:01:02,964
We're going to be mostly focusing
on 2d content in this course, but

16
00:01:02,964 --> 00:01:06,190
you can certainly expand and
work in 3d as well.

17
00:01:06,190 --> 00:01:08,510
This is how a canvas looks.

18
00:01:08,510 --> 00:01:13,621
You're going to have a window
that has a play button that

19
00:01:13,621 --> 00:01:18,314
would allow us to execute
any code that we produce.

20
00:01:19,704 --> 00:01:22,595
As I mentioned,
processing works with JavaScript or

21
00:01:22,595 --> 00:01:27,091
Java as a main programming language, but
we're going to be using a Python mode that

22
00:01:27,091 --> 00:01:30,536
is going to allow us to write
Python within this environment.

23
00:01:30,536 --> 00:01:32,296
So let's see how to install it.

24
00:01:32,296 --> 00:01:35,912
Some of the caveats and things that we
might want to consider the different

25
00:01:35,912 --> 00:01:39,304
versions that are available,
and we'll take it from there.

26
00:01:39,304 --> 00:01:41,672
I invite you to navigate
to the processing website.

27
00:01:41,672 --> 00:01:43,764
So that's processing.org.

28
00:01:45,314 --> 00:01:48,918
You can go here to
the Downloads tab here and

29
00:01:48,918 --> 00:01:53,314
let's just go ahead and
download version 4.3.

30
00:01:53,314 --> 00:01:55,373
I'm just going to install this and

31
00:01:55,373 --> 00:01:58,575
show you how it works, but
I'm going to also give you

32
00:01:58,575 --> 00:02:03,730
a recommendation of an alternative
version which might be also very useful.

33
00:02:03,730 --> 00:02:05,474
So let's go to the download folder.

34
00:02:05,474 --> 00:02:08,202
We have processing 4.3.

35
00:02:08,202 --> 00:02:15,478
We can double click here and we have
basically processing available to us.

36
00:02:15,478 --> 00:02:19,270
In Windows the process is very similar.

37
00:02:19,270 --> 00:02:22,918
You have to unpack a zip file, you're
going to get a folder, and within that

38
00:02:22,918 --> 00:02:27,222
folder you're going to have an executable
which is going to be your processing file.

39
00:02:27,222 --> 00:02:32,705
Once we run processing by
double clicking on that,

40
00:02:32,705 --> 00:02:36,154
processing is going to launch.

41
00:02:37,634 --> 00:02:39,613
This is our welcome screen, and

42
00:02:39,613 --> 00:02:43,402
you're going to have this kind
of programming environment.

43
00:02:43,402 --> 00:02:47,112
This is where we're going to write code,
right,

44
00:02:47,112 --> 00:02:52,194
so we're going to be writing
all sorts of code in this area.

45
00:02:52,194 --> 00:02:56,869
The important thing is that you can
see on the top right here is that we

46
00:02:56,869 --> 00:02:59,274
are using Java as a language.

47
00:02:59,274 --> 00:03:04,070
If we click here, we can select the
language, but we only have Java available,

48
00:03:04,070 --> 00:03:06,374
so we can actually go to manage modes.

49
00:03:07,394 --> 00:03:12,898
And as you can see here, we can
actually select a few other modules.

50
00:03:12,898 --> 00:03:19,934
We're going to install Python mode for
processing 4.0, right, let's install that.

51
00:03:21,434 --> 00:03:26,789
You'll see this is downloading and
once this is completed,

52
00:03:26,789 --> 00:03:32,039
we will be able to switch
the programming language that this

53
00:03:32,039 --> 00:03:37,394
software allows for and
we will be able to write Python code.

54
00:03:38,814 --> 00:03:42,582
We wanted to make the installation
process as simple as possible.

55
00:03:42,582 --> 00:03:46,796
Python sometimes could be a little
bit difficult to download and

56
00:03:46,796 --> 00:03:48,230
start writing code.

57
00:03:48,230 --> 00:03:52,532
So we wanted to kind of bring
that barrier of entry down by

58
00:03:52,532 --> 00:03:55,838
using one of the simplest environments.

59
00:03:55,838 --> 00:03:59,654
It's a beautiful environment developed for
learning how to code and

60
00:03:59,654 --> 00:04:02,070
doing really beautiful graphic output.

61
00:04:02,070 --> 00:04:04,939
So now that we have Python Mode for

62
00:04:04,939 --> 00:04:09,551
Processing 4.0 installed,
we can go back here and

63
00:04:09,551 --> 00:04:15,690
switch from Java to Python as our
programming environment, right.

64
00:04:15,690 --> 00:04:18,386
So that should be it.

65
00:04:18,386 --> 00:04:25,474
We have right now our Python
environment ready to go.

66
00:04:25,474 --> 00:04:30,730
We can actually look at
the file examples and

67
00:04:30,730 --> 00:04:35,559
we can see basic examples such as color,

68
00:04:35,559 --> 00:04:40,094
let's see, hue for instance here.

69
00:04:40,094 --> 00:04:40,754
And you can see that these examples
are written in Python, right.

70
00:04:44,494 --> 00:04:49,754
If we press play, right, you can see

71
00:04:49,754 --> 00:04:56,380
already an example of
an interactive canvas.

72
00:04:56,380 --> 00:05:01,942
It's a beautiful graphic output that it's
already been demonstrated by this example.

73
00:05:01,942 --> 00:05:03,500
So there's a lot of great examples,

74
00:05:03,500 --> 00:05:06,668
there's a lot of great resources out
there in the processing community and

75
00:05:06,668 --> 00:05:09,542
your work will be able to contribute
to that community as well.

76
00:05:09,542 --> 00:05:12,414
So it's a really great place to learn.

77
00:05:12,414 --> 00:05:15,494
So let's talk about a few
issues that you might face.

78
00:05:15,494 --> 00:05:23,580
So there's some known bugs with Python
mode within processing 4.3, right?

79
00:05:23,580 --> 00:05:27,564
So let's say you might have an error here,
right?

80
00:05:27,564 --> 00:05:32,842
Let's say that you misspelled something
and you might try to execute the code,

81
00:05:32,842 --> 00:05:37,636
and you'll see that the code didn't
execute and there's no message.

82
00:05:37,636 --> 00:05:39,544
There's nothing really very clear.

83
00:05:41,204 --> 00:05:46,083
And that makes it a little bit difficult
to track where your errors might be,

84
00:05:46,083 --> 00:05:47,464
right.

85
00:05:47,464 --> 00:05:50,064
We're going to give you a recommendation.

86
00:05:50,064 --> 00:05:53,805
We will be using processing
4.3 because the canvas,

87
00:05:53,805 --> 00:05:56,312
we can actually alter these colors.

88
00:05:56,312 --> 00:06:00,948
You're going to see us work with slightly
different colors that have the biggest

89
00:06:00,948 --> 00:06:05,360
contrast possible so that you are able
to read the code in the simplest way.

90
00:06:05,360 --> 00:06:08,032
So we're going to be using 4.3 for
that reason.

91
00:06:08,032 --> 00:06:12,440
But we invite you to try
a different version of processing.

92
00:06:12,440 --> 00:06:16,955
So if you go to the website,
if you go here to the different version,

93
00:06:16,955 --> 00:06:19,984
sorry, let me just go
back a little bit here.

94
00:06:21,124 --> 00:06:23,284
You can see where the download button is.

95
00:06:23,284 --> 00:06:27,780
You can go down, down, and you'll find
that there's older versions of processing.

96
00:06:27,780 --> 00:06:31,104
You can see a list of stable releases.

97
00:06:32,284 --> 00:06:39,664
I'm going to invite you to download for
any operating system the version 3.5.4.

98
00:06:39,664 --> 00:06:40,568
Why is that?

99
00:06:40,568 --> 00:06:45,704
Because this version,
it's a little bit more stable for Python.

100
00:06:45,704 --> 00:06:49,257
You're going to have a lot more
information on when you type and

101
00:06:49,257 --> 00:06:53,681
have some errors, you might actually
have more feedback of, which is the line

102
00:06:53,681 --> 00:06:58,384
that has an error, which are the kind
of issues that you might want to face.

103
00:06:58,384 --> 00:06:59,832
It's going to give you more information.

104
00:06:59,832 --> 00:07:02,344
So I invite you to download this one.

105
00:07:02,344 --> 00:07:08,444
Once you download version 3.5, which is
installed the same way that version 4.3.

106
00:07:08,444 --> 00:07:14,084
Once you go into tools and modes,
you'll see that you have to remove.

107
00:07:14,084 --> 00:07:17,906
If you haven't installed Python Mode for
Processing 4,

108
00:07:17,906 --> 00:07:20,364
do not install it for processing 4.

109
00:07:20,364 --> 00:07:23,404
Install the version that it's for
processing 3.

110
00:07:23,404 --> 00:07:25,060
That's the only difference.

111
00:07:25,060 --> 00:07:29,047
There's two different Python modes,
one for processing three and one for

112
00:07:29,047 --> 00:07:30,364
processing four.

113
00:07:30,364 --> 00:07:35,276
So you can actually, if you first try
version 4 and maybe there's a bit of

114
00:07:35,276 --> 00:07:39,794
frustration because you're not
being shown where the errors are,

115
00:07:39,794 --> 00:07:42,964
try to uninstall first
processing 4 version,

116
00:07:42,964 --> 00:07:47,986
download version 3.5 and
then install Python Mode for Processing 3.

117
00:07:47,986 --> 00:07:52,909
And you should have an environment that
it's giving you a lot more feedback on

118
00:07:52,909 --> 00:07:55,274
where you might have errors.

119
00:07:55,274 --> 00:07:58,965
But with that in mind, I think that
we're ready to start writing code,

120
00:07:58,965 --> 00:08:02,122
to start working within this
environment and get started.

121
00:08:02,122 --> 00:08:03,594
So I'll see you in the next few videos.