notion-ocean icon indicating copy to clipboard operation
notion-ocean copied to clipboard

:ocean: Use a brain computer to control the motion of a WebGL ocean

Notion Ocean

Screenshot of Notion Ocean

This app uses Notion, the Neurosity brain computer to control the waves of the ocean based on your cognitive state. The idea is to influence the weather moving the ocean based on your calm state by changing the choppiness, wind and size properties of the ocean scene.

The calmer you get, the calmer the ocean gets. The experience starts with a wavy weather and the goal is to get the ocean to remain still by doing breath exercises, keeping your eyes closed or meditating.

Netlify Status

Tech Stack

  • Built with React (hooks)
  • NotionJS API (@neurosity/notion)
    • Calm Metric notion.calm()
    • Device Status (state, charging, battery & sleepMode)
    • Device Info
  • Auth via NotionJS
    • login, logout, onAuthStateChanged
  • WebGL Ocean Simulation
  • Deployed with Netlify

MIT License