Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,256 --> 00:00:03,584
In this lesson we are going to talk about fullscreen and resizing
2
00:00:03,840 --> 00:00:06,144
Currency where's our canvas taking
3
00:00:06,400 --> 00:00:08,448
Hate Android device
4
00:00:08,960 --> 00:00:11,008
Because we put it in the car
5
00:00:11,776 --> 00:00:15,104
We want our Converse to take the hole ever about space
6
00:00:15,616 --> 00:00:21,760
You're not forced to do that you can have like a legend canvas just on the park of your website maybe you have to scroll to
7
00:00:22,272 --> 00:00:26,624
But in the following lessons we won't very immersive experience
8
00:00:26,880 --> 00:00:30,976
We are going to take all the available space
9
00:00:31,232 --> 00:00:32,256
But I will can bus
10
00:00:32,768 --> 00:00:34,304
4-hour renderer
11
00:00:35,072 --> 00:00:37,888
Set up 8 hour
12
00:00:38,144 --> 00:00:41,984
And we can rotate around because I've also added
13
00:00:42,240 --> 00:00:43,520
The obby controls
14
00:00:44,288 --> 00:00:50,432
From the previous lesson so it's just so you can rotate a run zoom zoom out with the
15
00:00:50,688 --> 00:00:51,968
With the right click
16
00:00:52,224 --> 00:00:53,504
And this is just fine
17
00:00:55,552 --> 00:00:56,576
Alright let's
18
00:00:56,832 --> 00:00:58,624
Try to make our canvas
19
00:00:58,880 --> 00:01:00,141
Feet in the viewport
20
00:01:00,143 --> 00:01:02,491
Subtitled by
-♪ online-courses.club ♪-
We compress knowledge for you!
https://t.me/joinchat/ailxpXoW3JVjYzQ1
21
00:01:02,492 --> 00:01:04,000
First and talking about viewport this is the viewport
22
00:01:04,512 --> 00:01:06,816
You can say window but it's not
23
00:01:07,328 --> 00:01:08,608
True Because window is
24
00:01:09,120 --> 00:01:09,632
This
25
00:01:10,144 --> 00:01:16,288
You can say screen and it's natural to because this is the screen so we are going to talk about the view
26
00:01:16,544 --> 00:01:17,568
Stop with which is
27
00:01:17,824 --> 00:01:19,360
The contents you can see
28
00:01:20,896 --> 00:01:23,968
Alright the best thing we can do which is pretty easy
29
00:01:24,224 --> 00:01:25,504
Instead of using
30
00:01:25,760 --> 00:01:26,528
Window
31
00:01:26,784 --> 00:01:28,576
800 and 600
32
00:01:28,832 --> 00:01:30,112
We can use window
33
00:01:31,648 --> 00:01:32,416
Which way
34
00:01:34,976 --> 00:01:41,120
Gets the the sizes of the viewport I know it's window but it's the viewport
35
00:01:41,376 --> 00:01:42,656
If I say
36
00:01:43,424 --> 00:01:45,728
As you can see my canvas resize
37
00:01:45,984 --> 00:01:46,752
Can I have
38
00:01:47,264 --> 00:01:51,616
Something not bad but we have a problem look on the top and Lee
39
00:01:52,128 --> 00:01:53,920
As you can see there is
40
00:01:54,432 --> 00:01:57,248
A march on the dub in a march on the left
41
00:01:57,504 --> 00:01:59,040
And if you scroll
42
00:02:00,832 --> 00:02:03,392
This way I can scroll using this cover
43
00:02:03,648 --> 00:02:05,184
As you can see I can score
44
00:02:05,440 --> 00:02:09,792
Which is not very good looking so we are going to fix that
45
00:02:11,840 --> 00:02:16,704
It's a matter of staying the problem is that the brother
46
00:02:16,960 --> 00:02:18,496
Has a default styling
47
00:02:19,008 --> 00:02:20,544
When you use 01
48
00:02:20,800 --> 00:02:22,848
You get a big title
49
00:02:23,104 --> 00:02:26,432
When you use a paragraph you get the margin and all the title
50
00:02:26,944 --> 00:02:28,224
In any case we have
51
00:02:28,480 --> 00:02:31,296
Imagine on the body this is what you can see here
52
00:02:32,320 --> 00:02:38,464
To fix that we're going to go on the CSS file remember that the CSS is being in
53
00:02:38,720 --> 00:02:41,792
Directly from The Script gs5
54
00:02:42,048 --> 00:02:43,584
Here is the first line
55
00:02:43,840 --> 00:02:48,704
An Ender CSS we can put anything we want like if I want to to use
56
00:02:49,728 --> 00:02:53,056
Red background I can do that on the body and you say that
57
00:02:53,312 --> 00:02:54,848
We now have a red
58
00:02:55,104 --> 00:02:55,616
Bagram
59
00:02:55,872 --> 00:02:56,384
On the
60
00:02:56,640 --> 00:02:58,176
It's not what I want
61
00:02:58,944 --> 00:03:03,808
One solution and Robin to see multiple Solutions and mixed
62
00:03:04,320 --> 00:03:10,464
One solution is to remove all margin and padding on every objects you can do that simply bye
63
00:03:10,720 --> 00:03:13,792
Using the star Aesthetics in the USA
64
00:03:14,816 --> 00:03:16,096
Margin 0
65
00:03:16,864 --> 00:03:17,888
And padding
66
00:03:19,168 --> 00:03:19,936
Adam saleh
67
00:03:20,704 --> 00:03:22,240
0 just like this
68
00:03:22,496 --> 00:03:24,288
As you can see it's better
69
00:03:24,544 --> 00:03:27,104
I don't have this strange modern I had
70
00:03:27,360 --> 00:03:30,176
Here but still I can scroll so
71
00:03:31,712 --> 00:03:34,016
Pretty good solution but it's not perfect
72
00:03:34,784 --> 00:03:36,832
Let's try to fix that
73
00:03:37,088 --> 00:03:42,976
One other solution so you don't have to meet those two solution but I'm going to show them both to you
74
00:03:43,232 --> 00:03:46,304
If you just use this solution I'm going to show you
75
00:03:46,560 --> 00:03:47,584
It should be
76
00:03:48,096 --> 00:03:50,912
What's the let's keep our imagine 0PZ
77
00:03:51,680 --> 00:03:52,960
We are going to target
78
00:03:53,472 --> 00:03:58,336
The canvas remember that we pull we put class on the canvas
79
00:03:58,592 --> 00:04:01,152
Are we having to target the canvas like this
80
00:04:01,664 --> 00:04:02,176
NCP
81
00:04:02,432 --> 00:04:02,944
Put it
82
00:04:03,200 --> 00:04:05,760
On the top left by using position
83
00:04:06,528 --> 00:04:07,040
Fixed
84
00:04:07,808 --> 00:04:08,320
Stop
85
00:04:08,576 --> 00:04:09,088
0
86
00:04:09,856 --> 00:04:10,624
And left
87
00:04:10,880 --> 00:04:11,392
0
88
00:04:11,648 --> 00:04:12,160
Just like
89
00:04:12,672 --> 00:04:13,696
We could have used
90
00:04:13,952 --> 00:04:14,464
Absolute
91
00:04:15,232 --> 00:04:18,303
It would work the same if we depends on the rest of your website
92
00:04:18,815 --> 00:04:22,143
So I decided to use fix because it's even
93
00:04:22,399 --> 00:04:27,263
More strong let's say but you could have to use absolutely you will get the same
94
00:04:27,519 --> 00:04:30,847
And as you can see the scroll bar is gone so
95
00:04:31,103 --> 00:04:32,127
Even better
96
00:04:33,151 --> 00:04:33,663
Alright
97
00:04:34,943 --> 00:04:36,479
When you drag and drop
98
00:04:36,735 --> 00:04:39,295
Some of you might see blue outline
99
00:04:39,807 --> 00:04:44,927
It depends depends on the brother the version your OS many things
100
00:04:45,439 --> 00:04:49,279
Anyway we want to get rid of it for every visit of going to your website
101
00:04:49,791 --> 00:04:52,863
How we can do that so as you can see me I have it right
102
00:04:53,631 --> 00:04:56,703
But the solution is pretty simple all we need to do is
103
00:04:57,215 --> 00:04:57,983
Outline
104
00:04:58,239 --> 00:04:59,007
None
105
00:04:59,263 --> 00:05:00,799
Directly on the can
106
00:05:01,055 --> 00:05:01,823
Just like this
107
00:05:02,079 --> 00:05:03,871
Can you put outline none
108
00:05:04,127 --> 00:05:09,247
And as you can see when I drag and drop I don't see the outline anymore to blue outline
109
00:05:10,015 --> 00:05:10,527
Which is
110
00:05:11,807 --> 00:05:12,831
Let's go further
111
00:05:13,087 --> 00:05:13,855
There is one
112
00:05:14,111 --> 00:05:16,415
Last thing I want to fix
113
00:05:16,927 --> 00:05:23,071
Not all of you will be able to see this problem but when I scroll using the Trackpad
114
00:05:23,327 --> 00:05:26,399
No it's not talking I have to deactivate The Hobbit
115
00:05:27,935 --> 00:05:30,495
You don't need to do it but I will show you anyway
116
00:05:31,263 --> 00:05:34,335
Activate deactivate control you can do
117
00:05:34,591 --> 00:05:37,151
Controls enable at quote Force
118
00:05:38,175 --> 00:05:42,015
As you can see I don't have the controls anymore and dragging dropping it's not working
119
00:05:42,271 --> 00:05:45,855
What I want to show you is that if I use my Trackpad so it's on me
120
00:05:46,111 --> 00:05:48,415
I'm using a MacBook Pro
121
00:05:48,671 --> 00:05:52,511
As you can see I can't scroll beyond the limit of the page
122
00:05:52,767 --> 00:05:53,535
Which is
123
00:05:54,047 --> 00:05:55,839
Not very good not very massive
124
00:05:56,095 --> 00:05:58,399
When I have the controls enabled
125
00:05:58,911 --> 00:06:01,983
It doesn't work anymore because the school even is being cat
126
00:06:02,239 --> 00:06:08,383
It's not much of a problem but if you are just animation and you
127
00:06:08,639 --> 00:06:09,151
Control
128
00:06:09,407 --> 00:06:10,687
You will have this problem
129
00:06:10,943 --> 00:06:13,759
If user being able to scroll
130
00:06:14,783 --> 00:06:18,111
We can fix that by prison preventing the screw
131
00:06:18,367 --> 00:06:22,719
Brenda school what we can do I will put
132
00:06:23,743 --> 00:06:25,535
Yeah I would myself here
133
00:06:26,047 --> 00:06:28,351
Is Target the HTML
134
00:06:28,863 --> 00:06:31,423
Target the body don't forget to come over here
135
00:06:32,191 --> 00:06:33,215
And add
136
00:06:33,471 --> 00:06:34,495
Overflow
137
00:06:34,751 --> 00:06:35,519
Hidden
138
00:06:36,799 --> 00:06:41,919
This will prevent any school as you can see I'm scrolling right now
139
00:06:42,175 --> 00:06:46,015
You cannot see it better trust me I cannot scroll beyond
140
00:06:46,271 --> 00:06:47,551
Using Trackpad
141
00:06:47,807 --> 00:06:50,111
All the mouse it's impossible to go beyond
142
00:06:50,879 --> 00:06:51,391
Ok
143
00:06:51,903 --> 00:06:52,415
That's it
144
00:06:52,671 --> 00:06:54,463
We have our canvas sticking
145
00:06:54,719 --> 00:06:58,559
All available space and we cannot call anymore we don't
146
00:06:58,815 --> 00:07:02,655
Robots we don't have margins it's looking just great and
147
00:07:02,911 --> 00:07:03,423
Immersive
148
00:07:06,239 --> 00:07:07,007
Nice
149
00:07:07,263 --> 00:07:13,407
The problem is so I'm going to close the style I'm going to close the sidebar
150
00:07:13,663 --> 00:07:16,479
I'm discreet and I'm going to remove this controls and
151
00:07:16,735 --> 00:07:20,831
False because I want to be able to control the camera with all bits
152
00:07:21,343 --> 00:07:22,879
I can use a Wii console
153
00:07:23,135 --> 00:07:23,647
Again
154
00:07:24,671 --> 00:07:27,743
The problem I have now look at this if I resize
155
00:07:27,999 --> 00:07:28,767
My window
156
00:07:29,023 --> 00:07:33,631
I get something like this and maybe on the vertical Direction yeah get the same for
157
00:07:33,887 --> 00:07:35,167
And if it's too small
158
00:07:35,423 --> 00:07:36,959
Cannot see the cube anymore
159
00:07:37,471 --> 00:07:39,519
Do we need to handle the resize
160
00:07:41,055 --> 00:07:43,359
To do that first we need to be aware
161
00:07:43,615 --> 00:07:44,639
That's the result
162
00:07:44,895 --> 00:07:45,919
Resize
163
00:07:46,943 --> 00:07:47,711
It's pretty
164
00:07:47,967 --> 00:07:53,599
Straightforward what we can do here so let me see I'm going to book yet on the sizes part
165
00:07:53,855 --> 00:07:56,415
Just after creating the sizes Viber
166
00:07:56,927 --> 00:07:59,231
I'm going to listen to The Races
167
00:07:59,487 --> 00:08:01,791
7th this is naughty Travis
168
00:08:02,047 --> 00:08:06,399
For now it has nothing to do with 3DS so I can listen to window
169
00:08:07,935 --> 00:08:08,959
Add event listener
170
00:08:10,239 --> 00:08:11,007
Rosyth
171
00:08:11,519 --> 00:08:13,567
This sorry the suggested is you
172
00:08:14,079 --> 00:08:16,639
I'm going to go this is the name of the event
173
00:08:17,151 --> 00:08:19,711
I'm going to send a function on
174
00:08:19,967 --> 00:08:21,247
Second argument
175
00:08:23,295 --> 00:08:27,391
I'm using that arose as a race but you can use classic function I think
176
00:08:27,647 --> 00:08:29,439
Going to be fine yeah I think it's going to
177
00:08:30,975 --> 00:08:36,607
Inside of this I'm going just to put a log because I want to test if everything is working
178
00:08:36,863 --> 00:08:37,631
Window
179
00:08:38,143 --> 00:08:39,935
Has been resized
180
00:08:42,239 --> 00:08:47,615
Let's check the result I'm going to recite the windowsill you have to resize the window to the
181
00:08:48,127 --> 00:08:49,663
And as you can see
182
00:08:50,687 --> 00:08:53,503
Logs tell me that window has been resized
183
00:08:53,759 --> 00:08:56,063
Which means that the function is working just fine
184
00:08:56,575 --> 00:08:59,903
But we didn't put anything in the functions of the program is still here
185
00:09:00,159 --> 00:09:04,511
McCandless is not resizing Miranda is not resizing
186
00:09:05,279 --> 00:09:06,559
What we can do now
187
00:09:07,071 --> 00:09:11,679
First we have this objects that contains the wheat and the 8
188
00:09:12,447 --> 00:09:13,983
We're going to update that
189
00:09:14,751 --> 00:09:16,031
Let's go fight
190
00:09:16,799 --> 00:09:18,591
Update sizes
191
00:09:19,615 --> 00:09:23,199
Sizes that reads equal and you are going to do the same
192
00:09:23,711 --> 00:09:24,735
Lidl's values
193
00:09:25,247 --> 00:09:26,271
Oh no change
194
00:09:26,783 --> 00:09:28,575
Why we need to update sizes
195
00:09:28,831 --> 00:09:32,415
I'm going to sing to do the same for the hate
196
00:09:33,183 --> 00:09:33,951
Like this
197
00:09:35,487 --> 00:09:36,255
I save
198
00:09:36,511 --> 00:09:42,655
No Rob but still it's not working just a dating this object won't change a thing because it's one of
199
00:09:42,911 --> 00:09:43,423
Object
200
00:09:43,679 --> 00:09:49,567
Yes we use it later in the card but we need to update the different element of our sin
201
00:09:50,335 --> 00:09:51,359
Environment
202
00:09:54,175 --> 00:09:54,687
Weekend
203
00:09:55,199 --> 00:09:57,759
David Cameron
204
00:09:58,783 --> 00:10:00,588
Sorry I'm going towards update camera
205
00:10:00,589 --> 00:10:03,016
Subtitled by
-♪ online-courses.club ♪-
We compress knowledge for you!
https://t.me/joinchat/ailxpXoW3JVjYzQ1
206
00:10:03,018 --> 00:10:05,951
And what you need to a date in the camera is the Aspect because remember
207
00:10:06,207 --> 00:10:09,023
That's in the parameters of the perspective camera
208
00:10:09,279 --> 00:10:13,631
We specify the Field of you alright but we also specify what we couldn't ask
209
00:10:13,887 --> 00:10:14,911
Which is the
210
00:10:15,167 --> 00:10:16,191
÷ the
211
00:10:16,447 --> 00:10:19,007
And when we resize our page
212
00:10:19,263 --> 00:10:20,031
This value
213
00:10:20,543 --> 00:10:21,055
Change
214
00:10:21,311 --> 00:10:26,175
Because it's not the same aspect while doing something like that it's not always the same as 10
215
00:10:26,687 --> 00:10:27,711
How to fix that
216
00:10:28,223 --> 00:10:30,015
We are going to update
217
00:10:30,271 --> 00:10:31,039
Camera
218
00:10:31,807 --> 00:10:34,367
Aspect property just asked
219
00:10:34,879 --> 00:10:36,671
And we are going to put the same
220
00:10:37,439 --> 00:10:40,767
Thing we do the here when instance shutting
221
00:10:41,279 --> 00:10:44,863
Is going to be the sizes with / the sizes
222
00:10:45,375 --> 00:10:46,143
We are getting some
223
00:10:48,447 --> 00:10:48,959
Ok
224
00:10:49,727 --> 00:10:50,495
No change
225
00:10:51,775 --> 00:10:54,335
The problem is that when you are updating
226
00:10:54,591 --> 00:10:55,359
The Aspect
227
00:10:55,871 --> 00:10:57,407
You have to let
228
00:10:57,663 --> 00:10:58,431
3GS
229
00:10:58,687 --> 00:10:59,711
The camera
230
00:11:00,479 --> 00:11:03,039
That's they need to update the price
231
00:11:03,295 --> 00:11:04,319
Projection
232
00:11:05,343 --> 00:11:07,903
We talked about matrix in a previous lesson
233
00:11:08,159 --> 00:11:14,303
Mattresses are the does that do production modification for
234
00:11:14,559 --> 00:11:17,119
Hall things it's very complex
235
00:11:17,375 --> 00:11:22,239
And the good things is that we don't need to handle mattresses on our own we just
236
00:11:22,495 --> 00:11:26,847
Move the position change the rotation change the scale
237
00:11:27,103 --> 00:11:28,639
And mattresses get a date
238
00:11:29,151 --> 00:11:32,479
What we're going to do now it's just a camera
239
00:11:32,991 --> 00:11:35,039
Update products on Netflix
240
00:11:35,295 --> 00:11:38,623
And we don't need to do anything from Jess with do the door
241
00:11:38,879 --> 00:11:40,927
Hard calculations on its own
242
00:11:42,207 --> 00:11:43,231
Let's see the result
243
00:11:43,487 --> 00:11:47,327
You're going to see something yeah something is Happening
244
00:11:47,839 --> 00:11:50,143
It's like the Tube is being stretched
245
00:11:51,167 --> 00:11:51,935
Mary Street
246
00:11:52,447 --> 00:11:58,591
Anyway we can continue because the problem is that our canvas is not taking the space ODEON
247
00:11:58,847 --> 00:11:59,359
Google space
248
00:12:00,127 --> 00:12:04,223
The fix that's what we need to do is update our random
249
00:12:04,479 --> 00:12:07,039
And we already did that if you checked below
250
00:12:07,295 --> 00:12:10,879
Are under after creating it after instance shader
251
00:12:11,135 --> 00:12:13,183
It's weird cutting sets eyes
252
00:12:13,695 --> 00:12:16,511
And we're going to do the same I can just copy this line
253
00:12:17,279 --> 00:12:20,607
Get back to my resize function
254
00:12:20,863 --> 00:12:23,423
Update renderer
255
00:12:23,935 --> 00:12:25,215
And put it there
256
00:12:26,239 --> 00:12:27,007
Look at this
257
00:12:29,311 --> 00:12:30,079
It's working
258
00:12:31,871 --> 00:12:32,383
Nice
259
00:12:32,639 --> 00:12:33,663
N h q
260
00:12:34,943 --> 00:12:36,479
Is enter the stars
261
00:12:36,735 --> 00:12:38,015
Stretched or squeezed
262
00:12:38,271 --> 00:12:41,343
It's working fine you can do it about two colleagues going to work
263
00:12:41,855 --> 00:12:42,367
The same
264
00:12:43,135 --> 00:12:44,927
Ok so this is great me now
265
00:12:45,183 --> 00:12:51,327
Endo the resets remember you have to update the object if you are using a reference object
266
00:12:51,583 --> 00:12:52,607
Sort the wheat and
267
00:12:53,119 --> 00:12:58,751
We are dating the camera until I get to update product metrics if you do so
268
00:12:59,007 --> 00:13:01,311
Energen we are updating the renderer
269
00:13:01,567 --> 00:13:02,079
Set
270
00:13:02,335 --> 00:13:04,639
Which way also a data can be
271
00:13:05,151 --> 00:13:08,223
Don't don't forget that you have a canvas in your page
272
00:13:08,479 --> 00:13:11,295
Updating the run out of data can bicycle
273
00:13:12,575 --> 00:13:13,087
Great
274
00:13:14,367 --> 00:13:17,183
Let's talk about Excel ratio
275
00:13:17,695 --> 00:13:18,207
This is
276
00:13:18,719 --> 00:13:20,511
Very interesting subject
277
00:13:21,023 --> 00:13:21,791
Some of you
278
00:13:22,047 --> 00:13:26,143
Might seem seem sorry of blurry
279
00:13:26,399 --> 00:13:27,935
It's not very purse
280
00:13:28,447 --> 00:13:34,591
You can also see stairs if I came straight to you I hope it's not going to
281
00:13:34,847 --> 00:13:37,663
You can see them even with the compression of the video
282
00:13:37,919 --> 00:13:39,711
But here I can see stuff
283
00:13:39,967 --> 00:13:41,503
Effects on the ages
284
00:13:42,783 --> 00:13:44,063
At 8 on your computer
285
00:13:45,855 --> 00:13:51,743
Some of you might see those very random because you're using a computer with a pixel ratio
286
00:13:51,999 --> 00:13:53,023
Greater than 1
287
00:13:53,791 --> 00:13:57,119
Alright not out of you me I'm using a picture ratio of
288
00:13:57,375 --> 00:14:02,495
One so I don't see a very random but still I can see this this is still like
289
00:14:04,031 --> 00:14:05,823
Yeah
290
00:14:06,591 --> 00:14:12,735
The pixel ratio question two how many physical pixels you have on the screen for one
291
00:14:12,991 --> 00:14:14,015
Excel unique
292
00:14:14,271 --> 00:14:15,807
Of the software part
293
00:14:16,319 --> 00:14:18,623
Let me try to explain this to you
294
00:14:19,647 --> 00:14:20,671
Drawings
295
00:14:21,183 --> 00:14:21,695
Alright
296
00:14:22,719 --> 00:14:24,767
I'm going to start with the screen
297
00:14:25,279 --> 00:14:28,863
This is your screen I'm not very good at drawing I've done my best
298
00:14:29,119 --> 00:14:30,911
This is your screen like that
299
00:14:31,679 --> 00:14:34,495
Alright we can do a little stand something like that
300
00:14:34,751 --> 00:14:39,871
You have pictures on the screen so we are going to separate the screens in pixels
301
00:14:40,383 --> 00:14:40,895
Like this
302
00:14:42,943 --> 00:14:44,735
Have you seen your pixels
303
00:14:46,527 --> 00:14:48,063
This is so hard
304
00:14:48,831 --> 00:14:51,903
Something ideas something like this something like this
305
00:14:52,415 --> 00:14:55,487
And again and again so you have many pictures like this
306
00:14:55,743 --> 00:14:59,583
Alright I'm just going to focus on the first 9 pixels
307
00:15:00,095 --> 00:15:01,119
Say something like
308
00:15:02,143 --> 00:15:02,911
1
309
00:15:03,167 --> 00:15:03,935
2
310
00:15:04,191 --> 00:15:04,959
3
311
00:15:05,215 --> 00:15:06,239
That's it for now
312
00:15:07,007 --> 00:15:07,775
5
313
00:15:08,031 --> 00:15:08,799
Sex
314
00:15:09,055 --> 00:15:09,823
7
315
00:15:11,103 --> 00:15:11,615
9
316
00:15:13,919 --> 00:15:18,271
This is a classic computer classic screen with
317
00:15:18,783 --> 00:15:19,807
That much pizza
318
00:15:20,063 --> 00:15:20,575
Rip
319
00:15:20,831 --> 00:15:24,671
The thing is let's talk about some history before the Windsor drawings
320
00:15:25,439 --> 00:15:26,207
4 years
321
00:15:26,719 --> 00:15:30,047
Who screen had a pizza a ratio of 1
322
00:15:30,303 --> 00:15:36,447
And if you look closely you could see to speak so so if you look closer to your Toyota your screen you could see that
323
00:15:36,703 --> 00:15:42,847
It's still the case if you're using a computer with a picture ratio of 1 we can see that
324
00:15:43,103 --> 00:15:44,895
If you get very close to the screen
325
00:15:45,663 --> 00:15:46,687
Constructors
326
00:15:46,943 --> 00:15:52,063
Apple so not watching TV and started using screens with a pixel ratio
327
00:15:52,319 --> 00:15:52,831
2
328
00:15:53,087 --> 00:15:53,855
Enable
329
00:15:54,111 --> 00:15:55,391
To be more precise
330
00:15:56,159 --> 00:15:57,695
Bye that's it mean that
331
00:15:57,951 --> 00:16:00,767
I'm not going to show the joints after
332
00:16:01,535 --> 00:16:07,679
Now some constrictors are making even higher pizza ratio and it goes even be on
333
00:16:07,935 --> 00:16:08,447
Free
334
00:16:08,703 --> 00:16:13,055
This is just marketing you don't need a picture I shall be your mum
335
00:16:15,359 --> 00:16:17,919
Ratio of 2 means
336
00:16:18,431 --> 00:16:22,527
4 time more pictures to Ronda and a pixel ratio of 3
337
00:16:22,783 --> 00:16:26,623
Mince 9 times more pizza to rent a country
338
00:16:27,391 --> 00:16:28,159
Rhino
339
00:16:29,439 --> 00:16:30,719
For the first Pixar
340
00:16:31,231 --> 00:16:35,071
If you have just want to say with well it's really easy you get
341
00:16:35,583 --> 00:16:36,863
This pixel to draw
342
00:16:37,119 --> 00:16:43,263
So your GP you will draw this picture and put it on your cannabis if you have a pixel ratio of 2
343
00:16:43,519 --> 00:16:46,079
You divide it picks pixels
344
00:16:46,335 --> 00:16:47,103
Like this
345
00:16:48,127 --> 00:16:49,151
Can you get
346
00:16:50,431 --> 00:16:52,223
4xl to London
347
00:16:52,735 --> 00:16:56,319
For one pixel of your canvas
348
00:16:56,575 --> 00:16:58,111
4 pixels to Ronda
349
00:16:58,367 --> 00:17:00,159
And if you have a picture ratio
350
00:17:01,439 --> 00:17:02,975
You get something
351
00:17:03,231 --> 00:17:04,255
Diss
352
00:17:08,095 --> 00:17:11,935
9 pixels to render which is a lot
353
00:17:12,191 --> 00:17:16,287
What the same render you should wait on a pixel ratio of 1
354
00:17:16,543 --> 00:17:18,335
You get just 1% or under
355
00:17:18,591 --> 00:17:19,871
And on pixel ratio
356
00:17:20,127 --> 00:17:24,479
Three you get 9 pieces to run that this is very hard for your GP
357
00:17:24,735 --> 00:17:27,039
It takes time to do this operation
358
00:17:27,295 --> 00:17:29,343
And if you ever more pizzas
359
00:17:29,599 --> 00:17:31,391
Something like this
360
00:17:31,903 --> 00:17:32,927
3
361
00:17:33,439 --> 00:17:33,951
1
362
00:17:34,207 --> 00:17:35,743
23
363
00:17:35,999 --> 00:17:42,143
And this is just crazy and you get a lot of pixels to run the everywhere
364
00:17:42,399 --> 00:17:46,495
Just thought one and software picture we're going to say
365
00:17:47,007 --> 00:17:48,543
That's a
366
00:17:49,311 --> 00:17:53,919
But still we need to handle this because if you are using a return
367
00:17:54,431 --> 00:17:56,991
A retina display which is a picture ratio
368
00:17:57,247 --> 00:18:00,575
And you are just doing this huge things
369
00:18:00,831 --> 00:18:03,135
You will get something like this
370
00:18:03,903 --> 00:18:06,719
The same pizza being grown on all four pictures
371
00:18:06,975 --> 00:18:08,255
Just going to
372
00:18:08,767 --> 00:18:09,279
Blurry
373
00:18:09,535 --> 00:18:11,583
Bad it could be better
374
00:18:11,839 --> 00:18:17,727
What do you want to do is draw separate things on those pizzas because we can be more precise
375
00:18:18,239 --> 00:18:19,775
How to do this
376
00:18:20,543 --> 00:18:21,823
Keeping mind
377
00:18:22,335 --> 00:18:23,103
It can go
378
00:18:23,359 --> 00:18:23,871
Too far
379
00:18:25,407 --> 00:18:26,431
How to reset me
380
00:18:26,687 --> 00:18:27,711
Get back to this
381
00:18:27,967 --> 00:18:32,319
Yeah that's the problem is that highest pixel ratio or early on the week
382
00:18:32,575 --> 00:18:35,135
Devices which are mobiles
383
00:18:35,647 --> 00:18:38,975
So you have mobiles with pixel ratio that goes up
384
00:18:39,231 --> 00:18:39,743
5
385
00:18:39,999 --> 00:18:41,279
This is so wrong
386
00:18:41,791 --> 00:18:43,327
It's just marketing
387
00:18:44,351 --> 00:18:49,727
It's just marketing you don't need that much even if you you look very close to your phone
388
00:18:49,983 --> 00:18:54,079
You wanted difference between Repeater ratio of 2 and 8 pixel ratio for free
389
00:18:54,335 --> 00:18:55,871
An acceleration of 5
390
00:18:56,127 --> 00:18:59,199
Acceleration of 2 is kind of the limit
391
00:18:59,711 --> 00:19:04,575
It's a good limit we don't need more so be careful when you buy a smart phones and screen
392
00:19:05,087 --> 00:19:06,623
Maybe 300
393
00:19:07,391 --> 00:19:07,903
Alright
394
00:19:08,159 --> 00:19:11,231
Let's hendo the pizza we show on our code parts
395
00:19:11,999 --> 00:19:14,047
To get the picture ratio we can use
396
00:19:14,303 --> 00:19:14,815
Window
397
00:19:15,071 --> 00:19:21,215
Device pixel ratio if you write this in the console window devicepixelratio
398
00:19:21,471 --> 00:19:24,031
You can see that I have a picture ratio of 1
399
00:19:24,287 --> 00:19:27,871
Try it open your console and write window devicepixelratio
400
00:19:28,127 --> 00:19:30,687
And you will know if you have a bit of a shop 12
401
00:19:30,943 --> 00:19:33,247
Can I have a chilli pizza ratio
402
00:19:33,503 --> 00:19:35,551
2.5 to .3 stuff like that
403
00:19:37,343 --> 00:19:41,183
To update our render so we are going back to the
404
00:19:41,439 --> 00:19:43,743
Where we instantiate our under
405
00:19:44,255 --> 00:19:45,535
We are going to you
406
00:19:46,047 --> 00:19:46,559
Tuchel
407
00:19:47,071 --> 00:19:47,839
Rendering
408
00:19:48,351 --> 00:19:50,655
Set pixel ratio
409
00:19:50,911 --> 00:19:51,679
Weekend
410
00:19:51,935 --> 00:19:53,471
Provide the pizza ratio
411
00:19:53,727 --> 00:19:59,871
And let 3GS do it's things and we're going to use window recycling
412
00:20:00,383 --> 00:20:01,663
Device pixel
413
00:20:01,919 --> 00:20:02,431
Ratio
414
00:20:02,943 --> 00:20:03,711
Just like
415
00:20:03,967 --> 00:20:06,271
For me it's not going to change anything
416
00:20:06,783 --> 00:20:07,551
Or the one
417
00:20:07,807 --> 00:20:09,855
For the one of you
418
00:20:10,367 --> 00:20:13,439
Has a pizza ratio above one you're going to see
419
00:20:13,695 --> 00:20:14,975
Abet accredited
420
00:20:15,231 --> 00:20:15,999
Damn picture
421
00:20:16,255 --> 00:20:20,351
And you're going to your won't be able to see those stuff
422
00:20:20,863 --> 00:20:23,935
Dream spell because we have a more precise
423
00:20:24,191 --> 00:20:24,703
Picture
424
00:20:24,959 --> 00:20:25,471
Which is
425
00:20:27,775 --> 00:20:33,919
The problem is that he we are testing this god on those crazy devices with pixel ratio
426
00:20:34,175 --> 00:20:39,295
5 we're going to do so many random like way too much are pictures to run
427
00:20:40,063 --> 00:20:41,087
We need to limit
428
00:20:41,855 --> 00:20:46,463
And we are going to limit the value the window device pixel ratio 2
429
00:20:46,719 --> 00:20:47,999
You can do more
430
00:20:48,511 --> 00:20:50,047
Trust me
431
00:20:50,303 --> 00:20:51,071
Just
432
00:20:51,583 --> 00:20:52,095
Enough
433
00:20:52,863 --> 00:20:53,631
Google Maps
434
00:20:54,143 --> 00:20:55,167
We are going to you
435
00:20:55,423 --> 00:20:55,935
Map
436
00:20:56,703 --> 00:20:57,727
That mean
437
00:20:58,239 --> 00:21:04,383
Which will output the minimum value between the two parameters of the first parameter is
438
00:21:04,639 --> 00:21:07,199
To be the picture ratio of window
439
00:21:07,455 --> 00:21:09,759
Anderson parameter is going to be due
440
00:21:11,807 --> 00:21:13,599
If the patella ratio is 1
441
00:21:13,855 --> 00:21:17,440
The meaning of value between 1 and 21 so it's going to be one
442
00:21:17,696 --> 00:21:23,328
Is the picture ratio of your screen is to the minimum value of between 2 and 2
443
00:21:23,840 --> 00:21:26,400
But if your pixel ratio is
444
00:21:26,656 --> 00:21:27,936
Above tool
445
00:21:28,960 --> 00:21:31,520
It's dysfunction Wheeler redone
446
00:21:31,776 --> 00:21:33,312
The minimum value with
447
00:21:34,336 --> 00:21:34,848
Great
448
00:21:35,104 --> 00:21:40,480
I recommend you to always have this don't put the window pizza ratio along
449
00:21:40,736 --> 00:21:45,856
We have a performance issues on devices with very high deceleration
450
00:21:47,648 --> 00:21:48,416
Alright
451
00:21:49,440 --> 00:21:54,560
What we can do is put discount set devicepixelratio with me
452
00:21:54,816 --> 00:21:55,584
MacMillan
453
00:21:56,096 --> 00:21:57,888
And put it inside the recess
454
00:21:58,656 --> 00:22:01,728
Why I like to do that it's because sometimes people
455
00:22:01,984 --> 00:22:03,264
Have different screens
456
00:22:03,776 --> 00:22:08,640
And they can just take a window and put it in the second screen
457
00:22:08,896 --> 00:22:10,432
With different iteration
458
00:22:10,688 --> 00:22:14,528
It's my case I have my MacBook Pro on the side with a picture ratio of 2
459
00:22:14,784 --> 00:22:18,368
And my main screen in front of me with the picture we show off
460
00:22:18,880 --> 00:22:20,672
When I'm taking it said this
461
00:22:20,928 --> 00:22:25,024
And putting inside on my MacBook Pro screen
462
00:22:26,048 --> 00:22:30,144
Are we have a different iteration and I want to enjoy a good credit
463
00:22:30,400 --> 00:22:31,424
Miranda
464
00:22:31,936 --> 00:22:33,472
So where I'm doing is at
465
00:22:33,728 --> 00:22:37,568
Because most of the time why you're moving
466
00:22:37,824 --> 00:22:42,176
Windows from a screen to another resizing to fit properly
467
00:22:42,688 --> 00:22:48,064
If we also test the window devicepixelratio and if the device pixel ratio change
468
00:22:48,576 --> 00:22:52,160
It's going to be applied to our randhawa sweets just the tips
469
00:22:52,416 --> 00:22:53,440
So when people
470
00:22:53,696 --> 00:22:55,744
Change the window from screen to another
471
00:22:56,000 --> 00:22:57,792
They get the right pixel race
472
00:22:59,072 --> 00:23:05,216
Ok you can just save you can test it if you don't have a higher density picture ratio
473
00:23:05,472 --> 00:23:08,288
It's ok just trust me it's going to work
474
00:23:08,800 --> 00:23:10,848
If you ever the equation to test
475
00:23:12,640 --> 00:23:15,968
Alright we are almost there but we are going to go a little further
476
00:23:16,224 --> 00:23:19,296
We're going to handle full screen because
477
00:23:19,552 --> 00:23:25,696
We want to create email expenses that so you are building a game you want to play out to be about 2
478
00:23:25,952 --> 00:23:32,096
So your game with a full screen no window no frame so we want to be able to to go to
479
00:23:33,120 --> 00:23:34,400
How can we do that
480
00:23:35,936 --> 00:23:36,448
First
481
00:23:36,960 --> 00:23:39,264
How are we going to toggle the full screen
482
00:23:39,520 --> 00:23:45,664
We can have a button we can have a shotgun we could do any of this but in our case
483
00:23:45,920 --> 00:23:48,224
Listen we are going to listen to The Devil
484
00:23:48,992 --> 00:23:51,552
Because you can listen to the Baltic event in job
485
00:23:52,064 --> 00:23:58,208
The weather going to start with very simple JavaScript and I'm going to do it
486
00:23:58,464 --> 00:24:01,280
Yeah I'm going to continue in the sizes pots
487
00:24:01,536 --> 00:24:04,352
After the window addeventlistener resize
488
00:24:04,608 --> 00:24:06,656
I'm going to listen to the Dead
489
00:24:06,912 --> 00:24:07,424
Double
490
00:24:07,680 --> 00:24:08,960
Event on window
491
00:24:09,472 --> 00:24:11,008
Do that I'm doing wind
492
00:24:11,776 --> 00:24:12,800
Add event
493
00:24:13,056 --> 00:24:13,824
List now
494
00:24:14,592 --> 00:24:15,872
The event is
495
00:24:16,640 --> 00:24:17,664
GB
496
00:24:18,944 --> 00:24:21,248
See dblp
497
00:24:22,528 --> 00:24:23,808
That's very strange
498
00:24:24,064 --> 00:24:25,600
It's old JavaScript
499
00:24:26,112 --> 00:24:30,208
I'm going to send a function with a fat arrow
500
00:24:30,976 --> 00:24:32,768
And here I'm simply going to say
501
00:24:33,536 --> 00:24:34,304
Double click
502
00:24:34,816 --> 00:24:37,120
Just to test always text we never know
503
00:24:38,912 --> 00:24:42,240
As you can see when I double click which is what I'm doing
504
00:24:44,544 --> 00:24:45,056
I guess
505
00:24:45,312 --> 00:24:46,080
Cancel
506
00:24:46,592 --> 00:24:48,640
Which walking make sure this is
507
00:24:48,896 --> 00:24:49,408
Working
508
00:24:50,432 --> 00:24:51,456
So what we can do now
509
00:24:52,480 --> 00:24:58,624
First we need to know if you want to go to for skin or leave the first cream because if the user is already in force
510
00:24:58,880 --> 00:25:01,440
Because it double tick already you want to leave them
511
00:25:01,952 --> 00:25:03,232
Renault mechanic
512
00:25:03,488 --> 00:25:06,048
That's because we cannot go to the full screen
513
00:25:06,560 --> 00:25:12,704
We are going to go a little further and we just as if this is working what am I going to do is do
514
00:25:13,728 --> 00:25:14,240
If
515
00:25:15,264 --> 00:25:16,544
Nothing
516
00:25:17,568 --> 00:25:20,640
I'm going to negatives with a w on with
517
00:25:20,896 --> 00:25:22,176
And exclamation point
518
00:25:24,224 --> 00:25:24,992
Go
519
00:25:25,248 --> 00:25:26,272
Full screen
520
00:25:27,296 --> 00:25:28,064
An elf
521
00:25:29,088 --> 00:25:29,856
It's going to be
522
00:25:31,392 --> 00:25:32,160
Leave
523
00:25:32,416 --> 00:25:37,536
Phone screen just like that we cannot test it right now but will be able to test it short
524
00:25:38,560 --> 00:25:44,448
How can we go to the first come out because we are not in force when you want to go to the full screen mod
525
00:25:45,216 --> 00:25:47,520
What ski have to do is use the request
526
00:25:48,544 --> 00:25:50,080
But you have to do this
527
00:25:50,336 --> 00:25:53,920
On the council element because you can take
528
00:25:54,176 --> 00:25:55,712
Elements of your page
529
00:25:55,968 --> 00:26:02,112
And put it in full screen can you just a video it can be a conversation be like
530
00:26:02,368 --> 00:26:02,880
How many children
531
00:26:03,136 --> 00:26:08,000
Your case we want our campus to go to the full screen and we already have our canvas
532
00:26:08,256 --> 00:26:09,536
Canvas value
533
00:26:10,560 --> 00:26:11,328
We can do
534
00:26:11,840 --> 00:26:15,424
Canvas because this is our element we want to go to the full screen
535
00:26:16,192 --> 00:26:16,960
Request
536
00:26:17,216 --> 00:26:19,264
Full screen just like this
537
00:26:20,032 --> 00:26:21,312
Go full screen I can't remove the
538
00:26:23,616 --> 00:26:24,640
It's going full screen
539
00:26:25,408 --> 00:26:27,200
To leave the full screen you can press
540
00:26:27,456 --> 00:26:27,968
Escape
541
00:26:29,248 --> 00:26:31,040
And now going to handle
542
00:26:31,296 --> 00:26:33,600
The double tick to leave the phone
543
00:26:34,368 --> 00:26:35,392
And to do that
544
00:26:36,160 --> 00:26:36,672
Weekend
545
00:26:36,928 --> 00:26:37,696
Document
546
00:26:38,720 --> 00:26:39,488
Exit
547
00:26:39,744 --> 00:26:42,816
It's not on the canvas it's on the document this time
548
00:26:43,328 --> 00:26:45,120
Exit full screen
549
00:26:45,632 --> 00:26:46,144
Just
550
00:26:47,424 --> 00:26:48,448
And double clicking
551
00:26:48,960 --> 00:26:51,264
Goes for screen and about cooking again
552
00:26:51,520 --> 00:26:52,544
Leave the force
553
00:26:52,800 --> 00:26:53,824
Which is working just fine
554
00:26:54,592 --> 00:26:55,360
Play talking
555
00:26:55,616 --> 00:26:56,640
Unfortunately
556
00:26:57,152 --> 00:26:58,432
This won't work
557
00:26:58,688 --> 00:26:59,968
On Saturday
558
00:27:00,480 --> 00:27:04,320
Yeah sorry is always late on simpler
559
00:27:04,576 --> 00:27:05,600
Pictures like that
560
00:27:06,368 --> 00:27:12,000
By the time I'm recording this it's not working on some bits for you maybe I don't know
561
00:27:12,512 --> 00:27:13,792
I hope in the future it will
562
00:27:14,560 --> 00:27:16,864
Talk to fix that we are going to use prefix
563
00:27:17,120 --> 00:27:17,632
Version
564
00:27:18,144 --> 00:27:20,960
I won't go into the details about that
565
00:27:21,472 --> 00:27:23,008
But it's going to work don't worry
566
00:27:23,264 --> 00:27:24,544
You don't care about Sophia
567
00:27:28,896 --> 00:27:33,760
We cannot choose document for screen we need to use something like a document
568
00:27:34,272 --> 00:27:35,040
Webkit
569
00:27:35,296 --> 00:27:36,832
What screen or something like that
570
00:27:37,088 --> 00:27:38,880
It's so hard
571
00:27:40,160 --> 00:27:41,952
What's the weather going to do is create a valuable
572
00:27:42,208 --> 00:27:45,792
It will look like this fullscreen elements
573
00:27:46,048 --> 00:27:50,912
And we are going to use document.on I meant which is what we do
574
00:27:51,424 --> 00:27:51,936
Aaliyah
575
00:27:53,216 --> 00:27:53,728
That
576
00:27:54,752 --> 00:27:55,776
This
577
00:27:56,032 --> 00:27:57,056
Is exactly what we are
578
00:27:58,848 --> 00:27:59,872
And we are going to add
579
00:28:00,896 --> 00:28:02,688
Vype vape sites all
580
00:28:03,456 --> 00:28:09,344
Document and it's the same thing but we prefix with webkit and going to look like this
581
00:28:10,112 --> 00:28:10,880
Webkit
582
00:28:11,136 --> 00:28:12,416
Full screen
583
00:28:12,672 --> 00:28:15,488
And I'm forget to put the f up
584
00:28:16,512 --> 00:28:17,024
Alright
585
00:28:17,536 --> 00:28:19,584
And this we are going to put it
586
00:28:20,096 --> 00:28:20,608
There
587
00:28:21,120 --> 00:28:23,680
Instead of our previous there
588
00:28:24,192 --> 00:28:25,472
We cannot use
589
00:28:25,728 --> 00:28:27,776
This directly inside
590
00:28:28,288 --> 00:28:32,384
Going to throw and Anna on on Sunday brother
591
00:28:32,640 --> 00:28:35,200
We can address the do it directly in the
592
00:28:35,456 --> 00:28:36,480
We have to put
593
00:28:36,736 --> 00:28:38,016
In a Bible
594
00:28:39,040 --> 00:28:40,320
I don't know exactly why
595
00:28:41,088 --> 00:28:43,392
Secondly we cannot call
596
00:28:43,648 --> 00:28:46,208
Was Queen obviously we have to call Eve
597
00:28:46,720 --> 00:28:47,488
Canvas
598
00:28:47,744 --> 00:28:49,280
Request for screen so
599
00:28:49,536 --> 00:28:50,048
This
600
00:28:50,560 --> 00:28:51,840
Does exist
601
00:28:53,376 --> 00:28:53,888
Correct
602
00:28:57,472 --> 00:28:59,008
I'm going to do Earth
603
00:29:03,360 --> 00:29:05,920
Canvas request for screen but I'm going to add
604
00:29:06,176 --> 00:29:06,944
Wedges
605
00:29:07,712 --> 00:29:10,272
Request was cancelled it's the same but with
606
00:29:12,320 --> 00:29:16,160
And if it's webkit request full screen I'm going to call
607
00:29:17,696 --> 00:29:19,488
So if the brother already super
608
00:29:19,744 --> 00:29:21,536
Requestfullscreen it's going to call
609
00:29:21,792 --> 00:29:22,560
Request
610
00:29:22,816 --> 00:29:24,096
But if not
611
00:29:24,864 --> 00:29:26,656
Is going to 2
612
00:29:26,912 --> 00:29:28,704
If webkit for screen
613
00:29:28,960 --> 00:29:32,032
Box exist and it's going to call it
614
00:29:32,544 --> 00:29:35,872
I'm not going to do exactly the same thing for The xx
615
00:29:37,920 --> 00:29:38,944
Document
616
00:29:39,200 --> 00:29:40,480
Exit full screen exist
617
00:29:41,504 --> 00:29:42,528
We are going to call
618
00:29:44,064 --> 00:29:45,344
It's going to be something like this
619
00:29:45,856 --> 00:29:47,136
And if not
620
00:29:47,648 --> 00:29:49,440
We're all going to die
621
00:29:49,696 --> 00:29:51,232
The same thing as before
622
00:29:52,000 --> 00:29:54,048
It's the same version but we
623
00:29:54,304 --> 00:29:54,816
Weather
624
00:29:55,072 --> 00:29:56,608
And we get something
625
00:29:57,120 --> 00:29:57,888
Practise
626
00:29:59,424 --> 00:30:00,704
This is a lot of God
627
00:30:00,960 --> 00:30:01,984
Trust Windows Safari
628
00:30:02,240 --> 00:30:04,032
But now it's going to work on
629
00:30:04,288 --> 00:30:06,592
Chrome safari Firefox even age
630
00:30:07,872 --> 00:30:09,152
Edible cake
631
00:30:09,408 --> 00:30:09,920
It's working
632
00:30:10,176 --> 00:30:11,712
I'm going to open Safari
633
00:30:11,968 --> 00:30:13,760
Just to check if everything is right
634
00:30:14,784 --> 00:30:15,808
You can open the same
635
00:30:16,064 --> 00:30:17,344
Ul answer phone
636
00:30:19,392 --> 00:30:20,160
Going full screen
637
00:30:21,440 --> 00:30:22,976
Patrick it's living full screen
638
00:30:23,488 --> 00:30:24,000
Alright
639
00:30:26,048 --> 00:30:28,864
Everything to should work just fine I'm all more than bro
640
00:30:29,120 --> 00:30:29,888
Internet
641
00:30:30,144 --> 00:30:31,936
Listen we're going to talk about
642
00:30:32,192 --> 00:30:32,704
Joma
43728
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.
Afrikaans
Albanian
Amharic
Arabic
Armenian
Azerbaijani
Basque
Belarusian
Bengali
Bosnian
Bulgarian
Catalan
Cebuano
Chichewa
Chinese (Simplified)
Chinese (Traditional)
Corsican
Croatian
Czech
Danish
Dutch
English
Esperanto
Estonian
Finnish
French
Frisian
Galician
Georgian
German
Greek
Gujarati
Haitian Creole
Hawaiian
Hungarian
Icelandic
Indonesian
Irish
Italian
Japanese
Kazakh
Khmer
Korean
Kurdish (Kurmanji)
Kyrgyz
Lao
Latvian
Lithuanian
Luxembourgish
Macedonian
Malagasy
Malay
Maltese
Maori
Mongolian
Myanmar (Burmese)
Nepali
Norwegian
Pashto
Polish
Portuguese
Romanian
Russian
Samoan
Serbian
Sesotho
Shona
Sinhala
Slovak
Slovenian
Somali
Spanish
Swahili
Swedish
Tajik
Thai
Ukrainian
Urdu
Uzbek
Vietnamese
