Visual effects with fragment shaders
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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", |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: mit | |
height: 300 | |
border: no |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: mit | |
height: 300 | |
border: no |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: mit | |
height: 600 | |
border: no |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: mit | |
height: 720 | |
border: no |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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/
NewerOlder