Компьютерная графика за 20 / Как работает GPU
Подавайте заявку в онлайн-магистратуру Анализ естественного языка (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% практики
Пікірлер: 172
10k лайков, и дропаю код с подробными комментами, инструкциями и так далее! Наслаждайтесь
@lex_darlog_fun
Ай бұрын
Как говорится, "Hey, TA (technical artist) / graphics programmer here". Во-первых, респектос за такое добротное видео по теме, которая КРАЙНЕ сложна для понимания всем людям "со стороны". Граф. кодинг - это отдельная форма вуду-магии, от которой нормальные программисты шарахаются за километр. Вникнуть в это с ноля - прям титанический труд, браво. Во-вторых, в видосе есть-таки неточности. 9:43 Формулировка не самая удачная. Шейдеры - они по природе своей SIMD. Так что там не "три/четыре вершинных шейдера", а шейдер, всё-таки, один. Но вызывающийся на разных ядрах для разных вершин. То же самое - с фрагментами.
@izzy-pizy
Ай бұрын
10 часов по плюсам ,все еще ждем !
@Daniel-mp7bv
Ай бұрын
Где k это число от ноля до единицы?)
@leshka8974
Ай бұрын
Вот бы ролики почаще выходили...
Вмндертн специально поставил яркую тему в пичарме чтобы мы плюсы изучали Мой рекорд по лайкам, спасибо парни
@blockedchannel7032
Ай бұрын
И правильно сделал)
@Aksal0tel-rm7qd
Ай бұрын
Согласен правильно
@dampling2601
Ай бұрын
Нет это добро и зло
Кайф, кайф, кайф, жду другие следующие истории, чуть-чуть теории и дальше практика, всё как я люблю
Очень годный видос, Спасибо Виндертон. Я очень надеюсь что будет дальнейший разгон данной темы.
Очень интересно, и доходчиво! Практика все видео это очень хорошо! Благодарю! Сам сейчас юзаю sfml.
Офигенная тема и офигенный ты. Вопросов почти нет. Ждемс что-нибудь похожее.
Это видео отличается сильно от предыдущих, очень круто! Такой формат где больше практического применения, даже на базовых вещах с треугольникам - отличный! Спасибо :)
это великолепно! спасибо большое, это просто невероятно круто
10% теории и 90% практики, идеально!
@vladimircreator
Ай бұрын
устаревшей*
@user-wf2op7gu6n
28 күн бұрын
@@vladimircreator + glBegin() как увидел прям расстроило. Дальше лень смотреть(
Топовый ролик, пересматриваю уже второй раз.
@yonyonson6986
Ай бұрын
за 13 минут после того как его выложили, 24 минутное видео
@GreatInternetKnight
Ай бұрын
@@yonyonson6986 не мешай, он спидранит
@dimayudin6945
Ай бұрын
Пересмотрели всей семьёй 9 раз
я студент первого курса прикладной матеши и информатики. раньше имел слабое представление о том как устроена визуализация и 3д в частности. на линейной алгебре прошли задание плоскости с помощью матриц, и я сразу же представил себе два алгоритма один из которых будет отрисовывать геометрию вершин с помощью этих матриц, а второй будет трассировать и заполнять пиксели на экране. в целом посмотрев видео понял, что мое представление оказалось верным, этими двумя алгоритмами оказались вершинный и фрагментный шейдеры. вывод - учите матан и жить станет проще 😊
@titanovsky
Ай бұрын
Вообще нет.
@antonglushchenko4263
Ай бұрын
Когда доучишь матан до тензоров, групп и прочей интересной шняги(Раз ты примат, то скажешь привет теории стоящей за чмами), то поймешь сразу что ты в полной заднице. Говорю по собственному опыту
@0x00AE1C9B
Ай бұрын
Как бы многие не говорили, математика - основа ВСЕГО. В своё школьное время был достаточно глуп, чтобы плотно заинтересоваться тригонометрией, но тем не менее много раз сидел с преподавателем после уроков, слушал и обсуждал многие моменты. После того, как в институте открыл для себя матрицы, понимание значительной части элементов в компьютере и в информатике подтянулось. Математикой описывается весь мир, и если хочется его познать, то без математики тут уж точно не обойтись. Многие конечно говорят, что можно без математики быть "айтишником" и успешно клепать формы да кнопки красить, но гораздо интереснее и приятнее работать с тем, что понимаешь, а не просто слепо веришь, что оно должно работать так.
@cheelzone7896
Ай бұрын
Если тебе хочется смотреть такие видео, то да , математика не нужна
@user-ze3ez3iy6c
Ай бұрын
Добрый день. Я из ИТМО. А Вы где учитесь?
как раз начал изучать glsl. Через все эти функции я уже проходил, хотелось бы что то более сложного/нового. Крутое видео!
Бро, мы с тобой. Ты лучший❤
Один из лучших роликов по азам графики, который я видел!
Готов обтекать таким контентом и дальше, великолепный материал
Очень крутая подача, понимаю мало чего, но с удовольствием смотрю, как ты объясняешь и рассказываешь)
По кайфу делаешь, давай топи, ещё ещё
прошло 17 минут - запускаем ииии.... Круто, все работает!) (показывает окно с синим цветом) Это не в минус, просто забавно) А видео очень познавательное и интересное!
@fsmil
Ай бұрын
"мы создали экран смерти" 😊
Бро спасибо за контент реально полезно
Это же отлично! Спасибо за работу, буду надеяться на продолжение 😊
Мне хоть и приходилось писать 3D графику 5 лет назад, со всеми шейдерами что есть в DirectX, кроме разве что mesh шейдеров. Но это видео посмотрел с удовольствием, красиво рассказываешь и показываешь.
Пздато!!! После после того скажем "рекламного" ролика, думал все уже. Но нет, старый добрый виндертон все еще с нами!!! У меня в голове это было настолько не структурированна, что одним видео ты смог заставить понять все что я хотел понять очень давно!!! ЗА ЭТО РЕСПЕКТ!!!
@user-gn5uw7ou8y
Ай бұрын
Дя, старый добрый любимый мягкий ТЁПЛЫЙ ХОРОШИЙ виндертон все ещё с нами уряяяяя > w Я так рад Боже помоги нам
Классное видео Мне не хватило расшифровки аббревиатур, на пример, glsl
@blockedchannel7032
Ай бұрын
Graphics Library Shading Language
Молодец, спасибо за время и труд
Класс, продолжай видео по графике!
Спасибо за видео) Я конечно думал что компьютерная графика сложная, но чтобы настолько… После этого видоса какой-нибудь backend на Python кажется просто детской задачей
Спасибо за такое видео, помог разобраться во многом❤
Очень понравилось. Огромное спасибо за видео.
Узнал больше за это видео, чем за весь курс "Компьютерная графика" в бауманке
как же я ждал этого
Чувак,ты классный!!!👍👍👍👍👍
Народ, навалите лайков, пожалуйста, если интересна тема графики и шейдеров. Хочу, чтобы заметили коммент. Виндертон, сделай ещё что-нибудь крутое на тему компьютерной графики и шейдеров, пожалуйста! Правда чертовски интересно! P.S. Вот у меня вроде нет особых проблем с математикой, тригонометрию понимаю без проблем, но писать шейдеры для меня - темный лес. Я вообще бэкенд разраб, но шейдеры всегда были сложны для меня и оставались невероятно крутой магией. Всегда кайфую от шейдеров и восхищаюсь людьми, которые умеют в программирование графики)
На плюсах тоже можно устанавливать библиотеки менеджерами пакетов (даже на винде, например, с помощью vcpkg)
не знаю насчет mix, но лерпать в шейдерах можно на основе любого значения. В случае с блюр-шейдером, например, если лерпать между оригинальным пикселем камеры и заблюренным, можно в альфу передать отрицательное значение, и эта блюр-функция станет противоположной (sharpen). А если нужно увеличить силу нормал-мапы, часто используется число выше 1. Например lerp(float3(0, 0, 1), normalMap, 2), где первый параметр - это плоская нормаль в пространстве касательных в Z-up движках (Unreal)
как всегда большое спасибо за труд)
Отличное видео и отличное объяснение. В свое время лет 7 назад была задач написать шейдер для реализации банальной анимации блюра бэкграунда (для мобильной игрушки). Наверное это был мой самый травматичный опыт в программировании. Очень сложно было найти инфу что бы въехать в нее (в тему шейдеров) с нуля, по каким то ошметкам приходилось формировать понимание. Которое потом достаточно быстро улетучилось (т.к. задача была разовая).
Коммент в поддержку канала
Крутой видос, жаль времени нет сейчас почим что
Давай больше видосов про графику и шейдеры (и про разработку игровых движков в целом)
Прямоугольник выводит белого цвета. В фалах vertex.shader и fragment.shader ошибка HLSL0010 непредвиденный маркер "out". непредвиденный маркер "in". Ошибка HLSL0029 Не удается разрешить тип "vec4". Не удается разрешить тип "vec2". ошибка HLSL0056 "main": не все пути к коду возвращают значение. ошибка HLSL0033 Переменная "gl_Position" не объявлена. Кто может объяснить причину, боду признателен.
Спасибо, хороший видос, как диплом допишу, сяду потестить
Главное, не прокидывать!.))
а чего на плюсах vcpkg неиспользовать?
Имея вышку в теоретической математике и 10 лет опыта в инженерке, нихрена (почти) не понял за 25 минут, но просмотрел целиком и впечатлился. Подача - агонь. Лайк без вопросов. Пили больше!
Полгода назад нужно было разработать сложную анимацию для сайта и на неделю я засел в изучение темы. Тогда-то я и познакомился с OpenGL. Начал читать учебник по нему, но решили упростить и я забил. В общем, где-то в середине видео я начал вспоминать, что я был на том сайте с шейдерами, что-то копировал, что-то писал даже с ними.
Блин, сделай аналог на вулкане, это же будет супер круто
@softwet4341
Ай бұрын
Та не, слишком сложно и бесполезно. Сложно в том плане, что для отрисовки одного треугольника, требуется 1000+ строк когда. Не веришь - загугли. А бесполезно в том плане, что его имеет смысл использовать, когда у нас на отрисовке очень много треугольников, а в данном примере мы используем только 2 и поэтому прироста в производительности не будет.
@zephyr5014
Ай бұрын
@@softwet4341 Я работал с вулканом. Я знаю о чём ты, просто ну хз. Сделать такой advanced-level гайд на что-то более продвинутое, мб как One Lone Coder, если знаешь такого.
Крутое объяснение
Есть расширение для VS, прям так и называется glsl, позволяет комплировать нативно исходник шейдера без запуска проги, подсвечивать синтаксис и находить ошибки
На удивление, просмотр прошёл на одном дыхание! *т.к. тема не из лёгких 👍
Оч крутое видео, обожаю работать с 3д
Классное видео
Ждём гайд по реализации 3д движка)
сложно, критически непонятно, но досмотрел до конца. хорошее видео
Вот бы ролики почаще выходили...
Хотелось бы больше видос связанных с игровой сферой и графикой
Как называется такое направление программирования?
Ждем с++
Давай 3D! Было бы интересно про embree послушать
Концепция ясна, но сложновато, думал попроще всё)
Меня прикалывает, что буквально в тот же момент когда я начал погружаться в CPU и GPU графику, вышел этот видос. Я просто листал ленту, заполненную этой тематикой, и в ней оказалось это видео. Сказать что я охренел = ничего не сказать 😅
@artema2043
14 күн бұрын
То же самое. Сейчас изучаю OpenGL, glsl, плюс вспоминаю матан. Очень хочу влиться в разработку движков для игр.
В этом ролике была реклама здорового блогера, не квк у других - скилбокс, реклама блогера курильщика😂
скажи, а в чем смысл вот этих шрейдеров? Ведь все что ты рассказал, можно реализовать другим способом, это для того, чтобы перенести основную работу на видеокарту, освободив процесор? Просто я вообще в этом ничего не понимаю, но слушать было интересно, ты так быстро рассказываешь. что вызывает восхищение без э.э.э.эканий и запинок. Но я не понял для чего это все, просто интересно понять.
А где можно работать зная эту информацию? Тексты для игр писать?
Надо изучать C для компьютерные сети но не знаю откуда начать, есть у кого нибудь roadmap?
Ничего не понятно, но очень интересно
Всегда смотрю и восхищаюсь. Чувствую себя барашкой😂😂😂
Сделай видос про вулкан апи
самый сок, вкуснятина
Надо было рассказать про матрицы, 3д и проекции)
Не знал об этой библиотеке. Я когда-то в 2007 году нашел статьи по SDL и он мне после DirectX зашел лучше. Для моих подделок вполне годился и SDL для работы с OpenGL. Да и в том же году я осваивал Linux и мне было интересно писать кроссплатфоменный код на C++
🎉
о, моя шарага
Интересно как это все происходит на уровне железа. Понятно что многие вещи делать в секретности, но для общего понимания процесса. Просто не совсем понимаю, как работает видеокарта. Cpu понятно читает инструкции из оперативной памяти и их выполняет, как при этом работает gpu и их взаимодействие. Вот тут лично у меня пробел.
Спасибо. Максимум пользы
я тут с тобой
Надо бы ещё 3д графику разобрать.
Довольно быстро пробежали по коду и тому что где и почему он такой ) С функциями все ясно, не ясно чем это отличается от других вариантов взаимодействия с пикселями экрана. Тут наверно были бы к месту примеры альтернативных методов. Так же интересен следующий шаг - интерактивность )
@artema2043
14 күн бұрын
Это очень обширная тема, и за пару видосов её не охватить. Потому берёте книги, видеокурсы и много практикуетесь. Плюс изучайте чужой код. Удачи, и надеюсь вас затянет в прекрасный мир графики)
Как у ИИ с программированием графики?
Касаемо рекламы клавиатур на 15:10, кто нибудь в курсе существует ли клавиатура разделенная как здесь на две части, но чтобы посредине был тачпад? И если да, как называется, как гуглить подобные?
@awkwardquestion8643
Ай бұрын
Купи отдельный тачпад и положи его в центре)
@driver_bmng
Ай бұрын
ахаххахаха гкний@@awkwardquestion8643
кайф
Здравствуйте, я попытался сделать, но у меня выходить данная ошибка: 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,) ) Что делать?
@ceziy_
6 күн бұрын
Смог найти решение? Та же ошибка с glUseProgram(shader)
@user-ke5xs7ke1f
4 күн бұрын
Нет, если честно 1 день поискал и вернулся к своему программированию
Помню как-то два месяца потратил чтобы понять такие основы и чтобы все заработало (жалко тогда ни chatgpt ни этого видео не существовало). В хорошее время живем(если учитывать только образовательный контент).
Бро, всё круто, только NLP, а не NPL
Не понимаю эти бесполезные хвалебные отзывы в комментариях, как будто до этого видео, тема графики была закрыта для всех.😅😅😅
@Parallelogramm2845
Ай бұрын
До этого видео я меньше знал о графике. Не суди по себе
@MrMiha336
27 күн бұрын
Ну кто-то с этого видео с ней познакомился. Что в этом плохого? Не все же подписаны на те же каналы, что и ты 🤷♂️
вау
Добрый день! Можно, пожалуйста, задать вам пару небольших вопросов: как хорошо вы знаете английский язык от 1 до 10. Как вы его учили и сдавали ли вы какие-нибудь тесты/экзамены?) А ещё - как вы переводите - какими переводчиками вы пользуетесь, а какие переводчики можете посоветовать (можно абсолютно любые на ваш вкус и цвет)? Расскажите, пожалуйста, мне правда интересно. Спасибо😇
меняешь названия для видео чаще чем я меняю трусы
ахуенно!!!!
Ты че на винде сидишь? Ууууу 😂😂😂
Я только начинаю и понял только даже не концептуально а абстрактно. Я ещё Vulkan учить пытаюсь =_= Зачем?
Не могу жить без твоих видео!!!!
Изменил название видоса, не мог найти его в истории
2:15 - не SFLM, а SFML)
@yahton309
Ай бұрын
и не NPL, а NLP. аффтар, выпей яду.
а с++ 10 часов?
20:05 +- я дошел до этого момента, но нифига не понял 😢
Блин, как жаль что это видео вышло не год назад, я неделю разбирала все то, что здесь выложено в 20 минутах... тогда я для курсовой создала игровой движок также на OpenGL (glad), GLFW А так очень классное видео, как по мне, все понятно, но возможно потому, что я уже работала с OpenGL Сейчас для диплома доделываю движок, и пытаюсь спроектировать и написать ии врага, надеюсь не улететь в академ в этом году:'D
@soul_loneliness
Ай бұрын
У тебя наверняка сохранились куча полезных ссылок на литературу и др материалы? Тоже интересуюсь реализацией движка, но пока совсем начинающий так сказать, было бы интересно посмотреть на твои наработки или ссылки на источники
@dandbr4977
Ай бұрын
@@soul_loneliness, learnopengl, opengltutorial (он устарел, но для базы вполне себе хорош) - в основном с него берут код ребята с ютуба (и я особенно). Просто потом на движке сверху пишется логика, коллизия, и как-то работает. Также книга Джейсона Грегори очень хорошая, но там прям самая база, ее читать полностью наверное не стоит - слишком много времени уйдет, но благодаря ней я нашла другие источники инфы типа книгу про ии типа Game AI Pro. Короче эта книга больше как энциклопедия, а не как методичка. Ну и плюс смотрела документацию, разумеется, у GLFW она суперская. Потом смотрела видео других ребят, как они пишут свои движки, и часть кода у них брала, если это решало мою проблему - просто вбивала в поиск ютуба слова типа "game engine opengl" или "opengl движок", и там по плейлистам смотрела Но а так на первых этапах, когда я не знала, с чего начинать искать, так как тема рыли объемная, то я писала вопросы в чат гпт🤡🤡🤡... я была в отчаянии тогда, так как я выбрала тему, в которой не разбиралась ни я, ни мой научрук, а времени как бы 3 месяца до сдачи, ахаха, но это помогло мне понять, что мне примерно нужно искать И код с гитхаба я не покажу, там все грустно и некрасиво...
@dandbr4977
Ай бұрын
Еще у автора канала есть на гитхабе движок, можно в нем поразбираться, если есть умение читать чужой код (у меня нет, поэтому это не было в моих пунктах), то как бы можно Но вроде как большинство информации я все равно взяла с opengltutorial, там все в теории и на практике показывается
А где называние "ВЕСЬ МОЙ ОПЫТ ГЕЙМДЕВА ЗА 20"?
Это геймдев или дата сайенс
Гоша, а что за подруга? Нашёл спутницу? ;)
✍👽👍