1
00:00:04,360 --> 00:00:06,960
Hi, welcome to this new video.

2
00:00:06,960 --> 00:00:08,740
We're going to start learning

3
00:00:08,740 --> 00:00:11,360
how to install our
learning environment.

4
00:00:11,360 --> 00:00:13,320
We are going to be working on

5
00:00:13,320 --> 00:00:17,035
a learning environment
which is called processing.

6
00:00:17,035 --> 00:00:19,200
It's traditionally
been known to be

7
00:00:19,200 --> 00:00:22,140
a Java language application but

8
00:00:22,140 --> 00:00:24,020
it also has a Python mode

9
00:00:24,020 --> 00:00:25,780
that we're going to
be implementing.

10
00:00:25,780 --> 00:00:29,500
Actually it's a very good place

11
00:00:29,500 --> 00:00:30,930
for learning how to write code,

12
00:00:30,930 --> 00:00:33,800
because it has a very
interactive environment

13
00:00:33,800 --> 00:00:35,060
where you can just play and

14
00:00:35,060 --> 00:00:39,860
see graphically very quickly
what you're writing.

15
00:00:39,860 --> 00:00:43,360
At the same time, it has, as
we discussed for designers,

16
00:00:43,360 --> 00:00:45,060
a graphic output that

17
00:00:45,060 --> 00:00:48,040
makes it very palpable
what you're writing code,

18
00:00:48,040 --> 00:00:49,520
when you're thinking
of coordinates,

19
00:00:49,520 --> 00:00:51,555
when you think of
graphics and images.

20
00:00:51,555 --> 00:00:56,580
It has a great support
for all graphic content.

21
00:00:56,580 --> 00:00:58,875
It's both 2D and 3D.

22
00:00:58,875 --> 00:01:00,360
We're going to be
mostly focusing

23
00:01:00,360 --> 00:01:02,230
on 2D content in this course,

24
00:01:02,230 --> 00:01:06,325
but you can certainly expand
and work in 3D as well.

25
00:01:06,325 --> 00:01:08,755
This is how a Canvas looks.

26
00:01:08,755 --> 00:01:12,480
You're going to have
a window that has

27
00:01:12,480 --> 00:01:14,790
a Play button that
would allow us to

28
00:01:14,790 --> 00:01:19,215
execute any code
that we produce.

29
00:01:19,215 --> 00:01:22,555
As I mentioned,
processing works with

30
00:01:22,555 --> 00:01:25,790
JavaScript or Java as a
main programming language,

31
00:01:25,790 --> 00:01:26,990
but we're going to be using a

32
00:01:26,990 --> 00:01:28,350
Python mode that is going to

33
00:01:28,350 --> 00:01:30,915
allow us to write Python
within this environment.

34
00:01:30,915 --> 00:01:32,410
Let's see how to install it.

35
00:01:32,410 --> 00:01:34,090
Some of the caveats and things

36
00:01:34,090 --> 00:01:35,530
that we might want to consider,

37
00:01:35,530 --> 00:01:37,470
the different versions
that are available,

38
00:01:37,470 --> 00:01:39,210
and we'll take it from there.

39
00:01:39,210 --> 00:01:42,030
I invite you to navigate
to the processing website.

40
00:01:42,030 --> 00:01:44,655
That's processing.org.

41
00:01:44,655 --> 00:01:49,935
You can go here to the
Downloads tab here.

42
00:01:49,935 --> 00:01:53,550
Let's just go ahead and
download Version 4.3.

43
00:01:53,550 --> 00:01:55,710
I'm just going to install

44
00:01:55,710 --> 00:01:57,145
this and show you how it works,

45
00:01:57,145 --> 00:01:59,410
but I'm going to also give
you a recommendation of

46
00:01:59,410 --> 00:02:03,945
an alternative version which
might be also very useful.

47
00:02:03,945 --> 00:02:05,730
Let's go to the Download folder.

48
00:02:05,730 --> 00:02:08,490
We have Processing 4.3,

49
00:02:08,490 --> 00:02:10,780
we can double click here.

50
00:02:11,660 --> 00:02:15,620
We have basically
processing available to us.

51
00:02:15,620 --> 00:02:19,620
In Windows, the process
is very similar.

52
00:02:19,620 --> 00:02:21,480
You have to unpack a SIP file,

53
00:02:21,480 --> 00:02:22,460
you're going to get a folder,

54
00:02:22,460 --> 00:02:23,380
and within that folder,

55
00:02:23,380 --> 00:02:24,740
you're going to
have an executable,

56
00:02:24,740 --> 00:02:27,180
which is going to be
your processing file.

57
00:02:27,180 --> 00:02:32,160
Once we run processing by
double clicking on that,

58
00:02:34,130 --> 00:02:37,185
Processing is going to launch.

59
00:02:37,185 --> 00:02:39,690
This is our Welcome screen,

60
00:02:39,690 --> 00:02:43,670
and you're going to have this
programming environment.

61
00:02:43,670 --> 00:02:46,495
This is where we're
going to write code.

62
00:02:46,495 --> 00:02:52,130
We're going to be writing
all code in this area.

63
00:02:52,130 --> 00:02:53,820
The important thing
is that, you can

64
00:02:53,820 --> 00:02:55,680
see on the top right
here, is that,

65
00:02:55,680 --> 00:02:59,310
we are using Java as a language.

66
00:02:59,310 --> 00:03:02,990
If we click here, we can
select the language,

67
00:03:02,990 --> 00:03:04,490
but we only have Java available.

68
00:03:04,490 --> 00:03:07,195
We can actually go
to Manage modes.

69
00:03:07,195 --> 00:03:09,930
As you can see here,
we can actually

70
00:03:09,930 --> 00:03:12,970
select a few other modules.

71
00:03:12,970 --> 00:03:18,045
We're going to install Python
mode for Processing 4.0.

72
00:03:18,045 --> 00:03:24,075
Let's install that. You'll
see this is downloading.

73
00:03:24,075 --> 00:03:25,910
Once this is completed,

74
00:03:25,910 --> 00:03:28,950
we will be able to switch

75
00:03:28,950 --> 00:03:34,790
the programming language that
this software allows for,

76
00:03:34,790 --> 00:03:38,200
and we will be able
to write Python code.

77
00:03:38,200 --> 00:03:40,810
We wanted to make the

78
00:03:40,810 --> 00:03:42,870
installation process
as simple as possible.

79
00:03:42,870 --> 00:03:44,730
Python, sometimes
could be a little bit

80
00:03:44,730 --> 00:03:48,555
difficult to download
and start writing code.

81
00:03:48,555 --> 00:03:52,255
We wanted to bring that
barrier of entry down.

82
00:03:52,255 --> 00:03:55,950
By using one of the
simplest environments,

83
00:03:55,950 --> 00:03:57,260
it's a beautiful environment

84
00:03:57,260 --> 00:03:59,220
developed for
learning how to code,

85
00:03:59,220 --> 00:04:02,355
and doing really
beautiful graphic output.

86
00:04:02,355 --> 00:04:05,430
Now that we have Python mode

87
00:04:05,430 --> 00:04:07,580
for Processing 4.0 installed,

88
00:04:07,580 --> 00:04:11,300
we can go back here and
switch from Java to

89
00:04:11,300 --> 00:04:15,940
Python as our
programming environment.

90
00:04:16,160 --> 00:04:18,615
That should be it.

91
00:04:18,615 --> 00:04:25,300
We have right now our Python
environment ready to go.

92
00:04:25,300 --> 00:04:29,820
We can actually look
at the file examples,

93
00:04:29,820 --> 00:04:34,500
and we can see basic
examples such as color,

94
00:04:34,500 --> 00:04:37,320
you can see Hue,
for instance, here,

95
00:04:37,320 --> 00:04:38,940
and you can see
that these examples

96
00:04:38,940 --> 00:04:41,160
are written in Python.

97
00:04:43,930 --> 00:04:48,430
If we press "Play," you
can see already an example

98
00:04:48,430 --> 00:04:52,435
of an interactive Canvas

99
00:04:52,435 --> 00:04:58,530
that it's a beautiful
graphic output

100
00:04:58,530 --> 00:05:02,210
that's already been
demonstrated by these examples.

101
00:05:02,210 --> 00:05:03,310
There's a lot of great examples.

102
00:05:03,310 --> 00:05:04,470
There's a lot of great resources

103
00:05:04,470 --> 00:05:06,270
out there in the
processing community,

104
00:05:06,270 --> 00:05:08,290
and your work will be
able to contribute to

105
00:05:08,290 --> 00:05:10,170
that community as well.

106
00:05:10,170 --> 00:05:12,405
It's a really great
place to learn.

107
00:05:12,405 --> 00:05:15,845
Let's talk about a few
issues that you might face.

108
00:05:15,845 --> 00:05:19,340
There's some known burgs with

109
00:05:19,340 --> 00:05:24,180
Python mode within
Processing 4.3.

110
00:05:24,490 --> 00:05:27,575
Let's say, you might
have an error here.

111
00:05:27,575 --> 00:05:29,800
Let's say that you misspell

112
00:05:29,800 --> 00:05:32,880
something and you might
try to execute the code,

113
00:05:32,880 --> 00:05:35,280
and you'll see that

114
00:05:35,280 --> 00:05:37,900
the code didn't execute,
and there's no message.

115
00:05:37,900 --> 00:05:40,620
There's nothing
really very clear.

116
00:05:40,700 --> 00:05:43,520
That makes it a little
bit difficult to

117
00:05:43,520 --> 00:05:46,170
track where your
errors might be.

118
00:05:46,170 --> 00:05:49,670
We're going to give
you a recommendation.

119
00:05:49,670 --> 00:05:55,280
We will be using Processing
4.3 because the Canvas,

120
00:05:55,280 --> 00:05:56,620
we can actually
alter the colors,

121
00:05:56,620 --> 00:05:57,460
you're going to see us work

122
00:05:57,460 --> 00:05:58,820
with slightly different colors

123
00:05:58,820 --> 00:06:00,900
that have the biggest contrast

124
00:06:00,900 --> 00:06:03,140
possible so that you are able to

125
00:06:03,140 --> 00:06:05,820
read the code in
the simplest way.

126
00:06:05,820 --> 00:06:08,175
We're going to be using
4.3 for that reason,

127
00:06:08,175 --> 00:06:09,560
but we invite you to try

128
00:06:09,560 --> 00:06:12,705
a different version
of processing.

129
00:06:12,705 --> 00:06:17,410
If you go here to the
different version,

130
00:06:17,410 --> 00:06:20,775
let me just go back
a little bit here,

131
00:06:20,775 --> 00:06:23,535
you can see where the
Download button is.

132
00:06:23,535 --> 00:06:24,810
You can go down,

133
00:06:24,810 --> 00:06:26,300
and you'll find that there's

134
00:06:26,300 --> 00:06:28,040
older versions of processing.

135
00:06:28,040 --> 00:06:31,920
You can see a list
of stable releases.

136
00:06:31,920 --> 00:06:34,935
I'm going to invite
you to download,

137
00:06:34,935 --> 00:06:37,095
for any operating system,

138
00:06:37,095 --> 00:06:40,710
the Version 3.5.4. Why is that?

139
00:06:40,710 --> 00:06:42,790
Because this version,

140
00:06:42,790 --> 00:06:45,550
it's a little bit more
stable for Python.

141
00:06:45,550 --> 00:06:48,050
You're going to have a
lot more information

142
00:06:48,050 --> 00:06:51,190
on when you type and
have some errors.

143
00:06:51,190 --> 00:06:53,110
You might actually
have more feedback of

144
00:06:53,110 --> 00:06:55,330
which is the line
that has an error,

145
00:06:55,330 --> 00:06:58,350
which are the issues that
you might want to face.

146
00:06:58,350 --> 00:07:00,185
It's going to give
you more information.

147
00:07:00,185 --> 00:07:02,180
I invite you to
download this one.

148
00:07:02,180 --> 00:07:04,760
Once you download Version 3.5,

149
00:07:04,760 --> 00:07:08,415
which is installed the
same way that Version 4.3,

150
00:07:08,415 --> 00:07:11,340
once you go into
Tools and modes,

151
00:07:11,340 --> 00:07:14,645
you'll see that if

152
00:07:14,645 --> 00:07:18,265
you have an install Python
mode for Processing 4,

153
00:07:18,265 --> 00:07:20,590
do not install it
for Processing 4.

154
00:07:20,590 --> 00:07:23,430
Install the version that
it's for Processing 3.

155
00:07:23,430 --> 00:07:25,150
That's the only difference.

156
00:07:25,150 --> 00:07:26,930
There's two different
Python modes,

157
00:07:26,930 --> 00:07:31,030
one for Processing 3 and
one for Processing 4.

158
00:07:31,280 --> 00:07:34,395
If you first try Version 4,

159
00:07:34,395 --> 00:07:36,570
and maybe there's a bit of
frustration because you're

160
00:07:36,570 --> 00:07:39,590
not being shown where
the errors are,

161
00:07:39,590 --> 00:07:43,330
try to uninstall first
Processing 4 version,

162
00:07:43,330 --> 00:07:45,390
download Version 3.5,

163
00:07:45,390 --> 00:07:48,235
and then install Python
mode for Processing 3,

164
00:07:48,235 --> 00:07:51,100
and you should have an
environment that's giving you

165
00:07:51,100 --> 00:07:55,180
a lot more feedback on where
you might have errors.

166
00:07:55,180 --> 00:07:56,980
But with that in
mind, I think that

167
00:07:56,980 --> 00:07:58,820
we're ready to
start writing code,

168
00:07:58,820 --> 00:08:00,640
to start working within
this environment

169
00:08:00,640 --> 00:08:02,560
, and get started.

170
00:08:02,560 --> 00:08:05,030
I'll see you in the
next few videos.