Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
13 Hour(s) 39 Minute(s)
Language
English
Taught by
Ahmed Fathy, MSc
Rating
3 views
Course Overview
The Mathematical And Practical Foundations Of 3D Computer Graphics Using Opengl's WebGL
This course covers the fundamentals of computer graphics programming using WebGL2. In the course, we will walk together in two complementary and interleaving tracks. The first track will cover the mathematical foundations of computer graphics. This will include illustrations, examples, and proofs. I do not require you to have strong mathematical background for this as I will illustrate almost everything you need. You only need to know simple basics such as matrices, vectors, dot products, and cross products. The second track will cover the conversion of these concepts into actual code implementation. In this track, you will learn how to manipulate your graphics card (GPU) to perform the required graphics calculations for you. You will learn how to write code that runs directly on the GPU (using GLSL ), and how to communicate with it using your code that runs on the CPU (using JavaScript). Again I do not require you to even know JavaScript although it certainly will help. I do require you, however, to have good knowledge of at least one programming language. Words like variables, arrays, functions, or objects must be familiar to you.
That said, those two tracks are not delivered one after the other. Instead, they are interleaved. I lay the theoretical and mathematical foundation for some concept, and then follow up by the practical implementation in code. Then repeat.
While this course focuses on graphics programming on the web, you will actually find this course equally useful if you wish to learn computer graphics fundamentals on any other platform, and you will be able to switch with minimum effort. WebGL is only a tool.
This course is a low-level programming course. You will send the required data to the GPU byte by byte. While this will not make you able to create the best game ever in 3 minutes, it will certainly help you gain deep knowledge that you will find extremely useful when you take the next step forwards, as you will actually know what really does happen behind the scene when you use a higher level library in your production code later.
If you encounter any problems of any kind during watching the course, please let me know instantly. I will be quite responsive, and my response will vary from answering in text, supplying more code examples and illustrative articles, to actually re-recording entire videos and supplementary content just for you!
This course is only the beginning. I will follow up with more advanced courses quite soon. Enjoy!
Course Content
- 10 section(s)
- 80 lecture(s)
- Section 1 Intro And Exercise Files
- Section 2 Fundamentals Of Computer Graphics
- Section 3 Your First Triangle !
- Section 4 And A Little Bit More ..
- Section 5 Textures !
- Section 6 The Camera !
- Section 7 Lights !
- Section 8 La Finale
- Section 9 Extras Requested By Fellow Students !
- Section 10 Useful Resources And Links
What You’ll Learn
- create nice 3D scenes that run directly on the browser inside HTML elements.
- understand how to write code that runs directly on the gpu, and how to communicate with it from the cpu.
- understand the low level mathematics related to computer graphics.
Reviews
-
SSam Rockwell
Pros: - This course makes a note of the basic subjects that you can then Google yourself to understand Cons: - Difficult to follow along or understand the purpose of what you are doing. Concepts are not tied together. Rather than using phrases like "If our goal is to do X then we must create Y and Z first and this is why", the phrasing comes off like "We need to do X. Let's create Y (because no reason) then create Z. (No explanation). Ok so we have X. Now let's do this with X...". See what I mean? No explanation, no tying of concepts, just a rote script of tangled concepts. - The accent and lack of quality subtitles is a serious detriment to this course. It is difficult for me, as a native English speaker, to understand which words the speaker is using. Many of the words used are foreign to me (e.g., Euler values, yaw, matrix) and the mispronunciation of these make them very difficult to understand - My expectation in purchasing this course was to understand computer graphics on the web at a lower level to give me a basis for understanding higher-level tools like Three.js and Babylon.js. The math is key to understanding how these concepts work, but it is often made unclear by the speaker. Core concepts are breezed through and there are very few times in which the speaker relates one thing he is saying to the next thing he is saying. The listener is expected to make these connections themselves (which often take watching other videos and Googling the concepts). - "You can find this in the course content"... but where? No links are provided as to where we can find this course content. Many times the student is left high-and-dry without important assets or left to pause the video and inch your way through to hand-copy complex variables (such as the cube). - The JavaScript code itself is abysmal. The speaker seems to know his way around C++, but not JavaScript. I understand this is for learning purposes, but it does come at a cost and ends up making it harder to follow along - There are countless mistakes made throughout this course, forcing you to search for the elusive “course content” or scour through the comment section in the hopes that someone else has run into your issue. My Recommendation: DO NOT WASTE YOUR MONEY. Instead, just read the Table of Contents and Google each of these concepts yourself. You will understand the concepts much better as the speaker makes few attempts to relate any of these concepts to each other.
-
AAmr Elsersy
Amazing Course that focus on both low level science & practical code <3
-
UUmut Şenol
the sound is poor, teacher's accent is not very clear, teachers is not native speaker, the teaching board is just a paint, there is not fancy demonstrations, BUT the content and teaching is very clear and understandable, I finally have started to understand the fundamentals of computer graphics. THANK YOU VERY MUCH FOR THIS COURSE. I am sure this is the best of your conditions. and this course deserves 5.00000. With Regards
-
RRainer Stillhard
The course is fantastic, but the audio is very bad....
