Customized Mapbox plugins, including game control, canvasOverlayer, scene animation
https://alex2wong.github.io/mapbox-plugins/
Note: pls visit all demo with HTTPS..
R-tree search (5000 rectangles) DEMO
Global Wind Layer. render 1w point animation with Canvas
Chart.js is a great chart lib on canvas.
npm install
npm start
visit from localhost:8080/examples/
plugins provide canvasOverlay, domOverlay ,Sprite, gameControl extension etc. for example:
// create a CanvasOverlayer on Mapbox map instance..
var canvasLayer = new Alex.CanvasOverlayer({
map: map,
shadow: false,
keepTrack: true,
blurWidth: 4
});
// create a Drone inherites Sprite Class
var drone = new Alex.Drone({
direction: 45,
icon: "https://alex2wong.github.io/mapbox-plugins/assets/tri2.png"
});
// add keyboard control to Sprite.
Alex.Controllers.gameControl(drone);
function update(){
drone.updateStatus();
// render drone on canvasLayer.
canvasLayer.redraw([drone]);
requestAnimationFrame(update);
}
update();