Three.js WebGL Meditation Module

[mikhael28]

A major part of human performance is to be able to center yourself, and knock yourself out of whatever subconscious cognitive loop you may find yourself in. This is commonly known as Mindfulness, or meditation, and has been popularized through the use of apps like Calmly and Headspace. This is genuinely useful technology - we need to integrate it into our platform.

The ideal prototype/MVP of this is to have a meditation icon in the LeftNav, that when clicked on, will open a fullscreen modal/popup that will show a meditative/generative screensaver, while calm flute music/nature sounds are playing. The version two of the MVP will allow the user to choose different types of meditation, in a sub-menu.

Here are some references I've included for ways to get started. Please make sure the Three.js animation in the Landing component doesn't break as a result of your work - and if it does, replace it with something similar to pulsating lines/generative animations.
An interesting three js powered visualization of the ocean - could be played with ocean sounds. https://codepen.io/Khangeldy/pen/pgXNMZ

Vanta.js is a library to have animated 3d backgrounds in websites https://www.vantajs.com/?effect=net

https://codepen.io/marctannous/pen/RNGjmz
https://codepen.io/teolitto/pen/KwOVvL
https://codepen.io/zadvorsky/pen/qOYqGv
https://codepen.io/digitalhour/pen/PXvLQm
https://codepen.io/negan1911/pen/GLbBGm
https://codepen.io/mweslander/pen/JreNPj
https://codepen.io/Yakudoo/pen/rJjOJx

[mikhael28]

This is an interesting site as well: https://vawe.app/

[MidnightChems]

I'll take a look!

[mikhael28]

Any thoughts?

[MidnightChems]

Sorry been super busy with job interviews. I'll start taking a look here soon!