Vertex Buffers and Drawing a Triangle in OpenGL
ฝัง
- เผยแพร่เมื่อ 7 ต.ค. 2017
- Patreon ► / thecherno
Twitter ► / thecherno
Instagram ► / thecherno
Discord ► thecherno.com/discord
Series Playlist ► thecherno.com/opengl
OpenGL Documentation ► docs.gl
Thank you to the following Patreon supporters:
- Lukáš Jech
- Daniel Weaver
- Samuel Egger
- Dominic Pace
- Kevin Gregory Agwaze
- Sébastien Bervoets
- Tobias Humig
Gear I use:
-----------------
BEST laptop for programming! ► geni.us/pakTES
My FAVOURITE keyboard for programming! ► geni.us/zNhB
FAVOURITE monitors for programming! ► geni.us/Ig6KBq
MAIN Camera ► geni.us/t6xyDRO
MAIN Lens ► geni.us/xGoDWT
Second Camera ► geni.us/CYUQ
Microphone ► geni.us/wqO6g7K
I've Used Photoshop and that analogy of how binding compares to Photoshop layers is Brilliant.
hi
@@zorbix3652 hi
@@brod515 ayy you replied after 2 years. How are you with opengl and graphics?
@@Vector99 its been 2 weeks, we need to know
Come on man, tell us!
Me anxiously keeping my eyes peeled for the cactus on his table, hoping he doesn't accidentally stab himself, only to nearly get a heart attack at 5:30
LOL
Wow I see Cherno still looking at our comments 3 years after posting ❤️
@@ibrahimhabibeh6904 oh my god i didnt even notice that
OMG, I tried to learn modern OpenGL for so many months, and only now I finally understand the basic pipeline,
Thank you so much Cherno!
i dont get anything actually ...so there buffers who interpret a stream of bytes ? is there any other course, which kind of starts a bit earlier ? i mean, i understand on a very basic level what happens with graphics ... but cherno lays out the code as if it is a logical progression, whereas i cant follow - anyone on the same page ?
Top quality channel. The best around for cpp.
I just found your channel and must say amazing job and thank you so much! I'm currently preparing for an entry exam for a game engineering degree and your videos are helping big time! You earned yourself a new subscriber :)
I've been having difficulty with looking for decent tutorials for opengl but then you came along and made learning opengl for me so much easier! Your tutorials explain things so well and are great for beginners. Thank you for making them!
Man you're an awesome teacher. I found your channel about 3 days ago, and it's already in my top 5 favorite TH-cam channels ^^b Thanks so much for putting in your precious time and effort in teaching us! XD
I've been searching for good openGL tutorials for months, although i use a java binding, this really helps me out, thanks for creating those amazing tutorials! keep it up
I love these series so much! I started programming in 2013 and OpenGL was alien to me when I started in 2014. This is the first time I actually understand stuff without searching for everything on 10 other tabs. Thank you! (That charisma though)
I shall ask my uni for a refund and become the ultimate patreon.
good 4 u
right you are my good sir
but uni gives u a degree, youtube doesnt. no offense, I am also a supporter of fuck school and learn online cult but still, in real world interactions between people, having a degree makes ur daily interactions a lot easier.
5:50 I never knew that you can select text like that in visual studio
Shift + Alt + Arrow keys do the same thing.
@@alexkiecker4175 or alt + mouse click
@@borekworek69 it also isn't just visual studio it works almost anywhere
Can someone please tell how does Cherno does that thing where he selects a certain code then just uses some keyboard combination to shift the whole block of code up or down. This feels very useful when you want to put some code outside a scope INTO the scope.
@@VivekYadav-ds8oz alt + up/down with the line selected or cursor on the line
great quality content... and man ... those explanations are golden (from prev video : I finally understood where the openlgl implementation is and what graphics drivers contain) !
Dude. You're easily the best resource for modern OpenGL and im only on episode 4. Mad mad mad respect for what you're doing. Can't wait for the game engine bit (polite request to make it 3D)
I like your extended version of explanations. Thank you
really appreciate the detail you go into;
so many opengl tutorials out there which throw a bunch of code at you with superficial explanation
many thanks
Awesome video. Learned a ton of stuff from this that even many paid tutorials don't explain well.
Your videos are great! Very clear explanations of core ideas in OpenGL. Very helpful.
DUUUDEEE!!! I F*ckin love your tutorials!!! Where have you been all my life xD
Damn, I did not expect you to upload this consistent. If you can keep this up, you might be the first youtuber I'm gonna donate some money to!
agreed, he's awesome
Is he going to pop your donation cherry?
Ce jeune est un génie !!
did you donate?
@@mhammedhassnouni4755 lol
Excellent tutorial! Learned a ton of new stuff already!
You explain neatly. I like how you specify details. I wish I found you last semester which I failed Computer Graphics
Wow your explanation of vertex buffers and their relationship with drawing was great, been trying to understand how it call comes together for a few says
Congratulations for that very educational and clear videos. I learn very much with you. Thank you !!
Made a lot more sense coming from you, than my graphics professor. Thanks!
Wow I know this video is old but it’s so helpful. That documentation site helps me so much. I’m targeting OpenGL 3.3 and OpenGL ES 2 . Now I can check what I’m using is supposed.
Great work man, just gotta say that! Can't wait to see that new game engine series as well, but is it going to be an extension of sparky or just a completely new engine?
Great video ! Gave a lot of conceptual clarity !
Back then, I wasn't able to follow your tutorials since my head wasn't "organized" at that time, and I have too poor logical thinking skill to understand you. Now that I do have decent skills, it looks like your tutorials are pretty easy to follow. Thanks Cherno!
Dear god this is perfect. Youre absolute credit to the community.
The way you explain right from scratch simply awesome 😎 man 👍
Wow dude. This is the best explanation I've ever heard!
So basically opengl is working just like the cpu: working with the current value of the accumulator. I'm in my first semester in computer science and at the same time I'm learning open gl with your videos and it's really fun. You explain it so well I understand literally everything and English is not even my first language :D
Currently behind in my graphics module at university and trying to understand what the example code is and this is a life changer 😂 thank you
You are an excellent teacher, far far better than the professors of my uni.
Keep up the good work man!!
Another nice one! Thank you)
Excellent videos, really helpful.
Superb videos! Thank you!
You explain things so well. :)
If you get "Exception thrown at 0x00000000 in Engine.exe: 0xC0000005: Access violation executing location 0x00000000.
" Try to put your "glewInit();" after "glfwMakeContextCurrent(window);"
Thanks!
Wow, thanks. It solved my other problem. When I ran the code at 17:16, it gave me the error "exited with code -1073741819.".
Can you please tell me why it works that way?
Your series help me a lot thanks.
The following 2 lines placed after the line with glBufferData will use the default shader on most Nvidia and maybe most AMD GPUs. You should get a white triangle on black background.
glVertexAttribPointer(0, 2, GL_FLOAT, GL_FALSE, sizeof(float) * 2, 0);
glEnableVertexAttribArray(0);
freaking amazing content and explanation!
That notion about opengl being state machine was great. It makes so much sense now. Thanks a lot, mate.
docs.gl is mostly the official documentation with a search function, although the version availability indication could be handy...
Linux users will be pleased to hear that OpenGL-Refpages (the source for both) exports to manpages, installed in the 3G section.
(The package is opengl-man-pages on Arch).
I must say that the outro is the same top notch quality as the video it self.
So good video !!
This channel is dramatically underrated.
For a moment, let's appreciate the work that Yan put in that series. FOR US!
That analogy to photoshop helped explain the binding concept leagues better than my college teacher ever could
You deserve way more subs, man! Consistent and quality uploads.
"Consistent". Tell that to all the sparky engine fans
GREAT channel!! ...It would be nice if you do a serie of integrating assimp library for models and specially with animation, blending between animation, how to load differents animation for 1 modelt etc...
Great stuff!
Very professional and simple...
thank you very much !!
You rock dude!
BIG fan of this series btw :) thank you so much for making these free for everyone as a fantastic educational resource!
at 10:43 cherno said he is not a fan of doing sizeof(positions). why? what's the best practice for the size parameter?
Imagine that the array was allocated on the heap instead of the stack, then you would be required to do it the way Cherno does it.
Or the array was allocated to be a very large array and you didn’t want to send megabytes worth of data to the gpu when you only needed 6 floats to draw the triangle.
@@chastitywhiterose I see! Thanks!!
Thank you so much Cherno！I come from China,and I am your fans.
Good Video. Very informative
cheers bro!!
Thanks for this series, loving it so far. I had a doubt, why didn't you initialize "positions" array as a standard array type? As far as I have gathered it has no overhead but provides extra functions. Am I wrong?
Your series are incredibly useful to understand OpenGL. OpenGL is a weird way of conceiving 3D when you go from scratch 3d engine like me.
good video thanks Cherno
Has The Cherno ever said what theme that he uses? I really like the look of it and would love to use it in VS. Great videos btw.
Thank The Cherno! Cool video!
My teammate tried to teach me OpenGL, but what he said is a mess... So I come watching your vedios and this is brilliant!
I didn't understand any code he did or copied in the previous two videos, but I trusted the process, and I think now I will finally learn what the code is actually doing
amazing, tysm
best tutorial ever :D
Yay! Thanks a lot! I hope that drawing complex polygons will come before shaders. Cause almost everybody do such tutorials: draw a triangle and describe whole graphics rendering pipeline with that freaking triangle. Vertex shaders, rasterization, fragment shaders, etc - and still triangles.
You do everything with triangles! More complex polygons are actually just several triangles next to each other. I'm not sure if your comment was a joke haha, if so I apologise
Not joking. I don't remember correctly, but there is function that does groups of vertices, which do not have repeated vertices. Like (1,0),(0,1),(0,0),(1,0),(0,1),(1,1) is the default array that describes square of two triangles. But you pack them like (0,0),(0,1),(1,0),(1,1) in the array using that function. I really what to see how Cherno would apply shaders, textures and stuff to something more complex than square, maybe a hexagon? Something that can be used in real 3D model. Drawing complex figures is hard.
You have to have a shader anyways. And complex geometry can be done in geometry shaders. We need matrix and shaders than you can draw complex stuff.
I think you're talking about a triangle strip. That's just a way to push loads of triangles to the gpu without the repeated vertices. The gpu can only draw triangles. It's triangles all the way down, haha. If you want a hexagon, you can draw that using 4 triangles. Any n-polygon can be drawn using n-2 triangles
That's the thing about modern OpenGL. Everything is based on programmable shaders and there are a whole load of function calls just to do a "Hello, World".
Nice video!
It is so well explained, thank you so much ! Your work is going to be useful for so much people.
imagine how many games on Stream exist only thanks to The Cherno
That's a hell lot of work
This is awesome
This guy is just magic
Vos vidéos sont juste parfaites, du beau travail.
thanks a lot !
Thanks so much 🌹
I hope some one make tutorials for development Android with c++ 😍
If the tessellation shader and compute shader can also be covered, that will be nice
i'm watching this having learned DX11 doing my dissertation, i deliberately ignored it when you posted it as i'd basically just finished the DX and was knackered! I knew it was a faster start but It's somewhat depressing to see how fast you can get GL running compared to D3D.
This is fucking good! 🔥🔥
10:11 alt+shift trick was mind blown
same here
Awesome!
Very helpfull !
OK, two questions:
1. How many buffers would a program typically allocate? Dozens, thousands, millions?
2. You still haven't told GL you're giving it floats, or that there are two coordinates per vertex. Is this still to come?
Loving the series!
No., that's very helpful, thank you. So the limit is the total amount of memory used, rather than the number of buffers?
Jacco van Schaik
Yes, very rarely do you reach the numerical limit of vertex buffers.
I can't learn for my test if the cherno has an opengl series I need to watch.
Ευχαριστούμε!
That Photoshop analogy was a godsend
thansk men!
Hi there,
does it also work in SharpGL since it’s supposed to be an OpenGL equivalent in C#?
just put in some more effort and use c++
7:05 You should never communicate to OpenGL with data types like "unsigned int", but always use GL's own types like GLuint. Because GLuint ist guaranteed to be 32 bits, while "unsigned int" may be 32 or 64 bit (depending on the platform and architecture). While this is not big problem when passing values, it could make trouble when passing pointers or upload vertex data.
why is it guaranteed? if I look at the definition it just defines it as unsigned int
@@il2626 Yes, this is true for x86 (32 bit and 64 bit) Windows and Linux, but for another architecture and platform an unsigned int may be 16 bit or 64 bit.
This is also stated in the OpenGL specification: „GL data types. GL types are not C types. Thus, for example, GL type int is referred to as GLint outside this document, and is not necessarily equivalent to the C type int. An implementation must use exactly the number of bits indicated in the table to represent a GL type.“
Besides of that it makes the code also more verbose: "What is this buffer thing? Ahh, it's a variable that stores an API dependant value."
@@tomkohler1609 thanks for explaining
Quality tutorials
Great series. Came over after catching up on the C++ series. Not sure I'll get an answer until I catch up with this series but I've got a problem not related to this video but with Visual Studio.
Whenever I try to hover over glfwCreateWindow (anywhere in code), VS hangs up and doesn't respond to anything I do. I can still close the application with the taskbar but task manager shows VS using about 30% of my CPU.
You can also just pass an array directly to the glVertexAttribPointer function. Is there a significant performance boost in using VBOs over normal arrays?
I am from Mexico, I follow your videos but this video is the only case in which you do not have subtitles, I would greatly appreciate if you could add them
Excellent video
Good day
Why didn't you create a swapchain for the front and back buffers?
I CANT EVEN CODE WITHOUT GETTING AN ERROR!!
17:16 wow, I'm at a good point then🤣
I have worked with SFML a bit and now tried this, because I couldn't find good source to understand vertexes, their buffers and all of that
This series makes it easier, but it also feels so complicated at moments, that I am gonna get a headache from that
I kind of understand the logic behind these things and can sort of follow on, but i can remember the syntax