A bump map makes a surface look as though it has high and low areas based on how light strikes the surface. These are “bump” mapping and “displacement”. There are two common approaches for making a material look bumpy when using most 3D rendering programs. The resulting curve can be used for anything you like and will have a natural symmetry that is… um… universal. Using a vector based program is best for this so that you can continue to zoom infinitely in as you go. Just continue to snap to the next 90° intersection making your way around the array of lines as you spiral inward. It’s important to draw an interpolated curve so that the control points you place pass through the perpendicular intersections. I used Rhino which has some handy Osnaps to make this extra easy. Now for the 3D modeling trick! You can draw a logarithmic spiral using a radial array of lines and the ability to snap to perpendicular intersections. You can read all about this type of spiral including the geeky math bits here… The same shape can be seen in sea shells and also universes which is seriously profound if you ask me. It’s found throughout the natural world at vastly different scales. If you press your keyboard down button the building light property flashes to simulate a bomb going off on the map.If you aren’t familiar with logarithmic spirals, you’ll likely still recognize the form. I've also used the light properties of the 3d buildings to simulate the dropping of bombs on the map. This enables you to fly around the map and 3d buildings using your forward and left & right keyboard keys.
In my map I've added the option to navigate the map with game-like controls. I've also created an example map of 3d buildings in Mapbox GL. If you want to learn more about these light properties then you might also want to have a look at the Mapbox Blog post Shading and lighting 3D features in Mapbox GL JS. These light properties are easy to add to the 'Display Buildings in 3D' example map by simply adding. One thing missing from the example map is the light properties that control the lighting of the 3D buildings: light color, intensity, position, and anchor. The Display Buildings in 3D example map provides you with all the code you need to use extrusions to display 3d buildings in a Mapbox GL map. Mapbox has now added an example of 3d buildings to the Mapbox GL JS documentation.
0 kommentar(er)
