1.3: Basics of drawing - p5.js Tutorial The Coding Train English Russian

1.3: Basics of drawing - p5.js TutorialYouTube↗ IA↗(long shot)
Education 245K views 3.1K likes 58 dislikes 01 Sep 2015 Show Contributors 4

The Coding Train 1.8M subscribers United States YouTube↗

Contributed subtitles

Portuguese Ricardo Cambraia

Russian Денис Кормилицын

French Gregory Berger

Spanish (Latin America) diespeso

Click to Play Video

Hello, so this video is an introductory video,

Привет. Это обучающее видео,

this is a beginner video,

видео для новичков,

for those of you who haven't learned anything about programming before.

для тех, кто никогда не программировал.

We're going to look at p5.js,

Мы будем рассматривать p5.js.

I've discussed what p5.js is in the previous video.

О том, что это такое я говорил в предыдущих видео.

In this video, the only topic here, and this is hopefully a pretty easy one,

Единственной темой этого видео, надеюсь, достаточно простой,

is coordinate system and shapes.

будут система координат и фигуры.

What does that mean?

Что это значит?

So one of the first things that I would like to show you

Первое, что я хочу показать вам,

in learning to program is drawing.

обучая программированию, это рисование.

So there is a lot more to programming than drawing,

Программирование это не только рисование.

in fact this is a tiny piece!

На самом деле это лишь небольшой кусочек.

If what you're interested in is programming games

Если вы заинтересованы в программировании игр

or animations are lot of that is graphics and drawings.

или анимаций - это по большей части графика и рисование.

But in things of what you can do on the web, having different things

Но в понятиях того, что можно делать в сети: взаимодействие с объектами

talk to each other, interacting with the user,

взаимодействия с пользователем,

analyzing data, all sorts of tools

анализ данных и прочие вещи

to do good in the world, there's lots more that you can

для всего на свете, есть много прочего,

do besides drawing.

кроме рисования.

But drawing is a nice place to start!

Но с рисования неплохо начинать.

It's not for everybody, but if you are a visual designer,

Это не для всех, но если вы дизайнер

or like to draw or like to do things visually

или любите рисовать и представлять визуально

it can be a useful, easy way to start learning

это может быть простой путь для того, чтобы начать

the basics of programming.

изучать основы программирования

So hopefully later I'm gonna do a lot more videos that just look at the text,

Надеюсь, в будущих видео я буду больше смотреть на текст

the data, that have a little bit less to do with drawing,

и данные, а рисовать немного меньше

for those of you who might be interested in that.

для тех, кому интересно.

Ok, so in order to draw,

Так, для того, чтобы рисовать

we need a canvas.

нам нужен холст (канвас).

So this is the canvas.

Вот, это холст.

Now if I want to draw something on the canvas,

Если я хочу нарисовать что-то на холсте,

that canvas on this board, I will take this pen

здесь на доске, я беру маркер

and I will just do this ... there, I drew something!

и делаю так... Вот, я нарисовал!

Now, programming is the act of giving instructions to

Программирование - это процесс выдачи инструкций

the computer to follow.

по которым работает компьютер.

So whereas I just kinda did some sort of mojo

Сейчас я совершил какое-то таинство

in the moment thing with my mind to draw

своим разумом, чтобы нарисовать

that rectangle, if we, you want

этот прямоугольник. Если вы хотите,

that rectangle to appear on the screen, you need to write the instructions for that.

чтобы этот прямоугольник появился на экране, нужно написать инструкцию для этого.

So, the instruction that you need to learn to give it as a command

Инструкция, которую необходимо подать как команду,

really what it is, is a function.

на самом деле называется функцией.

I can't say the word 'function' enough

Нельзя перестать говорить "функция",

because function, this idea of a function is completely

потому что функция, а точнее идея функций -

fundamental to the way everything works in Javascript!

это основа работы всего в JavaScript.

So this is kind of our first view of a function,

Это наш первый взгляд на функции.

there is a function called 'rect()'

Есть функция под названием 'rect()'

So if we think of this as a command you say: rect!

Если думать о командах, то вы говорите "rect!"

the rectangle would appear there in the window/canvas!

и на экране появляется прямоугольник.

However it will not because I need to say where

Однако, он не появится, потому что мне надо указать,

it should go and how big it should be.

где на канвасе и каких размеров он должен быть.

So how do we tell the computer

Так как нам сказать компьютеру

how to draw that rectangle?

нарисовать прямоугольник?

So the way that happens is through the use

Это можно сделать, испольщуя

of something called 'arguments'.

нечто, называющееся "аргументы".

So when I issue this command: rect()!,

Когда я выдаю команду rect(),

draw a rectangle!,

нарисовать прямоугольник,

I also have to specify some arguments,

я должен указать некоторые аргументы

and the arguments to that rectangle,

Аргументы для прямоугольника,

they come in the form of numbers,

они идут в виде чисел,

and are separated by commas,

разделяются запятыми

and enclosed in parentheses,

и заключены в скобки

with the line being ended by a semicolon.

а на конце строки ставится точка с запятой.

So this is a moment, that we just have to admit something

И мы подошли к моменту, когда нужно признать,

to ourselves, which is that syntax is a thing that you have

что синтаксис - это вещь, с которой придется сталкиваться

to deal with in programming.

в программировании.

So with the human language that we speak to each other,

Так, на человеческом языке, на котором мы общаемся друг с другом,

in my case it is English,

в моем случае - это английский,

and some broken, bad versions of some other languages,

и плохие версии других языков,

we can say things very informally: 'draw a rectangle!',

можно сказать это неформально: "нарисуй прямоугольник",

'would you please draw a rectangle?',

"можешь нарисовать прямоугольник?",

'kindly, my friend over there, would you make a rectangle

"пожалуйста, друг, можешь ли ты сделать прямоугольник,

happen on the screen by moving your pen around?',

поводив маркером по доске?".

there are all sorts of different ways we can say that.

Это можно сказать множеством способов.

But here I have to say it in a very specific way.

Но здесь, я должен сказать это определенным образом.

If I'm missing a comma, or parentheses, it is not going to work!

Если я пропущу запятую или точку с запятой, это не будет работать.

We'll get an error message,

Мы получим сообщение об ошибке,

I'll show you what happens when you get that error message

Я покажу, что тогда происходит

and how to fix it,

и как это исправить,

but this is something that is important, that you're gonna have to start

но это нечто очень важное, к чему придется начать привыкать

getting comfortable with, I don't know if I'm ever

Не знаю, смогу ли я когда-нибудь

getting comfortable with it, but it's something that exists!

привыкнуть к этому, но этого не изменить.

So that's the syntax. What goes in these blank spots?

Это и есть синтаксис. Так, что должно быть в этих пробелах?

So here are the things that go there:

Вот что там будет:

an x-location, a y-location, a width and a height.

координата x, координата y, ширина и высота.

So this brings up a key point!

Это подводит нас к ключевому моменту.

What do I mean by that? x-location, y-location?

Что я имею в виду под этим? x, y?

For some of you that might be the most obvious thing,

Для некоторых из вас это очевидно,

especially if you have done stuff with computer graphics before,

особенно, если вы работали с компьютерной графикой,

but for some of you it might be quite new.

но для некоторых это будет в новинку.

So what I would like to do, very briefly, is take a look

Так, что я хочу сделать, это очень быстро рассмотреть

at a different context.

другую тему.

This sort of middle school, high school geometry class context.

Тему из школьных учебником по геометрии.

So this is a graph, of a Cartesian plane,

Это граф, декартова система координат

named for René Descartes, the mathematician.

названная в честь Рене Декарта, математика.

This is what's known as the x-axis,

Это то, что называют осью x,

this is what's known as the y-axis.

это то, что называют осью y.

And if I've got a point over here I could describe that point

Если у меня есть точка где-то здесь, я могу ее описать

in terms of an x and a y.

координатами x и y.

What is that point's x and y?

Чему равны x и y этой точки?

Well, I can tell you that the center right here is the point 0,0.

Ну, я могу сказать, что точка в центре имеет координаты (0,0).

That gives us a clue!

Это подсказка.

The x-axis moves this way positively

Ось x увеличивается вправо

and this way negatively.

и уменьшается влево.

So, 1, 2, 3 ...

Так, 1, 2 , 3...

so the x-location of this point here is the number 3.

Координата x этой точки равна 3.

And now we can say: 1, 2, 3, 4 ... y moves upwards positively

Теперь мы можем сказать: 1, 2, 3, 4... y растет вверх,

the y-location of that point is 4.

Координата y этой точки равна 4.

so this point has an x-value of 3, a y-value of 4.

Так, координата x этой точки равна 3, y - 4.

Now let's get this canvas again.

Теперь вернемся к канвасу.

This is our canvas, the thing we're going to drawn on,

Это наш канвас, на котором мы будем рисовать,

*непереводымие бормотания*

This canvas .. How does this map to this canvas?

Этот канвас... Как перенести оси на канвас?

Well, the thing is computer graphics doesn't work this way.

Дело в том, что компьютерная графика так не работает.

There is a similar idea, there's an x-axis and a y-axis,

Есть схожие понятие: оси x и y,

but 0,0 - at least for what we're doing right now, this will change later -

но точка (0,0) - по крайней мере сейчас, потом мы это изменим, -

is not in the center!

не является центром!

The top lefthand corner of our graphics window, our canvas,

Верхний левый угол нашего окна, канваса

is defined as 0,0 ...

является точкой (0,0)...

and x moves positively in this direction,

x увеличивается в этом направлении,

y moves positively in this direction.

y - в этом.

So this is the x-axis

Это ось x,

and this is the y-axis.

это ось y.

Now, the other thing that's sort of key here is

Другая ключевая особенность здесь:

I use these small numbers, zoomed in, kinda counting,

здесь я использую небольшие числа в приближении,

that's kind of not relevant for the creative programming things

это не совсем применимо к креативному программированию,

that I'm gonna show you on this canvas here.

которое будет происходить на канвасе.

Because typically speaking I'm gonna say: open a canvas that has a width

Потому что, обычно я буду говорить: создай канвас

of 640 and maybe a height of 360.

с шириной 640 и высотой 360.

So we're going to open a large window with a lot of pixels, millions of pixels!

Мы откроем большое окно с пикселями, миллионами пикселей!

We could just kind of guesstimate here for now, but if I said:

Сейчас мы можем только гадать, но если я скажу:

Oh, an x-value of 100,

Вот, x равен 100,

where's 100 gonna be?

где будет это 100?

I don't know ... maybe over here somewhere

Ну, не знаю... может быть, где-то здесь.

Maybe I say a y-location of 200,

Может, я скажу y равен 200,

it's like down here somewhere.

это будет где-то здесь.

If I say width of 75 and a height of 150,

Скажу ширина 75, высота 150,

I end up seeing a rectangle like this.

И увижу прямоугольник типа такого.

But not drawn to scale ...

Рисую как попало...

So the reason why I am doing this in a totally messy 'I am getting it

Причина, по которой я делаю все так неряшливо,

all wrong' kind of way, is I think it's a nice way to figure this out,

потому что я считаю, что лучше всего это понять

just through trial and error.

методом проб и ошибок.

the key is the syntax, I need to know: what is my function name?

Главное - это синтаксис. Я должен знать как называется функция.

What is the command I am issuing?

Что за команду я посылаю?

Rectangle, rect(),

Прямоугольник, rect(),

What are the arguments it expects?

Какие аргументы ей требуются?

An x-location, a y-location, a width and a height.

Координаты x, y, ширина и высота.

Formulate the syntax, and get it in the window!

Расставить все по местам и вывести в окно.

Now look at this, let's actually just make that happen ...

Теперь смотрим сюда. Давайте сделаем это прямо сейчас...

So I'm gonna say: my canvas is 640 by 360,

Скажем, что мой канвас имеет размеры 640 на 360,

you can see I specified there the size of the canvas,

вы видите, что я указал размер канваса,

and now the rectangle is ... I said something like

и теперь прямоугольник... я сказал что-то вроде

100, 200, and then 75, 150 ...

100, 200, 75, 150...

So you can see now I entered those in, as the arguments,

Теперь вы видите, я ввел их как аргументы:

rect, 100, 200, 75, 150

rect(100, 200, 75, 150);

So now, moment of truth, let's hit this button up here,

Теперь настал момент истины. Нажмем эту кнопку наверху.

this button, by the way, this green button right here

это кнопка, кстати, эта зеленая кнопка

this is what it's known as the 'play button',

называется кнопкой "играть"

it's kind of an absurd thing, to have a play button,

это немного абсурдно, иметь кнопку "играть",

like we're playing our code, really what we're doing is executing

будто мы проигрываем наш код, на самом деле мы

an application, we're launching the software we've written here,

выполняем приложение, мы запускаем программу, которую написали,

this exciting piece of software that makes a canvas

этот волнующий кусок кода, создающий канвас

and draws a rectangle, but it's nice to have

и рисует прямоугольник, но неплохо

this model of thinking of it as a media player.

думать об этом, как о проигрывании медиафайлов.

So the next thing I'm gonna do is I'm gonna press this button

Теперь я нажму эту кнопку

and we're gonna see ... here we go.

и мы увидим... вот это.

So you can see now that this is what the canvas actually looks like.

Теперь вы видите, что из себя представляет канвас:

It is 640 pixels wide, it's 360 pixels high,

он 640 пикселей в ширину, 360 в высоту,

and the rectangle is at 100 on the x-axis,

прямоугольник начинается в точке 100 по x

and 200 pixels down, 75 across, and 150 down.

200 по y, шириной 75, высотой 150.

So you can see how that works.

Теперь вы видите, как это выглядит.

You can see here that I, this was kind of incorrect, my guesstimation,

Можно заметить, что я немного ошибся в своих догадках.

but over here now, I can say: ah, that's not really what I wanted.

но теперь, видя это, я могу сказать, что получилось не так, как я хочу.

I didn't want the rectangle

Я не хотел, чтобы он шел

to go so far to the bottom,

вниз до самого низа.

so I'm gonna change it from 150 to 125, and let's stop,

и я поменяю 150 на 125, остановлю

and then play it again,

и запущу снова,

and you can see, there it is!

и вот, вы видите это.

There's my rectangle at a different location.

Мой прямоугольник изменился.

So this is actually kind of it, for this first stage!

Это, в общем-то, все на данный момент.

But there's a couple of more pieces here ...

Но есть еще пару моментов...

One is, there are more shapes in life than a rectangle!

Во-первых, на свете есть много фигур помимо прямоугольника.

Some that you might look at, just now, if you're beginning to learn, are:

Некоторые, для начала изучения:

'ellipse' (a way of drawing a circle but you can also draw this or this),

Эллипс (ellipse) - для рисования кругов и чего-то такого.

you might look at 'line',

линия (line),

you might look at 'arc' (that's kind of a tricky one),

арку (arc) - это немного сложно

ah, these are pretty good, you might look at 'point'.

еще есть точка (point).

There are a whole bunch of these,

Их довольно много,

and they all expect some amount of arguments,

и для всех требуются свои аргументы

and you could guess, well, a rectangle needed an

можно догадаться, например, прямоугольнику нужны

x, y, and a width and a height, maybe an ellipse also needs

x, y, ширина и высота, эллипсу тоже нужны

x, y, and a width and a height?

x, y, ширина и высота

And to draw a line, well, what could a line mean?

Для вывода линии, что нужно для линии?

ok, well, a line is a thing ... a line, a bunch of pixels

Хорошо, линия это... пиксели,

that connect two points.

которые соединяют две точки

How could I say: draw a line?

Как же сказать "нарисуй линию"?

Oh, what if I give the x, y of one point and the x,y of another point?

Что, если передать x, y одной точки и x, y другой точки?

That would tell you how to draw a line.

Так можно описать линию.

So you could guess all this

Можно легко догадаться,

but the point of doing this is not to guess or memorize,

но здесь смысл не в запоминании или угадывании,

there is a reference that will list you, what are all

есть справка, в которой содержатся

the possible functions and what are the arguments they expect?

все доступные функции и аргументы для них.

So if I come over here, the thing that I would like to show you,

Если мы перейдем сюда, то, что я хочу показать.

is I'm going to go now to

Сейчас я открою

the p5.js website and this is kind of where you should start,

сайт p5.js и это откуда стоит начать.

oh, look at that beautiful animation,

О, смотрите на эту прекрасную анимацию.

you should start by looking at, well, there are a lot of places

Нужно начать, ну, можно начать из разных мест

you could start, you might need to download the editor,

для начала может понадобиться скачать редактор

which I think I showed in the previous video ... maybe I didn't ... ?

что я показывал в предыдущих видео... или нет?..

There are some tutorials here, there's more under 'Learn' and 'Start'

Есть разделы "уроки", "старт",

but what I want to look at right now is 'Reference'.

но сейчас я хочу открыть справку.

So I'm gonna click 'Reference' and ...

Так я нажму "Reference" и...

I would like to look at is ...

Я хочу посмотреть раздел...

"фигуры"!

So I think this is a good place for you to start.

Вот отсюда лучше всего начать

If you're looking for an assignment

если вам нужно домашнее задание

or an exercise to do at the end of this video:

или упражнения после этого видео:

look at all these functions, arc, ellipse, line, point, quad, rect, triangle

посмотрите на эти функции: arc, ellipse, line, point, quad, rect, triangle

and this is in fact what I love about working in Javascript

и вот, что мне очень нравится при работе с JavaScript

let's look at the line function

Давайте откроем функцию line().

you can see here: look, that's it, this is an example for how you draw a line,

Здесь можно увидеть: вот, смотрите, вот пример использования функции.,

but I can just play around with this right here ...

но я могу изменить значения прямо здесь

and see does that change it?

и сразу увидеть результат.

So you can see here, but this is what it's important, this is what matters to you:

Но вот, что вам важно запомнить:

this is the syntax: 'line' expects 4 arguments, you can call them parameters,

это синтаксис: line ожидает 4 аргумента, можно называть их параметрами:

x1, y1, x2, y2.

x1, y1, x2, y2.

That's connecting, a line is connecting 2 points.

Линия соединяет две точки.

The parameters are here, here they are defined.

Параметры здесь, здесь они определяются.

So this is what you have to get used to doing:

Вот, что вам нужно привыкнуть делать

you see the basics, I can open up a project in the editor,

Вы видите основы. Я могу открыть проект в редакторе,

I can type code in there, I know I need to know about syntax,

там я могу написать код, я так же должен знать синтаксис

now I have a sense of the coordinate system,

Теперь у меня есть сцена с системой координат,

but you need to get used to all these different shapes.

но нужно привыкнуть ко всем этим фигурам.

What are the shapes that you can draw?

Что за фигуры вы можете нарисовать?

And how do you do that?

Как вы это сделаете?

So what I would say, on your own, I can get through all of these,

Я могу по ним всем пробежаться,

but I think it's much more useful to do it on your own,

но я думаю вам лучше самим это сделать,

to try all these, to play with them even just in the p5.js website itself.

открыть все, изменить параметры прямо на сайте.

There is a last piece, before I end this video, that I want to talk about,

И до того, как закончить это видео, должен сказать кое-что еще.

and we need to come back here.

Вернемся сюда.

I kind of just glossed over this 'createCanvas' thing

Я немного преукрасил функцию createCanvas(),

and I also really haven't mentioned what is this function setup()

и ничего не сказал по поводу функции setup()

and this function draw()?

и это функции draw().

So these are gonna become much more clear in the future times,

Это станет более понятно позже

in the next, in a future video

в следующих видео

we'll spend a lot of time looking at setup() and draw(),

мы подробно разберем эти функции.

but the deal is, I said that functions are

Но дело в том, я сказал, что

absolutely fundamental to the way that Javascript works!

функции это основы функционирования JavaScript.

Everything boils down to a function.

Все сводится к функциям.

And the first functions that you are going to learn to write ...

И первые функции, которые мы научимся писать...

... looks like this.

выглядят так.

So your code has to live somewhere.

Вашему коду нужно где-то жить.

It has to live ultimately, there is more to it than this, now let's think

Более того, ваш код должен быть живым, но пока что

of this statement: 'your code has to live inside a function!'

давайте остановимся на "ваш код должен жить внутри функции".

Right now there are only 2 places, 2 functions to put your code ...

Сейчас есть только 2 места, 2 функции, чтобы вставить свой код...

there is the setup() function and the draw() function.

Функция setup() и функция draw().

The setup() function, which you say: function setup()

Функция setup(), которая записывается как: function setup()

and we're gonna get to what these parentheses are,

об этих скобках мы еще поговорим,

the curly brackets define the beginning and the end

и фигурные скобки в начале и в конце

of that function.

этой функции.

The setup() function is where you do the things you do right when

Функция setup() это место, где вы делаете то, что должно быть сделано,

the programs starts!

когда программа запускается.

Like: 'createCanvas(__)'

Например, createCanvas().

To setup your canvas, to setup your p5 sketch,

Чтобы подключить канвас, чтобы подключить скетч p5

you need to create a canvas in the setup() function.

нужно создать его в функции start().

Then you want to draw stuff to that canvas.

После этого вы захотите что-то добавить на канвас.

Where do you all your drawing stuff?

Где вы это будете размещать?

Inside this drawing function!

Внутри функции draw().

So there is more to it, we're gonna need to make things animate,

Это еще не все, нам нужно будет анимировать объекты,

we're gonna need to do something when someone clicks the mouse,

делать что-то, когда нажимают мышь,

and how we handle different events,

и обрабатывать разнообразные события

and how the program flows over time.

и как программа работает во времени.

I'll get into this more and more in a future video.

Это мы будем разбирать в следующих видео.

And we can look back here and see: there it is!

И если вернемся сюда: вот оно.

setup() has a createCanvas()

Внутри setup() есть createCanvas(),

and draw() has rect().

внутри draw() есть rect().

Try to make a design of something interesting for yourself,

Попробуйте сделать что-нибудь интересное для себя

and hopefully this video was somewhat useful.

и, надеюсь, это видео было полезным.

Ok, I'm gonna stop now!

Окей, на этом закончим.

*невнятные бормотания*

Similar videos:

CanvasItem & Drawing in | Godot Basics Tutorial | Ep 39
Godot Tutorials
1.5K views 106 likes 5 dislikes 13 Aug 202060% match

1.1: Introduction - p5.js Tutorial
The Coding Train
706.1K views 11.2K likes 163 dislikes 01 Sep 201535% match

1.1 What is a Vector? - The Nature of Code
The Coding Train
85.2K views 2.7K likes 14 dislikes 07 Mar 202033% match

Coding Challenge #31: Flappy Bird
The Coding Train
1.1M views 19.5K likes 537 dislikes 10 Aug 201631% match

#1 Tip to Effective Melodic Guitar Soloing - Steve Stine Guitar Lessons
Steve Stine Guitar Lessons
834.6K views 19.3K likes 245 dislikes 20 Mar 201831% match

0 views 0 likes 0 dislikes 06 Jun 202631% match

Blender Intermediate Modelling Tutorial - Part 1
Blender Guru
1.8M views 37.9K likes 677 dislikes 26 Jul 201731% match

Coding Challenge #1: Starfield in Processing
The Coding Train
1.1M views 23.8K likes 321 dislikes 12 Apr 201630% match

Turning a broken iPhone into a working USB flash drive? - in Shenzhen, China
Strange Parts
1.3M views 48.4K likes 734 dislikes 28 Apr 201830% match

Partial derivatives, introduction
Khan Academy
836.1K views 6.5K likes 294 dislikes 11 May 201630% match

A Day in the Life of an Architect | Architecture vlog
30X40 Design Workshop
1.6M views 43.5K likes 417 dislikes 15 Mar 201830% match

2.5 Gravitational Attraction - The Nature of Code
The Coding Train
70K views 2K likes 16 dislikes 23 Apr 202030% match

What's Inside FAKE Football Boots
Football Boots
422.1K views 3.3K likes 893 dislikes 29 Oct 201730% match

Philips Viva Pasta Maker Review
Techmoan
489.1K views 13K likes 332 dislikes 25 Jan 201830% match

How To Design A Clothing Line The Right Way | From The Ground Up
John Santos
267.4K views 12K likes 144 dislikes 11 Aug 202030% match

CSS
CS50
10.2K views 51 likes 2 dislikes 26 Oct 201530% match

Worm Vernmenting System for Batch Food Processing!
World Composting
1.3K views 84 likes 2 dislikes 19 Aug 202030% match

Casio KX-101 Bizarre Boombox/Keyboard hybrid
8-Bit Keys
488.1K views 13K likes 362 dislikes 13 Feb 201829% match

👉What Everyone Gets Wrong Drawing Hands - Critiques👈
Proko
1.2M views 39.1K likes 568 dislikes 19 Oct 201729% match

Macintosh LC Monitor Restoration
The 8-Bit Guy
621.7K views 21.3K likes -1 dislikes 22 Jul 201929% match

Tensorflow 2 Object detection on the Raspberry PI 4
CODE MENTAL
2.3K views 51 likes 1 dislikes 11 Dec 202029% match

Problems with Zero - Numberphile
Numberphile
5.2M views 72.9K likes 1.5K dislikes 25 Oct 201229% match

HDMI 2.1 | eARC | 120Hz Explained For PS5 And XBOX Series X
Tech Steve
5.8K views 247 likes 4 dislikes 11 Nov 202029% match

Character Design Mini-Series Pt. 1 - Gesture, Silhouette, Form
Marco Bucci
781.8K views 43.5K likes -1 dislikes 29 May 201929% match

Neewer Ring Light unboxing (18 Inch) - Pete
PeteTV
198 views 17 likes 1 dislikes 28 Nov 201829% match

Accompagnamento Pianoforte by MeX Comping Vol.1 (Subtitles)
MeXKeys
1.1K views 137 likes 1 dislikes 20 Jan 202129% match

Samsung Q60A vs Samsung Q60T TV Comparison
Tech Steve
159.6K views 2.3K likes 60 dislikes 30 Mar 202129% match

DOM
CS50
9.8K views 47 likes 1 dislikes 10 Nov 201529% match

I found wireless LEDs - no batteries needed! in Akihabara, Tokyo
Strange Parts
2.2M views 64.7K likes -1 dislikes 25 May 201929% match

How I Got Rid Of My Double Chin!!
Beauty Within
711.5K views 6.4K likes 644 dislikes 04 Dec 201729% match

Settings Privacy About Contact Donate