Loading...
アイコン

SimonDev

チャンネル登録者数 21.7万人

8.6万 回視聴 ・ 2440いいね ・ 2020/08/27

Follow me on:
Twitter: twitter.com/iced_coffee_dev
Github: github.com/simondevyoutube/

I just tried to code a 3d engine using webgl and JavaScript in one day (24 hours), completely from scratch. It's been a lonnngggg time since I did any serious graphics work as a programmer, and even longer since I touched opengl. This was a bit of a jump-into-the-deep-end project to see if I could crank out a deferred lighting demo in a short time using webgl. In the video I cover all parts of the project, starting with the initial plan, a super general overview on how 3d engines are often structured, and then stepping through the development of the code. By the end you should understand the basics of how a light prepass renderer works and how to implement one using pure webgl.

What was covered:
3D Engine Design Considerations
Materials/Shaders/Drawables/Cameras
Vertex/Fragment shader implementations
Framebuffer Objects
Floating point textures
Other buzzwords

Full source code for the project is available, I mean it's crap but knock yourself out.

Source: github.com/simondevyoutube/WebGL_1Day_3DEngine

There's been a bunch of similar challenges, mostly around making a game in a short time so I thought I'd give it a try but with my own spin. Here are some other videos that helped inspire.

Sam Hogan - I Made Minecraft in 24 Hours
   • I Made Minecraft in 24 Hours  

Dani - Making a Game in ONE Day (12 Hours)
   • Making a Game in ONE Day   (12 Hours)  

Fat Dino - I Made a Racing Game in 3 DAYS
   • I Made a Racing Game in 3 DAYS  

Code Monkey - I made an FPS in 5 days! (Unity Microgame)
   • I made an FPS in 5 days! (Unity Microgame)  

Jabrils - Making A Game in 48 Hours!
   • Making A Game in 48 Hours with Strangers!  

Tren Black - I Made Wii Tennis in 24 Hours
   • I Made Wii Tennis in 24 Hours  

Brackeys - MAKING A GAME IN 10 MINUTES
   • MAKING A GAME IN 10 MINUTES!!  

BlackThornProd - I MADE A GAME IN 1 WEEK WITH UNITY
   • I MADE A GAME IN 1 WEEK WITH UNITY : THE G...  

コメント

コメントを取得中...

コントロール
設定

使用したサーバー: hortensia