Primer : Shaders

Aerotwist - An Introduction to Shaders - Part 1

Three.js 101 : Hello World! (Part 1)

An introduction to three js from a creative coder perspective

Experimenting with Three.js shaders and the ShaderMaterial - Introduction to custom mesh shader materials.

Shaders · mattdesl/lwjgl-basics Wiki

Wrench lib gdx lwjgl tutorials and examples contribute to mattdesl lwjgl basics development by creating an account on git hub

Shaders : second stage

The second part in a series on understanding shaders covering how data gets sent between shaders and your app how shaders are created and more other parts here is part one you are viewing part two i wrote a post about shaders recently it was a primer

GitHub - Jam3/jam3-lesson-webgl-shader-intro: A brief introduction to fragment shaders.

A brief introduction to fragment shaders contribute to jam3 jam3 lesson webgl shader intro development by creating an account on git hub

GitHub - Jam3/jam3-lesson-webgl-shader-threejs: Using custom vertex and fragment shaders in ThreeJS

Using custom vertex and fragment shaders in three js git hub jam3 jam3 lesson webgl shader threejs using custom vertex and fragment shaders in three js

GitHub - Jam3/threejs-post-process-example: a tutorial on ThreeJS post processing

A tutorial on three js post processing contribute to jam3 threejs post process example development by creating an account on git hub

Introduction to Ray Tracing: a Simple Method for Creating 3D Images

Lesson summary if you want to know what rendering and what ray tracing is but don

Ray Marching and Signed Distance Functions

One of the techniques used in many demo scenes is called ray marching this algorithm used in combination with a special kind of function called signed distance functions can create some pretty damn cool things in real time

GitHub - stackgl/glsl-lighting-walkthrough: phong shading tutorial with glslify

Bulb phong shading tutorial with glslify contribute to stackgl glsl lighting walkthrough development by creating an account on git hub

GitHub - mattdesl/three-glslify-example: a simple example of ThreeJS with glslify

A simple example of three js with glslify contribute to mattdesl three glslify example development by creating an account on git hub

GitHub - gregtatum/talk-webgl-beyond-dom: WebGL - Beyond the DOM

Web gl beyond the dom contribute to gregtatum talk webgl beyond dom development by creating an account on git hub

FBO particles

Update 210525 mario carrillo was kind enough to port the code samples to es6 something i ve been willing to do for years so check out his repo and check out his work while you re a

ray marching (with THREE.js)

Ray marching is a technique used to render complex shapes and lightings it s been around for years but got some huge momentum in the past 5 years i had some spare time and decided to give i

Custom shaders with Three.JS: Uniforms, textures and lighting

If you re familiar to web gl and glsl programming and have started using three js you ll eventually run into a situation where you want to code your own shader but at the same time use

An intro to modern OpenGL. Chapter 1: The Graphics Pipeline

Table of contents chapter 2 open gl has been around a long time and from reading all the accumulated layers of documentation out there on the internet it s not always clear what parts are h

GitHub - tomdalling/opengl-series: Code to accompany a series of OpenGL articles on tomdalling.com

Code to accompany a series of open gl articles on tomdalling com git hub tomdalling opengl series code to accompany a series of open gl articles on tomdalling com

Inigo Quilez

Articles on computer graphics math and art

Inigo Quilez

Articles on computer graphics math and art

Volumetric Rendering - Alan Zucconi

Learn how you can use volumetric rendering shaders to improve your unity games tutorial and code provided

Real-Time Rendering Resources

Shaders - Anton’s OpenGL 4 Tutorials

On ray casting, ray tracing, ray marching and the like - The title says it all. Introduction by Adok.

Sun and Black Cat - Articles on shaders and other computer graphics related topics.

Simon Rodriguez

Renderistically simon rodriguez

WebGL Tutorials

Learn game development

Generating Geometry: 1,

Three.js sine animation - Learn how to add sine waves to a circle with three.js. (

Into Vertex Shaders

This is a series of tutorials about web gl three js and three bas my extension for complex and highly performant 3 d animation systems

Into Vertex Shaders part 1: The Spaces of WebGL

This is the first in a series of articles about advanced web gl animation using three js and three bas my extension for complex and highly

WebGL 101, from 2D rendering to 3D shapes animations.

Web gl 101 from 2 d rendering to 3 d shapes animations built by david guan

Fluffy predator with THREE.js & instanced geometry

For a recent project i had to manipulate a potentially large number of meshes i chose to use three instanced buffer geometry as it is very efficient it allows to draw the same mesh many times wit

WebGL Tutorial: Particle Effects via Billboards

Welcome back to another web gl tutorial

Beautifully Animate Points with WebGL and regl - How to create GPGPU particles with regl.

WebGL Tutorial: Directional Shadow Mapping without extensions

Welcome back to another web gl tutorial