shader-park / shader-park-examples

Example template projects for Shader Park.

Shader Park Example Templates 🎉

Example templates for Shader Park using shader-park-core.

Examples using npm

Examples using Shader Park as an npm package are listed as folders in this repo with info in each Readme.

es6-starter-template: Quick start using shader-park-core and vite

es6-vite-prebuild-three-template: Recommended for production builds that use threejs and have static shaders

es6-three-starter-template: Quick start using three.js, shader-park-core and parcel

nft-hicetnunc-three-template: Create your own interactive NFT using Shader Park and host it on Hic et Nunc

vite-fxhash-template: Create FXHash bundle using Shader Park, Three.js and Vite. Derived from EILSEQ's artwork Miss Lexotan

TODO:

es6-starter-interactive-template

es6-starter-three-interactive-template

react-template

react3fiber-template

Quick Start Examples

Examples are hosted on Glitch to quickly preview and live edit.

All Glitch Projects

Starter Template

Starter Template With Mouse Interactivity

Starter Template With Scroll Interactivity

Starter Template with GLSL (yes there's a glsl library you can still access instead of javascript)

Three.js Starter Template

Three.js Custom Geometry Template

Three.js Text Template

Three.js WebXR Template