Shader Sketches

Getting Started

This project is using canvas-sketch which allows you to scaffold and run sketches.

Install node
Install dependencies npm install
Run npm start sketches/<sketch_filename> to start a sketch. eg: npm start sketches/sdf-fogged-glass

This will start a development server with features such as live-reloading, export, etc. For more info, see Installing and Using canvas-sketch

Related Projects

glslCanvas

Simple tool to load GLSL shaders on HTML Canvas using WebGL

13 Jul 2015 1,955

sketch-chat

A Sketch plugin to chat in Sketch Cloud files

17 Oct 2019 21

create-ssam

Quickstart your creative coding sketch with create-ssam

29 Jan 2023 21

sketch2json

Get a JSON output out of a buffer of Sketch v43+ data (works both in Node and in the browser)

19 Mar 2017 185

webpack-vector-sprite-plugin

Webpack plugin to create svg sprites from independent imports

01 Jul 2019 1

litegraph.js

A graph node engine and editor written in Javascript similar to PD or UDK Blueprints, comes with ...

26 Sep 2013 6,646

sketchbook

👨🏽‍🔬 experiments in generative art

30 Jul 2018 215

bartlett-dfpi-mp4

22 Oct 2019 6

workshop-webgl-glsl

A workshop on WebGL and GLSL

24 Oct 2019 1,030

canvas-sketch-util

Utilities for sketching in Canvas, WebGL and generative art

15 Aug 2018 711

inkpaint

InkPaint is a lightweight node.js canvas graphics library

23 Aug 2021 246

glslify-live-demo

an example of glslify-live

29 Jan 2015 8

sketches

basically the entirety of my sketching practice

18 Jul 2016 80

eschersketch

A drawing program for exploring symmetrical designs

06 May 2013 206

html-sketchapp

HTML to Sketch export solution

11 Aug 2017 1,842

shader-sketches