WebGL Tutorial 04 - Loading External Meshes and Shaders
In this video, I demonstrate how to add load resources from external files over the network. I replace the shaders written in previous tutorials with ones in their own files, and load a complicated mesh from a file.
A live demo is available at http://www.kamaron.me/tutorial-live/webgl/04-loading-external-files/
In this series, I will not be using any external libraries like Three.JS. These tutorials are intended for people comfortable (but not necessarily experienced) with JavaScript and HTML, with or without any prior graphics programming experience. Ideally, I would like anybody watching my full tutorial set to be able to create a 3D video game from scratch using WebGL.
Source code available at https://github.com/sessamekesh/IndigoCS-webgl-tutorials/tree/8194fa6fbfb44abac0cef9aaa96f906b8a34c9ef
(Repository contains code for all these tutorials - the ones that don't directly build off each other as commits are handled as separate branches)
Good asynchronous JavaScript library (for solving callback hell): https://github.com/caolan/async
Assimp2Json: https://github.com/acgessler/assimp2json
glMatrix library used for math: http://glmatrix.net/
Other fantastic WebGL resources:
http://antongerdelan.net/opengl/webgl...
http://webglfundamentals.org/
https://www.chromeexperiments.com/webgl
https://developer.mozilla.org/en-US/d...
https://msdn.microsoft.com/en-us/libr...
Видео WebGL Tutorial 04 - Loading External Meshes and Shaders канала Indigo Code
A live demo is available at http://www.kamaron.me/tutorial-live/webgl/04-loading-external-files/
In this series, I will not be using any external libraries like Three.JS. These tutorials are intended for people comfortable (but not necessarily experienced) with JavaScript and HTML, with or without any prior graphics programming experience. Ideally, I would like anybody watching my full tutorial set to be able to create a 3D video game from scratch using WebGL.
Source code available at https://github.com/sessamekesh/IndigoCS-webgl-tutorials/tree/8194fa6fbfb44abac0cef9aaa96f906b8a34c9ef
(Repository contains code for all these tutorials - the ones that don't directly build off each other as commits are handled as separate branches)
Good asynchronous JavaScript library (for solving callback hell): https://github.com/caolan/async
Assimp2Json: https://github.com/acgessler/assimp2json
glMatrix library used for math: http://glmatrix.net/
Other fantastic WebGL resources:
http://antongerdelan.net/opengl/webgl...
http://webglfundamentals.org/
https://www.chromeexperiments.com/webgl
https://developer.mozilla.org/en-US/d...
https://msdn.microsoft.com/en-us/libr...
Видео WebGL Tutorial 04 - Loading External Meshes and Shaders канала Indigo Code
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Build a Mindblowing 3D Portfolio Website // Three.js Beginner’s TutorialWebGL, What The HellWebGL Tutorial 05 - Phong Lighting18.7: Loading OBJ Model - WebGL and p5.js TutorialQuick ArchViz Lighting and Post Processing in Unity | Part - 2Three.js Lighting Tutorial (JavaScript) | Light Types Explained!Scene Manager - Load between scenes and show a progress bar - [ Unity Tutorial ]Implement 3D Easily with Google's model-viewerCASCADEUR - AMAZING PHYSICS DRIVEN CHARACTER ANIMATION TOOLDenis Radin: Rendering HTML via WebGL | JSConf EU 2015Fun with WebGL 2.0 : 011 : Parsing .OBJWebGL - BROWSER TECHNOLOGIE DER ZUKUNFT - Browsergame erstellen - Deutsch/GermanWebGL Is Dead, Long Live WebGPUThree.js Realistic Lighting Setup TutorialWebGL Tutorial 03 - Textured CubeOpenGL in python e15 - loading 3D .obj filesWebAssembly - pseudo-tutorial (not very in depth)WebGL Tutorial 02 - Rotating 3D CubeCreating Custom 3D Objects for use with Three.jsAnimation and 3D in react-three-fiber (with Paul Henschel) — Learn With Jason