Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
js
 
 
 
 
 
 
 
 

README.md

The MusicMap Globe

This WebGL globe was created as part of the MusicMap Spotify application. It has two dependencies: jQuery and Three.js.

This blog post outlines how the globe was built.

Acknowledgments

The globe is based on the The WebGL Globe project, with many of the improvements available from Making of the World Wonders 3D Globe.

In order to determine which country is being hovered, it uses the country lookup texture from Small Arms and Ammunition - Imports & Exports.

Installation

In order for the country lookup texture to load, you need to serve the page from a local web server. If you're on Mac, try opening the Terminal, navigate to the project directory and run:

$ python -m SimpleHTTPServer

Then visit http://localhost:8000

Usage

jQuery(function($) {
  // Call initialize with a DOM-element to render the globe
  window.MusicMap.GlobeModule.initialize($('#globe'));
  
  // Call autospin to make the globe slowly spin by itself
  window.MusicMap.GlobeModule.autospin(true);

  // Bind to the musicmap:globe:click event to learn what country was clicked
  $('body').on('musicmap:globe:click', function(e, country) {
    console.log(country);
  });
});

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request

About

The MusicMap WebGL Globe

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.