ycliper

Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
Скачать

I Made a 3D Engine in 1 Day (WebGL/JavaScript)

Автор: SimonDev

Загружено: 2020-08-27

Просмотров: 89007

Описание: Follow me on:
Twitter:   / iced_coffee_dev  
Github: https://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: https://github.com/simondevyoutube/We...

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...  

Не удается загрузить Youtube-плеер. Проверьте блокировку Youtube в вашей сети.
Повторяем попытку...
I Made a 3D Engine in 1 Day (WebGL/JavaScript)

Поделиться в:

Доступные форматы для скачивания:

Скачать видео

  • Информация по загрузке:

Скачать аудио

Похожие видео

Spatial Hash Grids & Tales from Game Development

Spatial Hash Grids & Tales from Game Development

Creating My Own 3D Graphics Engine

Creating My Own 3D Graphics Engine

3D World Generation #8: Floating Origins for Bigger Worlds (JavaScript/Three.js)

3D World Generation #8: Floating Origins for Bigger Worlds (JavaScript/Three.js)

Введение в шейдеры: изучите основы!

Введение в шейдеры: изучите основы!

Создайте свой собственный формирователь луча на основе фазированной решетки

Создайте свой собственный формирователь луча на основе фазированной решетки

How Big Budget AAA Games Render Bloom

How Big Budget AAA Games Render Bloom

Спейс и Зодиак. Хиты восьмидесятых. Космическая музыка.

Спейс и Зодиак. Хиты восьмидесятых. Космическая музыка.

How I Optimized My JavaScript Project (Complete Walkthrough) | Faster Spatial Hash Grids

How I Optimized My JavaScript Project (Complete Walkthrough) | Faster Spatial Hash Grids

Introduction to WebGPU - CIS 565 GPU Programming Fall 2023

Introduction to WebGPU - CIS 565 GPU Programming Fall 2023

Создаю новый 3D-движок для своей игры

Создаю новый 3D-движок для своей игры

[03] WebGL Tutorial - Intro to 3D

[03] WebGL Tutorial - Intro to 3D

Создание Minecraft с нуля за 48 часов (БЕЗ ИГРОВОГО ДВИЖКА)

Создание Minecraft с нуля за 48 часов (БЕЗ ИГРОВОГО ДВИЖКА)

Make Your Game Run 99% Faster

Make Your Game Run 99% Faster

Code-It-Yourself! 3D Graphics Engine, часть №1 — Треугольники и проекции

Code-It-Yourself! 3D Graphics Engine, часть №1 — Треугольники и проекции

3D World Generation #7: Speeding it up via Threading (JavaScript Web Workers & Three.js)

3D World Generation #7: Speeding it up via Threading (JavaScript Web Workers & Three.js)

[01] Учебник WebGL — Привет, Треугольник!

[01] Учебник WebGL — Привет, Треугольник!

What is WebGPU?

What is WebGPU?

WebGL Tutorial 01 - Setup and Triangle

WebGL Tutorial 01 - Setup and Triangle

Three.js Tutorial on Shaders (beginners)

Three.js Tutorial on Shaders (beginners)

Математика, лежащая в основе (большинства) 3D-игр — перспективная проекция

Математика, лежащая в основе (большинства) 3D-игр — перспективная проекция

© 2025 ycliper. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]