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 own—try 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 :turtle: _{:turtle::turtle:}

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

docs

• WebGL, Pixi, and bundle sizes

license 🐦

code is public domain ⚘ The Unlicense

For the licenses and copyright info of the graphics, audio, and other non-code assets, see cosmicplayground.org/about.