WebGL 3D Graphics Explained in 100 Seconds

#webdev #3d #100SecondsOfCode

🔗 Resources

🤓 Install the quiz app

🔥 Watch more with Fireship PRO

Use code lORhwXd2 for 25% off your first payment.

🎨 My Editor Settings

- Atom One Dark
- vscode-icons
- Fira Code Font

[Arominit]

That rock climbing guy's picture is taken in Brazil (Pedra da Gavea), it's actually 3ft above the ground and there's a always a 20min line of people waiting to take the same picture 😎 (edit: at 1:50)

[ecs]

Honestly, some coding tutorials I feel say a lot without saying much. So the amount that you teach in 100 seconds is truly incredible. Keep up the great work! 🔥🚀

[abdullahamrsobh]

Correction at 0:50 Rasterization happens before Fragment Shader execution, to save performance by culling hidden fragments (pixels) and prevent wasting time(GPU Performance) shading these fragments

[Chris-ztol]

Insane how you always make videos about the tec I started looking into 😂

[josemanuelbaezsoriano]

You always find the way to teach something completely new, yet very interesting to developers :D

[lawrencedoliveiro]

0:51 Actually, the OpenGL term “fragment” refers to intermediate pixel values. They are not called “pixels” until they are composited into final pixel values on the display surface.

[kasperchristensen]

This short video actually taught me exactly what I wanted to know about WebGL. Thanks!

[swoorp]

I have mastered WebGL but your voice has taught me what I forgot! You're an awesome teacher... But the shaders are written in glsl with a .frag/.vert file extension or you can put it in a string in js and use it that way!

[samarmohan]

Day 6: Elixir/Phoenix in 100 seconds, iOS Development in 100 seconds, Android Development in 100 seconds, Rust in 100 seconds, C in 100 Seconds, TailwindCSS in 100 seconds, JS Testing in 100 seconds, Ruby/Rails in 100 Seconds, C++ in 100 Seconds, Golang in 100 seconds.

I know it's a lot but I'm still going to post it. Thanks for amazing content Fireship!

[creativedeveloper]

This guy really knows EVERYTHING! Love your videos and keep it up!

[pranjalsmiling]

ah yes, the tech youtuber with the soothing voice uploaded again.

[alvinxyz]

I was just learning three js & glsl shader and this pops up in my feed

[bokudev]

Looking forward for your Three.js tutorial <3

[victorpinasarnault]

Make a video for the recently released WebGPU too, please!

[TheLazyIndianTechie]

I was looking for Spline and was searching everywhere, in my history etc and gave up. Finally found it here. Thanks a ton! (I had forgotten the name)

[basharmously]

I asked for this on your previous video! Thank you for delivering this. waiting for the tutorial.

[hououinkyouma]

The background music reminds me of Halt and Catch Fire. Brilliant series.

[adamhenriksson]

This is literally the thing I'm working with right now, you are some sort of crazy psychic you know that? Keep up the crazy good work.

[isofruitfruit]

Oh wow, way to leave us hanging! Very much looking forward to your follow up on this

[andychan]

I'm so glad you introduced Spline!