An interactive guide to thinking in systems. READ/PLAY HERE
Made by Nicky Case: @ncasenmare | ncase.me
Dedicated to the public domain with Creative Commons Zero! I'm giving away all my art/code/words, so that you teachers, scientists, hobbyists, activists, and emoji-lovers can use them however you like! This is for you. 💜
Yeah basically just download this github repository, and host it on some local server. I use the minimalist http-server, but you can also use MAMP. (Simulating The World is just a bunch of static files, but it needs to be on a server because of some weird browser security issues with XMLHttpRequests)
###Saving your own sims locally:
- Get it running on your own computertron (see above). For the sake of this example, let's assume it's running on
http://localhost:8080/
. (which it will by default, if you use http-server) - Go to
http://localhost:8080/model
, and make your own sim! - Click "export model". Your simulation's data should pop up in a new tab.
- Save it locally to
[your local folder]/model/models
, as[your sim name].json
. (NOTE: the ".json" extension is important!) - Finally, to see your own sim in action, go to
http://localhost:8080/model?local=[your sim name]
! Voilà! And you can keep editing and exporting from there, just copy-paste the new data to[your sim name].json
.
They're all open source! Except for Firebase. Oh well.
Code Stuff:
- MinPubSub - A tiny publish/subscribe library.
- Perfect Scrollbar - Custom scrollbars. Mostly because Mac OS X Lion is silly and hides all the scrollbars because 'minimalism'.
- requestAnimationFrame shim - A requestAnimationFrame polyfill.
- reqwest - A tiny XMLHttpRequest library.
- Firebase - To save & load models from ☁️The Cloud☁️
- Platform.js - To test browser/OS, because there is no good emoji feature detection arrrgghhhhhhhh
Font Stuff:
- Sniglet - For the title splash.
- OpenSansEmoji - Fallback font if your browser doesn't support emoji.
- Dec 2nd, 2015: KillScreen (written up for my prototype, before the final thing was even done)