p5.js Shaders
164
portfolio_page-template-default,single,single-portfolio_page,postid-164,bridge-core-3.0.6,qode-page-transition-enabled,ajax_fade,page_not_loaded,,qode-title-hidden,qode-theme-ver-29.3,qode-theme-bridge,disabled_footer_bottom,qode_header_in_grid,wpb-js-composer js-comp-ver-6.10.0,vc_responsive
Category
Projects
Tags
glsl, p5js

p5.js Shaders

(2019)

 

A guide for getting started with shaders in p5.js.

Programmers often find shaders intimidating and confusing. This ongoing project aims to make getting started with shaders much more accessible, and much less confusing. By placing shaders in p5.js where many new programmers start out, we hope to show that shaders do not need to be for advanced programmers only.

 

The guide has tutorials for what shaders are, how to implement them in p5.js in various ways, and how to use shaders from other ressources, such as shadertoy, in your p5.js projects.

 

Visit p5.js shaders

 

In collaboration with Casey Conchinha.

 

 

p5.js, GLSL

 

Presentations

Processing Day NYC, February 8,  2020
The New School, New York,  link