Tangram Shader Firefly Map
Visual effects with fragment shaders
var carsData = [ | |
{ | |
"Name":"chevrolet chevelle malibu", | |
"Miles_per_Gallon":18, | |
"Cylinders":8, | |
"Displacement":307, | |
"Horsepower":130, | |
"Weight_in_lbs":3504, | |
"Acceleration":12, | |
"Year":"1970-01-01", |
license: mit | |
height: 300 | |
border: no |
license: mit | |
height: 300 | |
border: no |
license: mit | |
height: 600 | |
border: no |
license: mit | |
height: 720 | |
border: no |
Visual effects with fragment shaders
license: mit | |
height: 720 | |
border: no |
Driving shaders params via mouse interaction.
Use requestRender rather than updateConfig and you can set scene properties (e.g. uniforms) directly.
To interact with uniforms, declare them in the scene file then directly manipulate them from the scene object (not the config) in the JS api.
The mapzen tiles osm boundaries layer only seems to include lines between countries, not the outline of the country itself, this implies the line mayu not be a closed polygon. You won't get the line running along the coast and Australia doesn't have any boundary data.
Get border data from https://mapzen.com/data/borders/