
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...
コメント
関連動画

3D World Generation #7: Speeding it up via Threading (JavaScript Web Workers & Three.js)
23,010 回視聴 - 4 年前

How I Optimized My JavaScript Project (Complete Walkthrough) | Faster Spatial Hash Grids
151,664 回視聴 - 4 年前
使用したサーバー: hortensia
再生方法の変更
動画のデフォルトの再生方法を設定できます。埋め込みで見れるなら埋め込みで見た方が良いですよ。
現在の再生方法: 通常
コメントを取得中...
コメントを取得中...