Компьютерная графика за 20 / Как работает GPU

Рет қаралды 77,959

Күн бұрын

Подавайте заявку в онлайн-магистратуру Анализ естественного языка (NLP) в лингвистике и IT: go.skillfactory.ru/W3bulg
Клавы как у меня тут: geekboards.ru/
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Видео распределено так:
90% - практика
10% - маст хэв теория
За 24 минуты объяснил все, начиная от того что такое видеокарта, вплоть до написания +- анимации siri, с минимум математики и прочим.
Телега - t.me/wndtn
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Я wndtn, мне 20 c чем-то лет, и я изучаю computer science и программирую ~10 лет.
Я into С++, и всякие low-level штуки.
У меня есть небольшой проект, xplatform, который вы сможете найти на github, и через него практиковаться в изучении всей базы программирования, и если вам повезет(если вы упорный), вы станете хорошим программистом %)
Если нужна помощь в программировании 1 на 1, чекайте ссылки .
всем добра
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Подпишись сюда, бро:
Telega и чатик - t.me/wndtn
Instagram - / winderton
Github проекта(код с канала) - github.com/winderton
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Оборудование:
Камера - Sony a7ii
Объектив - SIgma F1.4 DG
Микрофон - AudioTechnica at2035
Звуковая карта - Scarlett Solo
Петличка - Rode smartlav+
Клавиатура - HyperX Alloy
Вторая клавиатура - apple magic keyboard(black edition)
Монитор DELL 25'
Монитор Asus mg248q
Iphone 11 pro(зеленый)
CAMLINK elgato - для стриминга
JBL headset
Телик LG nanocell 50
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Музыка:
technica - Unviverse
technica - AI
technica - Tech
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
00:00 10% теории
02:22 90% практики

Пікірлер: 173

@wndtn 2 ай бұрын

10k лайков, и дропаю код с подробными комментами, инструкциями и так далее! Наслаждайтесь

@lex_darlog_fun 2 ай бұрын

Как говорится, "Hey, TA (technical artist) / graphics programmer here". Во-первых, респектос за такое добротное видео по теме, которая КРАЙНЕ сложна для понимания всем людям "со стороны". Граф. кодинг - это отдельная форма вуду-магии, от которой нормальные программисты шарахаются за километр. Вникнуть в это с ноля - прям титанический труд, браво. Во-вторых, в видосе есть-таки неточности. 9:43 Формулировка не самая удачная. Шейдеры - они по природе своей SIMD. Так что там не "три/четыре вершинных шейдера", а шейдер, всё-таки, один. Но вызывающийся на разных ядрах для разных вершин. То же самое - с фрагментами.

@izzy-pizy 2 ай бұрын

10 часов по плюсам ,все еще ждем !

@Daniel-mp7bv 2 ай бұрын

Где k это число от ноля до единицы?)

@leshka8974 2 ай бұрын

Вот бы ролики почаще выходили...

@dator644 2 ай бұрын

Вмндертн специально поставил яркую тему в пичарме чтобы мы плюсы изучали Мой рекорд по лайкам, спасибо парни

@blockedchannel7032 2 ай бұрын

И правильно сделал)

@Aksal0tel-rm7qd 2 ай бұрын

Согласен правильно

@dampling2601 2 ай бұрын

Нет это добро и зло

@gricaeshka9001 2 ай бұрын

Кайф, кайф, кайф, жду другие следующие истории, чуть-чуть теории и дальше практика, всё как я люблю

@skydis86 2 ай бұрын

Очень годный видос, Спасибо Виндертон. Я очень надеюсь что будет дальнейший разгон данной темы.

@cepejaaeshev5130 2 ай бұрын

я студент первого курса прикладной матеши и информатики. раньше имел слабое представление о том как устроена визуализация и 3д в частности. на линейной алгебре прошли задание плоскости с помощью матриц, и я сразу же представил себе два алгоритма один из которых будет отрисовывать геометрию вершин с помощью этих матриц, а второй будет трассировать и заполнять пиксели на экране. в целом посмотрев видео понял, что мое представление оказалось верным, этими двумя алгоритмами оказались вершинный и фрагментный шейдеры. вывод - учите матан и жить станет проще 😊

@titanovsky 2 ай бұрын

Вообще нет.

@antonglushchenko4263 2 ай бұрын

Когда доучишь матан до тензоров, групп и прочей интересной шняги(Раз ты примат, то скажешь привет теории стоящей за чмами), то поймешь сразу что ты в полной заднице. Говорю по собственному опыту

@0x00AE1C9B 2 ай бұрын

Как бы многие не говорили, математика - основа ВСЕГО. В своё школьное время был достаточно глуп, чтобы плотно заинтересоваться тригонометрией, но тем не менее много раз сидел с преподавателем после уроков, слушал и обсуждал многие моменты. После того, как в институте открыл для себя матрицы, понимание значительной части элементов в компьютере и в информатике подтянулось. Математикой описывается весь мир, и если хочется его познать, то без математики тут уж точно не обойтись. Многие конечно говорят, что можно без математики быть "айтишником" и успешно клепать формы да кнопки красить, но гораздо интереснее и приятнее работать с тем, что понимаешь, а не просто слепо веришь, что оно должно работать так.

@cheelzone7896 2 ай бұрын

Если тебе хочется смотреть такие видео, то да , математика не нужна

@user-ze3ez3iy6c 2 ай бұрын

Добрый день. Я из ИТМО. А Вы где учитесь?

@aleksandrk.5818 2 ай бұрын

Очень интересно, и доходчиво! Практика все видео это очень хорошо! Благодарю! Сам сейчас юзаю sfml.

@Seshi128 2 ай бұрын

10% теории и 90% практики, идеально!

@vladimircreator 2 ай бұрын

устаревшей*

@user-wf2op7gu6n Ай бұрын

@@vladimircreator + glBegin() как увидел прям расстроило. Дальше лень смотреть(

@folkusgame9030 2 ай бұрын

Офигенная тема и офигенный ты. Вопросов почти нет. Ждемс что-нибудь похожее.

@rusik_luka 2 ай бұрын

как раз начал изучать glsl. Через все эти функции я уже проходил, хотелось бы что то более сложного/нового. Крутое видео!

@hwngd 2 ай бұрын

Это видео отличается сильно от предыдущих, очень круто! Такой формат где больше практического применения, даже на базовых вещах с треугольникам - отличный! Спасибо :)

@aivondavil9691 2 ай бұрын

это великолепно! спасибо большое, это просто невероятно круто

@excyinga 2 ай бұрын

Бро, мы с тобой. Ты лучший❤

@suddenlee.9 2 ай бұрын

Это же отлично! Спасибо за работу, буду надеяться на продолжение 😊

@pavelcaj 2 ай бұрын

По кайфу делаешь, давай топи, ещё ещё

@Dima-il6my 2 ай бұрын

Очень крутая подача, понимаю мало чего, но с удовольствием смотрю, как ты объясняешь и рассказываешь)

@klirmio21 2 ай бұрын

прошло 17 минут - запускаем ииии.... Круто, все работает!) (показывает окно с синим цветом) Это не в минус, просто забавно) А видео очень познавательное и интересное!

@fsmil 2 ай бұрын

"мы создали экран смерти" 😊

@metro.exodus 2 ай бұрын

Топовый ролик, пересматриваю уже второй раз.

@yonyonson6986 2 ай бұрын

за 13 минут после того как его выложили, 24 минутное видео

@GreatInternetKnight 2 ай бұрын

@@yonyonson6986 не мешай, он спидранит

@dimayudin6945 2 ай бұрын

Пересмотрели всей семьёй 9 раз

@test3mega635 2 ай бұрын

Один из лучших роликов по азам графики, который я видел!

@user-ui2ix7rm9w 2 ай бұрын

Готов обтекать таким контентом и дальше, великолепный материал

@justInsane777 2 ай бұрын

Бро спасибо за контент реально полезно

@andry_smith 2 ай бұрын

Мне хоть и приходилось писать 3D графику 5 лет назад, со всеми шейдерами что есть в DirectX, кроме разве что mesh шейдеров. Но это видео посмотрел с удовольствием, красиво рассказываешь и показываешь.

@user-eu2bo1dh8b 2 ай бұрын

Класс, продолжай видео по графике!

@AvitoB0T 2 ай бұрын

Молодец, спасибо за время и труд

@fluffghost 2 ай бұрын

Пздато!!! После после того скажем "рекламного" ролика, думал все уже. Но нет, старый добрый виндертон все еще с нами!!! У меня в голове это было настолько не структурированна, что одним видео ты смог заставить понять все что я хотел понять очень давно!!! ЗА ЭТО РЕСПЕКТ!!!

@user-gn5uw7ou8y 2 ай бұрын

Дя, старый добрый любимый мягкий ТЁПЛЫЙ ХОРОШИЙ виндертон все ещё с нами уряяяяя > w < Я так рад Боже помоги нам

@oleksandrdavydenko6343 2 ай бұрын

Очень понравилось. Огромное спасибо за видео.

@keysi6101 2 ай бұрын

Имея вышку в теоретической математике и 10 лет опыта в инженерке, нихрена (почти) не понял за 25 минут, но просмотрел целиком и впечатлился. Подача - агонь. Лайк без вопросов. Пили больше!

@user-yx5nj4fw2x 2 ай бұрын

как всегда большое спасибо за труд)

@chepchelinka7200 2 ай бұрын

Спасибо за такое видео, помог разобраться во многом❤

@justrocket1231 2 ай бұрын

Отличное видео и отличное объяснение. В свое время лет 7 назад была задач написать шейдер для реализации банальной анимации блюра бэкграунда (для мобильной игрушки). Наверное это был мой самый травматичный опыт в программировании. Очень сложно было найти инфу что бы въехать в нее (в тему шейдеров) с нуля, по каким то ошметкам приходилось формировать понимание. Которое потом достаточно быстро улетучилось (т.к. задача была разовая).

@magikman008 2 ай бұрын

Узнал больше за это видео, чем за весь курс "Компьютерная графика" в бауманке

@webslime_ceo 2 ай бұрын

как же я ждал этого

@dimasdimas4913 2 ай бұрын

Чувак,ты классный!!!👍👍👍👍👍

@user-bv8wy8cn7o 2 ай бұрын

Классное видео Мне не хватило расшифровки аббревиатур, на пример, glsl

@blockedchannel7032 2 ай бұрын

Graphics Library Shading Language

@user-pi7lo4jg9q 2 ай бұрын

Прямоугольник выводит белого цвета. В фалах vertex.shader и fragment.shader ошибка HLSL0010 непредвиденный маркер "out". непредвиденный маркер "in". Ошибка HLSL0029 Не удается разрешить тип "vec4". Не удается разрешить тип "vec2". ошибка HLSL0056 "main": не все пути к коду возвращают значение. ошибка HLSL0033 Переменная "gl_Position" не объявлена. Кто может объяснить причину, боду признателен.

@skill_x_8016 2 ай бұрын

Спасибо за видео) Я конечно думал что компьютерная графика сложная, но чтобы настолько… После этого видоса какой-нибудь backend на Python кажется просто детской задачей

@ivanshka1759 2 ай бұрын

Народ, навалите лайков, пожалуйста, если интересна тема графики и шейдеров. Хочу, чтобы заметили коммент. Виндертон, сделай ещё что-нибудь крутое на тему компьютерной графики и шейдеров, пожалуйста! Правда чертовски интересно! P.S. Вот у меня вроде нет особых проблем с математикой, тригонометрию понимаю без проблем, но писать шейдеры для меня - темный лес. Я вообще бэкенд разраб, но шейдеры всегда были сложны для меня и оставались невероятно крутой магией. Всегда кайфую от шейдеров и восхищаюсь людьми, которые умеют в программирование графики)

@alexanderalikin1210 2 ай бұрын

не знаю насчет mix, но лерпать в шейдерах можно на основе любого значения. В случае с блюр-шейдером, например, если лерпать между оригинальным пикселем камеры и заблюренным, можно в альфу передать отрицательное значение, и эта блюр-функция станет противоположной (sharpen). А если нужно увеличить силу нормал-мапы, часто используется число выше 1. Например lerp(float3(0, 0, 1), normalMap, 2), где первый параметр - это плоская нормаль в пространстве касательных в Z-up движках (Unreal)

@user-zw1ps4fy5b 2 ай бұрын

Коммент в поддержку канала

@dyomin87 Ай бұрын

Главное, не прокидывать!.))

@NyanCoder 2 ай бұрын

На плюсах тоже можно устанавливать библиотеки менеджерами пакетов (даже на винде, например, с помощью vcpkg)

@alexkazimir3835 2 ай бұрын

Крутое объяснение

@user-vj4fs8ih9b 2 ай бұрын

а чего на плюсах vcpkg неиспользовать?

@karlmarx3843 2 ай бұрын

Оч крутое видео, обожаю работать с 3д

@xaoc3932 2 ай бұрын

Крутой видос, жаль времени нет сейчас почим что

@raleyph 2 ай бұрын

Давай больше видосов про графику и шейдеры (и про разработку игровых движков в целом)

@user-wj5sr8bi6s 2 ай бұрын

Спасибо, хороший видос, как диплом допишу, сяду потестить

@ryzhk 2 ай бұрын

На удивление, просмотр прошёл на одном дыхание! *т.к. тема не из лёгких 👍

@user-jx8zx8uk2m 2 ай бұрын

Полгода назад нужно было разработать сложную анимацию для сайта и на неделю я засел в изучение темы. Тогда-то я и познакомился с OpenGL. Начал читать учебник по нему, но решили упростить и я забил. В общем, где-то в середине видео я начал вспоминать, что я был на том сайте с шейдерами, что-то копировал, что-то писал даже с ними.

@valeriylednikov3065 2 ай бұрын

Ждём гайд по реализации 3д движка)

@user-tq3om8ou4q Ай бұрын

Классное видео

@zephyr5014 2 ай бұрын

Блин, сделай аналог на вулкане, это же будет супер круто

@softwet4341 2 ай бұрын

Та не, слишком сложно и бесполезно. Сложно в том плане, что для отрисовки одного треугольника, требуется 1000+ строк когда. Не веришь - загугли. А бесполезно в том плане, что его имеет смысл использовать, когда у нас на отрисовке очень много треугольников, а в данном примере мы используем только 2 и поэтому прироста в производительности не будет.

@zephyr5014 2 ай бұрын

@@softwet4341 Я работал с вулканом. Я знаю о чём ты, просто ну хз. Сделать такой advanced-level гайд на что-то более продвинутое, мб как One Lone Coder, если знаешь такого.

@KhusnutdinovRoman 2 ай бұрын

Ждем с++

@tryrp 2 ай бұрын

Как называется такое направление программирования?

@ATtiny13a-PU 2 ай бұрын

Есть расширение для VS, прям так и называется glsl, позволяет комплировать нативно исходник шейдера без запуска проги, подсвечивать синтаксис и находить ошибки

@payrgames 2 ай бұрын

Хотелось бы больше видос связанных с игровой сферой и графикой

@KroshEasyLolka Ай бұрын

Давай 3D! Было бы интересно про embree послушать

@anon_commentator 2 ай бұрын

Меня прикалывает, что буквально в тот же момент когда я начал погружаться в CPU и GPU графику, вышел этот видос. Я просто листал ленту, заполненную этой тематикой, и в ней оказалось это видео. Сказать что я охренел = ничего не сказать 😅

@artema2043 Ай бұрын

То же самое. Сейчас изучаю OpenGL, glsl, плюс вспоминаю матан. Очень хочу влиться в разработку движков для игр.

@Rulezzz3 2 ай бұрын

В этом ролике была реклама здорового блогера, не квк у других - скилбокс, реклама блогера курильщика😂

@user-kw1eg8uo2v 2 ай бұрын

сложно, критически непонятно, но досмотрел до конца. хорошее видео

@ivansverdlov3317 2 ай бұрын

скажи, а в чем смысл вот этих шрейдеров? Ведь все что ты рассказал, можно реализовать другим способом, это для того, чтобы перенести основную работу на видеокарту, освободив процесор? Просто я вообще в этом ничего не понимаю, но слушать было интересно, ты так быстро рассказываешь. что вызывает восхищение без э.э.э.эканий и запинок. Но я не понял для чего это все, просто интересно понять.

@leshka8974 2 ай бұрын

Вот бы ролики почаще выходили...

@xbxdxdx 2 ай бұрын

самый сок, вкуснятина

@cheelzone7896 2 ай бұрын

Не понимаю эти бесполезные хвалебные отзывы в комментариях, как будто до этого видео, тема графики была закрыта для всех.😅😅😅

@Parallelogramm2845 Ай бұрын

До этого видео я меньше знал о графике. Не суди по себе

@MrMiha336 Ай бұрын

Ну кто-то с этого видео с ней познакомился. Что в этом плохого? Не все же подписаны на те же каналы, что и ты 🤷‍♂️

@zamaSuX 2 ай бұрын

🎉

@user-lj8bl8wq8u 2 ай бұрын

Надо бы ещё 3д графику разобрать.

@shadass8507 Ай бұрын

А где можно работать зная эту информацию? Тексты для игр писать?

@mansur_sw07 2 ай бұрын

Надо изучать C для компьютерные сети но не знаю откуда начать, есть у кого нибудь roadmap?

@kaemey4330 Ай бұрын

Концепция ясна, но сложновато, думал попроще всё)

@nitisblank 2 ай бұрын

Сделай видос про вулкан апи

@valekprometey Ай бұрын

Спасибо. Максимум пользы

@salautinartem 2 ай бұрын

Всегда смотрю и восхищаюсь. Чувствую себя барашкой😂😂😂

@meverever5109 2 ай бұрын

Ничего не понятно, но очень интересно

@justzarg6700 2 ай бұрын

Надо было рассказать про матрицы, 3д и проекции)

@amej5628 2 ай бұрын

вау

@IHNIWETN 2 ай бұрын

о, моя шарага

@mndtr0 2 ай бұрын

Как у ИИ с программированием графики?

@Qrlik 2 ай бұрын

я тут с тобой

@TheAgressor13 2 ай бұрын

кайф

@kirillov_kk 2 ай бұрын

Касаемо рекламы клавиатур на 15:10, кто нибудь в курсе существует ли клавиатура разделенная как здесь на две части, но чтобы посредине был тачпад? И если да, как называется, как гуглить подобные?

@awkwardquestion8643 2 ай бұрын

Купи отдельный тачпад и положи его в центре)

@driver_bmng 2 ай бұрын

ахаххахаха гкний@@awkwardquestion8643

@agentsmit09 2 ай бұрын

Не знал об этой библиотеке. Я когда-то в 2007 году нашел статьи по SDL и он мне после DirectX зашел лучше. Для моих подделок вполне годился и SDL для работы с OpenGL. Да и в том же году я осваивал Linux и мне было интересно писать кроссплатфоменный код на C++

@dimadyadkin8002 2 ай бұрын

а с++ 10 часов?

@Daniel-mp7bv 2 ай бұрын

Довольно быстро пробежали по коду и тому что где и почему он такой ) С функциями все ясно, не ясно чем это отличается от других вариантов взаимодействия с пикселями экрана. Тут наверно были бы к месту примеры альтернативных методов. Так же интересен следующий шаг - интерактивность )

@artema2043 Ай бұрын

Это очень обширная тема, и за пару видосов её не охватить. Потому берёте книги, видеокурсы и много практикуетесь. Плюс изучайте чужой код. Удачи, и надеюсь вас затянет в прекрасный мир графики)

@user-ke5xs7ke1f 2 ай бұрын

Здравствуйте, я попытался сделать, но у меня выходить данная ошибка: OpenGL.error.GLError: GLError( err = 1282, description = b'\xed\xe5\xe4\xee\xef\xf3\xf1\xf2\xe8\xec\xe0\xff \xee\xef\xe5\xf0\xe0\xf6\xe8\xff', baseOperation = glUseProgram, cArguments = (3,) ) Что делать?

@ceziy056 Ай бұрын

Смог найти решение? Та же ошибка с glUseProgram(shader)

@user-ke5xs7ke1f Ай бұрын

Нет, если честно 1 день поискал и вернулся к своему программированию

@vlad3c Ай бұрын

Интересно как это все происходит на уровне железа. Понятно что многие вещи делать в секретности, но для общего понимания процесса. Просто не совсем понимаю, как работает видеокарта. Cpu понятно читает инструкции из оперативной памяти и их выполняет, как при этом работает gpu и их взаимодействие. Вот тут лично у меня пробел.

@nikitos-mw9nb 2 ай бұрын

Не могу жить без твоих видео!!!!

@user-vs4lo7ox4t 2 ай бұрын

✍👽👍

@alexeynesin483 2 ай бұрын

Помню как-то два месяца потратил чтобы понять такие основы и чтобы все заработало (жалко тогда ни chatgpt ни этого видео не существовало). В хорошее время живем(если учитывать только образовательный контент).