tblankensmith

Create Audio Reactive Shaders With Three.js and Shader Park (Patreon)

Published:

2023-02-07 19:00:50

Imported:

2023-04

Content

Hey! In this tutorial will cover how to create an audio reactive shader using Three.js and Shader Park.

Starter template: https://glitch.com/~starter-template-audio-reactive-shader-three-js-shader-park

Completed project: https://glitch.com/~audio-reactive-shader-three-js-shader-park

Getting started with Shader Park: https://shaderpark.com

Patreon Link: https://www.patreon.com/tblankensmith

Shader Park Discord Link: https://discord.gg/Z8CDWvVMeR

Link to the Codrops article / written tutorial: https://tympanus.net/codrops/2023/02/07/audio-reactive-shaders-with-three-js-and-shader-park/

Files

Create Audio Reactive Shaders With Three.js and Shader Park

Hey! In this tutorial will cover how to create an audio reactive shader using Three.js and Shader Park. Starter template: https://glitch.com/~starter-template-audio-reactive-shader-three-js-shader-park Completed project: https://glitch.com/~audio-reactive-shader-three-js-shader-park Getting started with Shader Park: https://shaderpark.com Patreon Link: https://www.patreon.com/tblankensmith Shader Park Discord Link: https://discord.gg/Z8CDWvVMeR Link to the Codrops article / written tutorial: https://tympanus.net/codrops/2023/02/07/audio-reactive-shaders-with-three-js-and-shader-park/ 0:00 Overview 2:04 Make any Shader Park Project Audio Reactive 5:10 Intro to Starter Template 7:49 Adding Shader Park to Three.js 13:40 Adding Audio Reactivity 24:16 Creating our Shader with Shader Park 33:25 Bringing it all Together