GLSL Shader(Filter) programming in Phaser with TypeScript

Channel:
Canada Gamefromscratch
Subscribers:
265,000
Published on ● Video Link: https://www.youtube.com/watch?v=FnvJ0XAlBfE


Duration: 24:47
2,800 views
17

This video shows how to create and apply a simply GLSL shader (filter in Phaser speak), turning a sprite image grayscale.

The text version of this:

Earlier video tutorial on using Phaser with TypeScript:
Part 1: https://www.youtube.com/watch?v=T8a8-SO6vP0
Part 2: https://www.youtube.com/watch?v=snKWMyeUPk8

Full Phaser/Typescript tutorial series:
http://www.gamefromscratch.com/post/2015/09/17/GLSL-Shaders-in-Phaser-with-TypeScript.aspx

GL Shader programming links:
http://www.gamefromscratch.com/post/2014/05/16/OpenGL-Shader-Programming-Resources-Round-up.aspx



Other Videos By Gamefromscratch


2015-10-09SFML Tutorial -- Handling Keyboard Input and Random Numbers
2015-10-08SFML Tutorial -- Series Overview
2015-10-08SFML Tutorial Series -- Creating a Window, Game loop and Timers
2015-10-07SFML Tutorial Series -- Configuring Visual C++ 2013
2015-10-05Youtube Mic Comparison: Astro A30 vs Blue Snowball
2015-10-05A Closer look at the Wave Engine game engine
2015-09-28Godot Tutorials -- 3D Animations with Actions
2015-09-28Godot Tutorial -- 3D Models and Animations (COLLADA)
2015-09-28Godot Tutorial -- Static and Procedural 3D Meshes
2015-09-22Godot Tutorial -- Introduction to 3D Development
2015-09-18GLSL Shader(Filter) programming in Phaser with TypeScript
2015-09-14A Closer Look at SFML
2015-08-29A Closer Look at the jMonkeyEngine
2015-08-24Paradox/Xenko Game Engine Tutorial Part Five: Accessing and Creating Entities and Components in Code
2015-08-23MonoGame Tutorial Part Five: 3D Programming
2015-08-21Colour Syntax Source Code Markup using Highlight
2015-08-20MonoGame Tutorial -- Creating and exporting a textured model from Blender to MonoGame
2015-08-17Paradox/Xenko Game Engine Tutorial Part Four: Creating a Game Class and Setting Game Resolution
2015-08-13Godot Tutorial -- Canvas Layers and Parallax Backgrounds
2015-08-11Paradox/Xenko Game Engine Tutorial Part Three: Introduction to Scripting
2015-08-11Paradox/Xenko Game Engine Tutorial Part Two: Meet Paradox Studio


Tags:
Phaser
HTML5
Gamedev
GameFromScratch
tutorial
2D
TypeScript
GLSL
OpenGL
Shader
OpenGL Shading Language
Programming Language (Software Genre)