New Using Paper.Js Alongside Google Maps

Darren Wiens has been experimenting amongst Paper.js as well as the Google Maps API. You tin stance his posts as well as links to the experiments amongst Paper.js on Darren's Side Projects blog.

Paper.js is an opened upward rootage vector graphics scripting framework that runs on acme of the HTML5 Canvas. In his experiments Darren has been overlaying vector graphics created using Paper.js equally a canvass layer on acme of Google Maps.

One of Darren's experiments is the Randomised City Map. On this map Paper.js is used to animate a business betwixt ii randomly generated locations. The Google Maps API Direction Service is thus used to animate the driving route betwixt the ii locations.  Then or thus other business betwixt ii random locations is generated as well as the driving route for that journeying calculated as well as thus on, advertizement infinitum.

The map thus uses the Google Maps API Heatmap Layer to demo the close heavily generated roads as well as intersections.The consequence of all this is a rather cool urban amount traffic menses stimulator.


Another of Darren's Paper.js as well as Google Maps experiments is this Polygon Hit Detection Map. This map creates a publish of polygons as well as a randomly generated moving line. Hit evidence detection is used to demo when the moving business intersects amongst whatever of the polygons. In the screen-shot higher upward the yellowish stars demo where the business has moved through a polygon.

This hit-test detection could hold upward used inwards whatever publish of ways. Darren gives the event of using it to highlight when GPS tracked elephants wander onto farmland. It could too hold upward used to help practise geo-location games, for example, to decide when a thespian has entered a pre-defined zone.

Share this post