100 Hours Of Graphics Programming

Graphics programming is freaking hard! Voxel engine, water/wind shaders, landscape height map generation, scene transitions, are just a few of the things I've made with it so far. If you want to build a car, it might help to reinvent the wheel sometimes to fully understand it on a deeper level.
All projects I've highlighted in this video was written with Rust + various libraries!
The water + landscape + wind project I made specifically for this video using Rust and wgpu.
It's hard to quantify but rest assured, I've spent more than 100 hours trying to learn this skill.
Want to support me?
Patreon: / tantandev
Monero: 43Ktj1Bd4Nkaj4fdx6nPvBZkJewcPjxPB9nafnepM7SdGtcU6rhpxyLiV9w3k92rE1UqHTr4BNqe2ScsK1eEENvZDC3W1ur
Credits:
Music Moon And Star by Wintergatan Build Tracks
Music Valentine by Wintergatan
Music The Rocket by Wintergatan
Music Sommarfågel by Wintergatan
Music Non-Euclidian Geometry by Punch deck
Music Brazilian Street Fight by Punch deck
Wintergatan link: wintergatan.net/
License can be found on website
Punch deck link: / punch-deck
Punch deck license: creativecommons.org/licenses/...

[@AlexBlackfrost]

When you stare into graphics programming and graphics programming stares back, you realise that game engines are a crazy piece of software.

[@nickgennady]

And what’s worse is we have DirectX, Vulkan, OpenGL and Metal. So annoying for cross platform lol.

[@qvindicator]

@@nickgennady that’s more graphics APIs than hardware vendors. Kind of ridiculous. There are also more APIs for consoles than those 4

[@Chadderbox]

Here we can observe the sigma male doing everything without a game engine. However, it is essential you maintain your distance or you could fall victim to a 2 hour conversation about how good Rust is. Loved the video!

[@Dorbellprod]

chabberdox

[@mrmaniac9905]

oh I'd love to have a 2+ hour convo about how good rust is.

[@nickgennady]

Sigma male?

[@cyanuranus6456]

ChadderBox? What Are You Doing Here?

[@SuboptimalEng]

Your point about graphics programming being difficult to learn is spot on. Most people can easily pick up a web framework in a weekend, but it can take weeks to learn about the fundamentals of 3D coding + shaders.

[@LoganDark4357]

@Ahmed Shah Angular, React, ... learned both in ~a weekend lol

[@LoganDark4357]

@Ahmed Shah It's not impossible. I had been programming for around 5-6 years before that

[@xhenryx14]

For anyone wanting to get into graphics programming I really recommend the course "Interactive Computer Graphics" from Cem Yuksel and the tutorial series "Shader Graph Basics" from Ben Cloward

[@ultimateavenger5627]

Thanks man

[@wisdomokafor9631]

Pls where can I get the courses from ?

[@mikael808]

Epic!! I just started the journey of learning graphics programming myself, and this video really motivates me! Thank you! :)

[@Skjoldmc]

I love the Wintergatan background music so much. It's cool to see creators using it in their own videos.

[@bike_n_fish]

Was thinking the same :D

[@Ozown]

Really like how you show your progress, it always motivates me to learn more about graphics programming!

[@Skeffles]

Brilliant to see you go on a graphics journey! I've avoided graphics code for a few years but I'm starting to think it's inevitable and also have to do something similar to this. Keep up the great work Tantan!

[@UberDragon]

You're getting way too good at all of this tantan! You make it look easy!

[@Terandium]

I decided myself to start with Rust Graphics programming, and your videos are amazing as motivation❤

[@CreativeSteve69]

Just discovered ya today. thankfully this video appeared on my timeline tonight. Got me inspired to get back into learning coding. :)

[@arsa3903]

This is legendary my dude, keep it up 🔥🔥

[@tonyiommisg]

Loved watching this! I just started learning this using the same tutorial and this whole video is so relatable!

[@nullfloofyboi8254]

Love the vids man you inspired me to take the dive and learn rust and later make a game using it!

[@shibakaneki555]

Dude, I went through this process as well but I never touched a game engine yet, making my own instead. I understand you so much, hehe, so many things to learn, especially the issues with MVP matrix and do forth :D enjoy the process!

[@zechordlord]

Nice videos, your energy is contagious! For the leaves, rotating the whole leaf instance based on its root coordinate may look less wavy than vertex position based displacement, which seems to be what you do now. You could try getting the position from the modelview matrix maybe if you draw each leaf as an instance.

[@kojijeovokurac]

nice job! love the Dany and Wintergatan vibes.

[@blackhatairsoft]

Hilarious video dude excellent work. Subscribed!

[@Spikehead777]

Having migrated to programming raw OpenGL with SDL using C++ in Visual Studio 2019, all I can say is I feel that

[@ghowstcrafter9201]

6:29 I needed to hear this. Im using glium instead and since I was bad at even using a game engine, this is getting really hard and a lot of times i wanted to give up and do other projects. Ty dude

[@Terandium]

I started with Glium and moved to wgpu, though

[@ghowstcrafter9201]

@@Terandium maybe one day i will do the same

[@FuckStick]

Awesome stuff! Graphics programing is wizardry

[@maximeumbra7235]

This was an interesting video to watch, i began my journey from the other end, using a node tool to create cool stuff, then profiled the cool stuff and it was too slow so i wrote a compute shader based rendering system with a relatively low level graphics API wrapper made for a high level language, mixing very low and very high level systems. Now I'm learning downwards to proper Graphics API's and below.

[@_FLIP666_]

Nice video man!😁 I'm pretty new to graphics programming and have only used directx so far. I like your t-shirt with anchors, I actually have one too🤣

[@Dorbellprod]

Very awesome progress. Graphics programming = hard yet underrated 😤

[@sunrisecoder6472]

Tantan videos are like drugs, it's so addicting! Keep 'em coming 😍

[@ShadowHawk69420]

Man went trough Emotional damage just to make funny looking water You are amazing!

[@lordofwizard835]

Epic man.. super happy that you are using GNU/Linux for your development.. also SUPER INFORMATIVE and entertaining video.. tantan !

[@mrmaniac9905]

I love your content man, you're one of the few youtubers making good content on rust. I personally think rust is one of the best languages out there, from the package manager to the type safety and, honestly the small things like the borrow checker, it's really just a great language overall. I'm actually in the process of getting one of the courses at my college to switch from ADA to rust, for procedural programming. It's a wonderful language.

[@mrmaniac9905]

also, I think your content is grossly underrated, you're content is very engaging and honestly get's me excited about rust programming, your channel directly contributed to my desire to learn rust, so thanks man please keep up the great content!!! not many people are doing rust, so please keep it up!!!

[@mrmaniac9905]

also, I suggest you look into BGFX and or vulkan, bgfx is wonderful for rendering, abstracting away alot of graphic specific stuff.

[@mrmaniac9905]

oh and I just realized that we have the same keyboard!!! that makes me like you that much more haha

[@S41L0R]

I love graphics programming and stuff. Mostly just because you can make stuff look cool and do it fast

[@pipe_runner_lab]

I am a Frontend Engineer trying to get my head in the door as far as GFX engineering goes. You inspire me dude. Thanks a lot for all the hard work you are putting in, in these video.

[@jayocaine2946]

dont call yourself "engineer" if you're talking about front end please and thank you

[@wireghost897]

@@jayocaine2946 Clearly shows you know nothing about the industry. I have also worked on core backend, native systems based on C++. A major chunk of my code actually run on Samsung Smart TV's video player, postman's doc publishing systems runs entirely on my code. Toxic people like you are usually found at the start of Dunning kruger Graph. I am a Frontend Engineer coz I actually do Engineering in Frontned, unlike you who probably did some color flipping here and there. Freaking dead weight.

[@nikhilchouhan1802]

@@jayocaine2946 Engineer is one who design, or repair things. Frontend is a crucial aspect of development, so yeah he is as much a programmer as a backend engineer.

[@jayocaine2946]

@@nikhilchouhan1802 front end is just as much engineering as coloring a coloring book is.

[@brendon205]

​@@jayocaine2946well, then it's very engineering 😂

[@kirillschmidt9398]

I love you and your videos! Keep it up :)

[@atalocke]

Hahaha, your first video on this (where you introduced WGPU) inspired me to go on the path of writing without an engine. I tried Rust (my default low level too) but WGPU was so intense and I didn’t have a ton of time so I switched to Macroquad, which was awesome but the lack of real 3D capabilities put me off. I’ve moved to C++ and Raylib, but I’m still grinding this journey out “with” you. Currently writing my own depth map lib wrapping a bunch of separate algorithms (and missing cargo while I do it). I’m making an RTS!

[@Tantandev]

Yeah wgpu is pretty intense! It's a rough journey but I bet the destination will be glorious :p

[@atalocke]

@@Tantandev it will! I’m excited to play your final result! Hopefully Bevy 0.6 makes it easier!

[@astroid-ws4py]

Really great content, We as community need to create a lot of tutorials and videos about how to do graphics programming and make our own rendering pipelines.

[@theonetribble5867]

I have recently started programming in rust and have also used WGPU to do some shader programming. I think one needs to abstract a whole lot of the WGPU Api because it is not typesafe (e.g. you need to cast when writing/reading to/from buffers).

[@LordCinders]

great video, I started learning opengl for a week now. looking at your video makes me excited to do this stuff myself. (btw why rust? i understand the advantages it has over a language such as C or CPP but i heard a lot of people mention how it won't be replacing CPP for game dev)

[@techreviews407]

Very cool! Where did you get those trees from if I may ask? They look nice :)

[@VictorGordan]

It's nice to see other KZbinrs working on computer graphics! Good luck going forwards ;)

[@eboatwright_]

Now you should make your own programming language! :D I'm learning that right now and it's SO FRIKIN HAaARRRD! I do have a little bit of a leg up, because I made a few text adventures with my own parsers :) (TanTan-Lang!!)

[@abdeljalillahmouri6527]

firs time seeing you, but not ganna lie i freaking love this guy. continue man thats amazing.

[@Khud0]

I don't know what most of what you said means, but the video was so interesting that I watched it till the very end. :)

[@johannbauer2863]

Oh man! You inspired me to do graphics programming in Rust XD

[@EpicVideoGamer7771]

Thank you tantan, now I will have even less time in my life!! :D

[@2D_Sphere]

Really cool

[@masabh]

You inspire me to learn graphics programming

[@Tantandev]

best of luck!

[@Gabriel_Bento]

What I like from this video it's how really excited you're explaining all this stuff :) You've motived me to learn Rust.

[@mando2908]

u got new subscriber now :)

[@claybowser]

thank you for making this video you handsome devil

[@josevargas686]

I was following you 100% about the complexity of writing graphics until.... you showed that you are using Rust. You are making this a lot harder on yourself than it has to be!

[@wiiznokes2237]

Can you make a video about how librairie graphique works hunder the wood, like Qt, GTK or Iced ?

[@apoage]

Cool super cool.. Shaders can became soooo tripy btw snow is just displacement (plus normal map maybe tesselation included) map based on collision box texture probably stream locked to character coordinates lod box... over snow shader/ground texture.. And grass well there is great grass rendering video on grass from horizon zero dawn from gdc.. Btw try to map voxel terain.. Going to watch rest of videos.. this looks like fun

[@ameenulislamtr2803]

Which theme are you using for vscode? I seem it as a great theme for programming in my opinion!!.

[@sidwasnothere]

Lmfaooo you speedran the fucking triangle, that’s awesome I’m gonna do that when I start learning again

[@Mempler]

Graphics programming is basically the things you learn in school but you thought you would never apply it anywhere... You do it in graphics programming

[@BalintCsala]

Heads up, if you ever go into a new project with wgpu/webgpu, they changed the syntax a bit, instead of [[stage(vertex)]] they now do @stage(vertex). No clue when this is going to arrive in wgpu if it didn't already, but thought I'd say this

[@Tantandev]

Yeah I saw that! I don't think it's in any official release yet, but if you sit in the main branch you probably need to do it that way

[@nmflash8]

I like your MapleStory chair

[@dimitri0404]

2 years have past, have you made interactable grass and snow yet?

[@KikonSketches]

i have that same anchor shirt, i also have matching shorts

[@ModernEraCaveman]

Well it’s been almost a year now, have you figured out interactable grass and snow?

[@peacefusion]

This is why I love game engines and open source. Someone before you typed the math, someone else applied the code, someone connected the libraries, and someone added more features. Its all a painting of human development that started when someone made the first compiler. And I would rather work to contribute my part, or make a game. But not try to redo it all for my own ego sake.

[@abhay29]

Nice video

[@hanzofuma]

As you said I'm a man who want to deep dive in how things work that's why I'm interested in graphics programming online resources are not that quite availble I'm happy that I found this channel. Is there some advice for a beginner like me to improve on this domain?

[@ADEPS.]

"Pushing through the learning process when there's a lot of friction"

[@syntaxed2]

Hallmark of a real programmer - Interested in how things work, want to get down to the gritty level and see what makes things tick

[@coomer_artist2648]

Love you contents. Please don't throw everything like Randy

[@gouravkhator]

I checked the career scope, and mostly every article says that graphics programming pays lesser than the normal software development, and even that the jobs are also less fo graphics programmer. But I feel like this challenge is worth to try and learn.. Can anyone explain if the career aspect of graphics programming and game dev is really difficult?

[@3DProgramming]

Just 100 hours to go from zero to that? Are you a genius? 😮😮😮

[@holyknighthodrick5223]

Now speedrun vulkan triangle from memory, without storing the vertices in the shader, and selecting the memory types correctly, and ensuring validation layers are enabled but with no errors. No using vkb or vma. Edit: And no dynamic rendering

[@SwarumtheForum]

This reminds me of Dani

[@bhaijaan7052]

I have all versions of opengl from 1.0 to 5.0 which one is the best opengl version for pubg please help me

[@Conlexio]

my day is better now :]

[@Emtrixx]

I want to start learning graphics programming but so far I found the wgpu tutorial a bit lacking in getting me to understand what I'm even doing. I don't know C++ and would rather stay with rust. What tutorial would you recommend for me?

[@Tantandev]

I would probably try out glium if I where you, it's a wrapper over OpenGl (rust ofc). It's a lot less verbose than wgpu, but it is still pretty hard at the start, but that's the nature of graphics programming.

[@Emtrixx]

@@Tantandev I will try it out, thanks :)

[@eboatwright_]

The editing on this video was amazing! Also, did you switch from Windows to Pop! os? I love pop :)

[@Tantandev]

Yeah I've been slowly getting into PopOs. I dualboot with Windows, so I can edit videos and play games

[@eboatwright_]

@@Tantandev Awesome! I switched to Pop from MacOS because i'm on a 2012 laptop so it was getting out of date and discontinued.

[@astroid-ws4py]

@@eboatwright_ Nice to hear, Linux is the best !

[@eboatwright_]

@@astroid-ws4py :D

[@reminiscecss]

most sane rust programmer

[@Jeff-gx5bg]

the first time i did this in c++ i got a stack buffer overflow and was forced to watch my *memory management*

[@felsacor6651]

WHOA, NICE GRAPHICS

[@vertexshaderfragmentshader4196]

🤪😁😁

[@AcceleratedVelocity]

2:41 ikr just follow the UE5 tutorials cuz they are prety much GLSL except for the final node

[@isabellolsson8919]

Coolcoolcool!!!

[@OCASM]

I took the easy beginner route of modding post-processing effects in Unity.

[@student99bg]

I am looking at 3:20 it is an example of why people should document their code otherwise even they will forget what it does. It is also an example why one letter variables usually aren't a good idea. I am looking at the make_gerstner function. The convention is to call k the constant with which you multiply the spacial variable. I see k = 2PI / wavelength in the code which means k indeed is the constant with which you multiply the spacial variable. It would be logical that f stands for frequency. Frequency = velocity / wavelength Plug in wavelength = 2PI / k and you get Frequency = k * velocity / 2PI. Which means if f represents frequency then that dot product minus c*time represents velocity /2PI. I said dot product because I assume that's what dot function does. It returns a dot product. That's possible given that you give it direction vector as an argument. It would be logical that direction vector represents velocity (for people saying "duh,of course", direction vector could represent other things as well,such as acceleration). That dot product is calculating velocity in a given direction. What bugs me is what the hell variable c stands for and what is that magic number 9.8. For anyone that forgot highschool math one of the ways to write an equation that describes a standing way is sin(2PI/wavelength *x) If you want the wave to move through time you shift it. You shift a function to the right by subtracting from its argument. Since we want this shift to depend on time, we can write sin(2PI/wavelength * x - velocity*time) You can replace 2PI/wavelength with k and you can replace velocity with frequency * wavelength if you want to. You can also use a cosine instead of sine, or you can use e^i(2PI/wavelength x - velocity * time) since e^ia = cos(a)+isin(a). Again, you can also write this as e^(kx -wavelength*frequency*time) if you prefer it that way. Also, I have never done graphics programming so I don't know what the word gerstner is supposed to mean so I don't know what the output of the function is supposed to be.

[@HAZARD_LIGHTS]

The internet droped out state wide when I tried to watch this

[@dashdroptv]

Bor du runt Dalarna? Kan svära att jag har sett dig förut!

[@9remi]

colored triangle in one hour is crazy

[@iercan1234]

epic

[@zenshade2000]

If you run into a problem with Windows Update, be aware that Pop OS! takes up a lot of space in the boot sector for some reason, even after uninstalling it. I ran into a very obscure windows update problem that eventually boiled down to Windows not having enough space in the boot sector to get through the update, due to a previous dual boot setup with Pop OS! that left behind a very large directory.

[@Tantandev]

That sounds scary, at least I have seperate hard drives for the operating systems.

[@DevNoob]

Man this is so cool. And also like Chinese to me XD FRIKKING HARD!!!

[@zenshade2000]

I love these high level views where you share the essence of your graphics programming journey. It gives others a real flavor of just how daunting yet achievable and rewarding this particular programming path is. If at some point you're looking for a money-maker to fund your projects, you might consider doing something like Casey Muratori's Handmade Hero tutorial series, but in Rust instead of C++. Decide on a particular, not too complicated game to make, with highly specified end-points and very clear concepts/skills it will demonstrate, and then build it from scratch in Rust in a series of videos (free), with a website subscriber model for full access to code and assets (non-free). Don't undercharge for this. I would quite willingly pay $100/year for something like that. The problem with Handmade Hero (in addition to it being in the really awful programming language C++) is that there are at this point over 600 "days" of one to two hour videos, and he's still not done yet. So a newbie game developer looks at that and thinks, realistically, it would take 2-3 years to get through all of that material. What is needed is a much more focused, smaller game development scope, in a much better programming language (like Rust). And you seem to have a real talent for boiling things down to there essential parts.

[@Waldganger64]

What is the video game in the snow at 0:27 ?

[@Tantandev]

it's red dead redemption 2!

[@4per8]

Fellow Wintergatan enjoyer

[@Jkauppa]

change into compute shaders and do ray casting, you can separate the geometry, acceleration structure and rendering, k.i.s.s.

[@Jkauppa]

its just sine wave with sharpened waves

[@Jkauppa]

its just mafs, not taking account application programming interfaces, languages, the two last are the most stupid things in the way

[@meercat1880]

I almost just hopped on to my computer to learn this but then I remembered that I barely can figure out classes in python so maybe I should wait

[@astroid-ws4py]

Maybe you should try starting from now doing graphics programming in Python, There is a good book titled: “Developing Graphics Frameworks with Python and OpenGL”, Though it is exclusively about OpenGL, The concepts are transferable to other graphics API including cross platform rendering abstraction APIs like BGFX and WGPU.

[@eboatwright_]

Do you like WGPU-RS, or Glium better?

[@Tantandev]

wgpu, but it might be because I've used it more :P I went with it simply because it seem to be more people interested in wgpu, Bevy is using it to power the graphics

[@eboatwright_]

@@Tantandev Cool, cool, cool! Thanks! :D

[@oby1]

Programming Jesus

[@guesanjo3520]

what are the webpages at min 6:10 ? to take a look at em

[@Tantandev]

Rust, wgpu: sotrh.github.io/learn-wgpu/ C++, OpenGl: learnopengl.com/

[@cyanuranus6456]

Can You Even Create Your Own Custom 3D Graphics API? In Your Own Chosen Programming Language?

[@kawaiiselbstbox9034]

Hi! Can i translate this video to Russian?

[@MarkWilds87]

Neeed moaarrr videosss

[@AcceleratedVelocity]

ntoe that CoderSpace tutorials could have saved u 95 hours

[@no-ld3hz]

you probably know this from music, but, repetition legitimizes, repetition legitimizes, repetition legitimizes

[@vitorgabrielgomesrodrigues]

This guy is a combination of Jonas Tyroler and Dani but for shaders

[@spyrex3988]

i feel like im too dumb for graphics programming i only had an introdcutory class in my second year of college and i only learned till how mesh and curved serfaces are produced bruh :(