3 ms·
This map shows in "realtime" when users around the world take or leave bikes in a bike sharing system scheme of their city: http://citybik.es/realtime http://ci
by hk_kh 15y ago
This map shows in "realtime" when users around the world take or leave bikes in a bike sharing system scheme of their city: http://citybik.es/realtime http://citybik.es/realtime
Or, if you want, here's the popular gif cursor party done in real life http://citybik.es/cursor_party http://citybik.es/cursor_party
- gotrythis 15y agoI want to put something like that map in our app and can't find anything. Anyone know how this was done or any plug-and-play options to reproduce? Thanks!
- hk_kh 15y agoI assume you mean the "explosions" on the map? These are canvas elements, put inside a RichMarker. Each canvas element is a small particle generator (this was not needed, but somehow bastarized this version (http://scurker.com/projects/particles/ http://scurker.com/projects/particles/), to better control what I wanted to display. What I still don't like about it, is each canvas having his own timer / update interval. It would feel more homogeneous having a global timer, and updating each canvas element sequentially. In another release I would probably do that, and replace WebSockets with Server Side Events. I think the code is pretty straightforward, so feel free to dive into it.