cosmicplayground

tools and toys for expanding minds cosmicplayground.org

cosmicplayground.org is a free and open source noncommercial hobby project exploring tools and toys with web tech. It's made with Svelte, SvelteKit, Vite, TypeScript, PixiJS, and space.

Soggy Planet is an interactive map of Earth
where sea levels rise and fall and the lights of civilization shine through the night.
It displays sea levels roughly between the
lowest point during the last glacial maximum
before the
early Holocene sea level rise
and one estimated possible maximum.
- Soggy Planet includes a 3 minute tour of some points of interest related to sea levels
  at the Last Glacial Maximum
  (cosmicplayground.org/soggy-planet,
  YouTube)
Starlit Hammock
invites you to sit back and soak in the staggering beauty of space
as it slowly surveys the skies.
Space out or zoom and pan around to explore on your owntry to spot your atoms' cousins!
It displays images from Hubble, spacetelescope.org.
Try it on an idle screen but be mindful of the power usage. :]
Two tools for understanding
the easing functions in Svelte
(see also the official example):
- Easing Function Visualizations
  compares all easings on a single screen
- Easing Function Visualizations and Auralizations
  focuses on one function at a time with bigger visuals and a tweakable audio representation
  (auralization)

learn more about cosmicplayground

develop

Everything is staticly hosted on GitHub pages, and there's no 3rd party junk anywhere.

Windows is not supported directly but WSL works, I chose Bash integration instead

npm i # node 20.10+
npm start # or gro dev
# open your browser to localhost:5173 or whatever it says
npm run build # for production, or gro build

learn more about Gro

credits 🐢 🐢🐢

This project relies on open source software and freely licensed content like ESA/NASA's Hubble imagery and the music of Alexander Nakarada. See cosmicplayground.org/about for the complete list of non-software assets and their credits.

made with Svelte SvelteKit Vite PixiJS @Sinova/Collisions TypeScript uvu Gro ESLint Prettier & more