👀 Tracking: Interactive Inspo

[BryanPan342]

Overview:

This is a place to put all of our interactive INSPO

Types:

• Three.js
• p5.js

---

This is a 👀 Tracking Issue

[BryanPan342]

THREE.JS

Gooey hover effect on images

https://tympanus.net/Tutorials/GooeyImageHoverEffects/

[forrestburton]

P5.js

Distortion effect

https://editor.p5js.org/meij_who/sketches/QcPXawKgx

[ivanma9]

P5.js

Orbits interaction

https://editor.p5js.org/p5/sketches/Input:_Mouse2D

[ivanma9]

P5.js

Follows mouse and draws, on mouse press, changes color

https://editor.p5js.org/p5/sketches/Input:_MouseIsPressed

[ivanma9]

P5.js

Heartbeat/sinusoids with mouse motion

https://editor.p5js.org/p5/sketches/Input:_Mouse_Signals

[forrestburton]

P5.js

Perlin noise loop. No mouse interaction but possibly something we could play with

https://editor.p5js.org/codingtrain/sketches/sy1p1vnQn

[forrestburton]

P5.js

More perlin noise:

https://genekogan.com/code/p5js-perlin-noise/

[forrestburton]

P5.js

Flow field

https://editor.p5js.org/nyxtom/sketches/uQCNclOBF

[forrestburton]

P5.js

More flow fields and noise algorithms

https://dev.to/nyxtom/flow-fields-and-noise-algorithms-with-p5-js-5g67

[forrestburton]

P5.js

Pretty cool snow perlin noise: https://www.javascript.christmas/2020/16
Might try to look into incorporating this effect with the snow: https://editor.p5js.org/meij_who/sketches/QcPXawKgx

[forrestburton]

P5.js

Smoke animation: https://p5js.org/examples/simulate-smokeparticles.html

[forrestburton]

P5.js

Another smoke animation: https://editor.p5js.org/aferriss/sketches/Hki0npbjG