TypeScript WebGL Game Engine Tutorial #04 - A Triangle!

In this video, we draw a triangle to the screen! This is video 4 of the TypeScript Engine tutorial series.

TypeScript WebGL Game Engine Tutorial #04 - A Triangle!

This video is part of a series where I step through the process of making a simple game from the ground up using TypeScript and WebGL.

⏯ Series Playlist:

-----------------------------------------------------------

✔ WAYS TO SAY THANKS & SUPPORT THE CHANNEL:
🔔 Subscribe & Click the Bell: Learn more about making games the old school way using new school tech.

🌕 Channel Membership: Show your support with a special loyalty badge and a Discord role!

💱 Support me on Patreon: Show your support with a special Discord role!

📣 Share this Video on Social Media: This option costs nothing, but helps a lot!

-----------------------------------------------------------

⚡ LET's CONNECT ⚡

-----------------------------------------------------------

#Typescript #GameDev #BrowserGameDev

[dameon]

I just want to say that your channel is highly underrated. These are really good tutorials :)

[JakobRobert]

14:33 Setting the vertex attrib pointer is not required when creating the buffer, only after binding and before drawing.

[JakobRobert]

11:05 About the Triangle Strip: Do you have an idea whether it is more efficient to use a Triangle Strip, or use Triangles, but then use drawElements with indices achieving the same drawing order as a Triangle Strip? I guess you need more memory for the index buffer, but then you could better abstract the drawing logic and e.g. say every mesh contains vertices and indices, and the engine can draw every mesh in the same way.

[LaurentLaborde]

can't see the triangle on my Mac. no error. :(

[JonXuereb]

So, I was following this through and I wasnt getting the errors you were getting while running it. It wasnt drawing the triangle but i want getting errors. :/