Spiral Shader Experiment

JavaScript spiral fragment shader experiment in THREE.js

Demo (Photosensitive epilepsy warning)

Variables

• speed – speed at which the spiral rotates.
• scale – scale of the spiral.
• warp – intensity of the warp based on an exponential easing function.
• exponent – exponent to use for drawing the spiral.
• sharpness – edge sharpness of the spiral spiral.
• color* – colors of the spiral.

Used libraries

• THREE.js – JavaScript 3D library
• stats.js – JavaScript Performance Monitor
• dat.gui – lightweight controller library
• anime – JavaScript animation engine

Based on

• https://threejsfundamentals.org/threejs/lessons/threejs-shadertoy.html
• https://www.shadertoy.com/view/ldBGDc

License

MIT licensed

Copyright (C) 2020 Markus Lerner, http://www.markuslerner.com