Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

OpenGL Fragment Shaders | How Do Fragment Shaders Work?

Автор: An Object Is A

Загружено: 2019-12-16

Просмотров: 9573

Описание:

How are fragment shaders actually working?

More than one color on screen?

Why so difficult?

This series is based off of the free on-line book, "The Book Of Shaders", by Patricio Gonzalez Vivo and Jen Lowe.
https://thebookofshaders.com/

If you feel like donating, please donate to those two; a donation link is found on their website linked above.

Previous video:    • OpenGL Fragment Shaders | GLSL and Our Env...  

Editor used: https://patriciogonzalezvivo.github.i...


Subscribe to my channel:    / @anobj  

If you find value in what I do, think about supporting my channel:
Paypal: https://www.paypal.me/anobjisa
Bitcoin: 3H4NKKwPdbiE5Gtc3Uk2DiwszqHhrRbmKK
Ethereum: 0x48702412F448a27be03836fb6FE6456603668030
Litecoin: MNJ4uv3GD4r62VpQ8rHX1Pj1ihWCj74hCK

Find me here:
Bitchute: https://www.bitchute.com/channel/gPUm...
Twitter:   / anobjectisa1  
Minds: https://www.minds.com/an_object_is_a/
Instagram:   / an_object_is_a  

Code used:

1.

#ifdef GL_ES
precision mediump float;
#endif

uniform vec2 u_resolution;

void main() {
vec2 st = gl_FragCoord.xy/u_resolution;

// Youtube descriptions do not allow the angle brackets
// gteq = greater than or equal to
// lteq = less than or equal to
if (st.x gteq 0.500 && st.x lteq 0.503 &&
st.y gteq 0.500 && st.y lteq 0.503) {
gl_FragColor = vec4(1.,1.0,1.0,1.0);
} else {
gl_FragColor = vec4(0.,0.0,0.0,1.0);
}
}

2.

#ifdef GL_ES
precision mediump float;
#endif

uniform vec2 u_resolution;

void main() {
vec2 st = gl_FragCoord.xy/u_resolution;
vec3 canvas = vec3(1.0);

canvas = mix(canvas, vec3(1.0,0.0,0.0), st.x);
gl_FragColor = vec4(canvas, 1.0);
}

OpenGL Fragment Shaders | How Do Fragment Shaders Work?

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#5158 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "o-OtwtkjNkM" ["related_video_title"]=> string(63) "OpenGL Fragment Shaders | How Do Fragment Shaders Pick a Color?" ["posted_time"]=> string(19) "5 лет назад" ["channelName"]=> string(14) "An Object Is A" } [1]=> object(stdClass)#5131 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "3mfvZ-mdtZQ" ["related_video_title"]=> string(42) "Introduction to shaders: Learn the basics!" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(12) "Barney Codes" } [2]=> object(stdClass)#5156 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "SiCNFMhDZ1o" ["related_video_title"]=> string(64) "Recreating Winston's shield in OpenGL/C++ | Intersection Shaders" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(5) "cient" } [3]=> object(stdClass)#5163 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "5W7JLgFCkwI" ["related_video_title"]=> string(26) "How Shaders Work in OpenGL" ["posted_time"]=> string(19) "7 лет назад" ["channelName"]=> string(10) "The Cherno" } [4]=> object(stdClass)#5142 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "f4s1h2YETNY" ["related_video_title"]=> string(36) "An introduction to Shader Art Coding" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(9) "kishimisu" } [5]=> object(stdClass)#5160 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "oKbCaj1J6EI" ["related_video_title"]=> string(59) "Three.js Shaders (GLSL) Crash Course For Absolute Beginners" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(12) "Visionary 3D" } [6]=> object(stdClass)#5155 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "HH-9nfceXFw" ["related_video_title"]=> string(52) "Interactive Graphics 20 - Compute & Mesh Shaders" ["posted_time"]=> string(21) "3 года назад" ["channelName"]=> string(10) "Cem Yuksel" } [7]=> object(stdClass)#5165 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "qC8BOBcTd1Q" ["related_video_title"]=> string(115) "Россияне без интернета и связи | Кого они винят (English subtitles) @Max_Katz" ["posted_time"]=> string(20) "21 час назад" ["channelName"]=> string(19) "Максим Кац" } [8]=> object(stdClass)#5141 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "DZRn_jNZjbw" ["related_video_title"]=> string(18) "Compute shader 101" ["posted_time"]=> string(21) "4 года назад" ["channelName"]=> string(11) "Raph Levien" } [9]=> object(stdClass)#5159 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "HMmmBDRy-jE" ["related_video_title"]=> string(22) "I Tried Sorting Pixels" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(7) "Acerola" } }
OpenGL Fragment Shaders | How Do Fragment Shaders Pick a Color?

OpenGL Fragment Shaders | How Do Fragment Shaders Pick a Color?

Introduction to shaders: Learn the basics!

Introduction to shaders: Learn the basics!

Recreating Winston's shield in OpenGL/C++ | Intersection Shaders

Recreating Winston's shield in OpenGL/C++ | Intersection Shaders

How Shaders Work in OpenGL

How Shaders Work in OpenGL

An introduction to Shader Art Coding

An introduction to Shader Art Coding

Three.js Shaders (GLSL) Crash Course For Absolute Beginners

Three.js Shaders (GLSL) Crash Course For Absolute Beginners

Interactive Graphics 20 - Compute & Mesh Shaders

Interactive Graphics 20 - Compute & Mesh Shaders

Россияне без интернета и связи | Кого они винят (English subtitles) @Max_Katz

Россияне без интернета и связи | Кого они винят (English subtitles) @Max_Katz

Compute shader 101

Compute shader 101

I Tried Sorting Pixels

I Tried Sorting Pixels

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]