/tangram-play

GUI editor for Tangram scenes
  1. JavaScript 86.9%
  2. CSS 11.0%
  3. HTML 2.0%
  4. Shell 0.1%
JavaScript CSS HTML Shell
Find file
Latest commit fcb67f3 Jul 1, 2016 @louh louh committed on GitHub Merge pull request #436 from tangrams/react-filedrop 
Convert file drop to React component
Failed to load latest commit information.
data Add thumbnail images locally, with a script to fetch them Jun 28, 2016
deploy Add cache invalidation script to circle deploy Apr 4, 2016
meta Add thumbnail images locally, with a script to fetch them Jun 28, 2016
src Merge pull request #436 from tangrams/react-filedrop Jul 1, 2016
test URL protocol appendages should take into account "localhost" and port… Apr 24, 2016
.babelrc Adding babel file for react Jun 21, 2016
.editorconfig Port JSHint from Tangram Jun 29, 2015
.eslintignore Migrate linter to eslint Jun 3, 2016
.eslintrc Add React plugin for ESLint (#387) Jun 15, 2016
.gitignore Add the build folder to .gitignore Mar 2, 2016
.stylelintrc Add stylelint Jun 14, 2016
CONTRIBUTING.md Update CONTRIBUTING to clarify local server process Jun 24, 2016
LICENSE It's 2016 Apr 22, 2016
README.md readme: fix link to CONTRIBUTING.md Jun 14, 2016
circle.yml Add comments to circle.yml Jun 22, 2016
gulpfile.js Envify for production React Jun 22, 2016
index.html Convert file drop to React Jun 29, 2016
karma.conf.js Add test framework Apr 20, 2016
modernizr-config.json Fix Modernizr html css classing and apply it to fullscreen button Oct 21, 2015
package.json Add thumbnail images locally, with a script to fetch them Jun 28, 2016

README.md

CircleCI David Dependencies David devDependencies

https://mapzen.com/tangram/play/

Editor for Tangram scene files

Tangram Play is an editor for Mapzen's Tangram map-rendering library that makes it easy to build or modify Tangram scene files and see your changes right away. It runs entirely in your browser and can be accessed at https://mapzen.com/tangram/play/.

Here is a clip of Patricio's live demo at JS.Geo (October 2015) (notes are here).

This project is currently in active development (think public beta) and so functionality may change or break without prior notice. This doesn't mean you can't use it, but please keep this in mind and feel free to send feedback on the issues tracker.

Query string API

  • lines=[number]/[number-number]: you highlight a line or a range of lines. Example lines=10-12.

  • scene=[url.yaml]: load a specific .yaml file using a valid url

Keys

  • Ctrl + [number]: Fold indentation level [number]
  • Alt + F: fold/unfold line
  • Alt + P: screenshot of the map

Sublime-like hotkeys

  • Ctrl + F: Search
  • Ctrl + D: Select next occurrence
  • Alt + ArrowKeys: move word by word
  • Shift + ArrowKeys: Select character by character
  • Shift + Alt + ArrowKeys: Select word by word

Contributing

We welcome contributions from the community. For more information how to run Tangram Play in your local environment and get started, please see CONTRIBUTING.md.