Indigo CodeCompanion to youtu.be/1J6Z5wBfSnQ, where I go over more details on how to get started with WebAssembly. This is not as in-depth a tutorial as I normally give on this channel, because the build tools are still too new for me to feel comfortable committing to a real tutorial :-)
WebAssembly - pseudo-tutorial (not very in depth)Indigo Code2017-04-17 | Companion to youtu.be/1J6Z5wBfSnQ, where I go over more details on how to get started with WebAssembly. This is not as in-depth a tutorial as I normally give on this channel, because the build tools are still too new for me to feel comfortable committing to a real tutorial :-)
The project is currently called "Hoops," and it is a 3D web game where you try to bounce ping-pong balls around obstacles and land them in a basket at the end of the level.WebAssembly overview - Its cool, its really fast.Indigo Code2017-04-17 | What is WebAssembly, why might you want to use it, what's it like programming using it, what kind of difference does it make on a web app?
Outro music: TheFatRat - Monody (feat. Laura Brehm) youtube.com/watch?v=B7xai5u_tnk ^ This artist is pretty much my main jam when I work on stuff, great music. Check him out.Using Assimp in C++ - INTRO Visual Studio setupIndigo Code2016-10-31 | ASSIMP is a C++ library that allows you to load 3D models from a variety of file formats (fbx, dae, obj, blend...) This video is about setting it up with Visual Studio, and I also briefly talk about what it is. Feel free to skip this one, it's all setup and overhead :-) I do not cover the API or using the code at allUsing Assimp in C++ - Basic Loading (geometry and materials)Indigo Code2016-10-31 | ASSIMP is a C++ library that allows you to load 3D models from a file (fbs, dae, obj, blend...) This video covers the code needed to pull in the geometry of a model (vertices and indices) as well as any solid color materials associated with the model.
I'm planning on doing more videos in this series (as of October 30, 2016), when I'm finished with the series I'll make a ZIP which will include the DLL and LIB files needed to run the samples. In the meantime, see the first video in this series for how to set it up - I know that's stupid annoying, but I don't want to make and permalink a ZIP file until I'm done with the series.
This tutorial does not cover loading textures, animation, or construction of a full scene from a file. The intention of this video is to get you up and going with Assimp as quickly as possible.
Phantom Sage - MIKO youtube.com/watch?v=7t8lRdpv5IQ (facebook.com/thefantomofficial)WebGL Shadow Mapping Tutorial - 3 - Using 32-bit floatsIndigo Code2016-03-02 | In this three-part video series, I explain how shadow mapping can be implemented in WebGL. Similar concepts may be easily applied to OpenGL programming in general, and an experienced DirectX programmer can probably learn how to use shadow mapping from these videos as well.
In this video, I modify the scene in the last created video to include shadows cast on every object in the scene.
glMatrix download: http://glmatrix.net async download: github.com/caolan/asyncWebGL Shadow Mapping Tutorial - 2 - Implement Shadow MappingIndigo Code2016-03-02 | In this three-part video series, I explain how shadow mapping can be implemented in WebGL. Similar concepts may be easily applied to OpenGL programming in general, and an experienced DirectX programmer can probably learn how to use shadow mapping from these videos as well.
In this video, I modify the scene in the last created video to include shadows cast on every object in the scene.
glMatrix download: http://glmatrix.net async download: github.com/caolan/asyncWebGL Shadow Mapping Tutorial - 1 - Set Up a SceneIndigo Code2016-03-02 | In this three-part video series, I explain how shadow mapping can be implemented in WebGL. Similar concepts may be easily applied to OpenGL programming in general, and an experienced DirectX programmer can probably learn how to use shadow mapping from these videos as well.
In this video, I only create a room scene, with a few static objects and one animated object.
glMatrix download: http://glmatrix.net async download: github.com/caolan/asyncWebGL - Creating an Interactive Mandelbrot Explorer (1 of 3)Indigo Code2016-02-20 | In this video mini-series, I use a GLSL fragment shader to generate a rendering of the Mandelbrot set.
In this concluding video, I write methods to allow the user to click and drag to pan the image, or use the mouse wheel to scroll in and out of the image.
Mandelbrot Set Information: en.wikipedia.org/wiki/Mandelbrot_set C++ Mandelbrot still image tutorial: youtube.com/watch?v=entjSp3LIfQ Tutorial Code: github.com/sessamekesh/IndigoCS-webgl-tutorialsWebGL Tutorial 05 - Phong LightingIndigo Code2016-02-04 | In this video, I apply simple Phong lighting to the scene I created earlier. I don't use any specular lighting, I only use one light source and it's a simple directional light, but it gets the concept across. I may cover more involved lighting later, but this at least covers the theory.
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.
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.
Other fantastic WebGL resources: http://antongerdelan.net/opengl/webgl... http://webglfundamentals.org chromeexperiments.com/webgl https://developer.mozilla.org/en-US/d... https://msdn.microsoft.com/en-us/libr...WebGL Tutorial 03 - Textured CubeIndigo Code2016-01-27 | In this video, I demonstrate how to add textures to WebGL renderings by creating a spinning crate.
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.
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.
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.