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.
⚠️ update: I gave up on JS for games because of performance, to see how far I got see this demo -- this project was archived on Svelte 4
- 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
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.
