Giter Site home page Giter Site logo

sc3n3's Introduction

These are scenes, .yaml files used to create maps in Mapzen's Tangram.

I'm using these files to learn Tangram and GLSL.

I've structured the code in most (but not all of the) files so that they should work (and display a map) if you copy and paste the code into https://mapzen.com/tangram/play

Most of the code in here is not written from scratch by me rather I've just adapted code written by Patricio González Vivo of Mapzen, who deserves credit.

Some of these scenes will also include workable examples of shader code that you can insert into a scene with less fuss (hopefully).

Below are descriptions and direct links to them in Tangram Play as well so you can view and edit them.

Descriptions:

diagonal_dash: viewable example - Applies a diagonal dash pattern to your polygon style; different than the polygon strips which are continuous. Mentioned as the 'polygons-diagonal-dash' block and its block reference

line-dash-example: viewable example Use dashes for your lines. The block reference

lines-chevron-example: viewable example - Chevron Lines

lines-outline: viewable example - Outlines to lines; used as road casings.

polygon-stripes: viewable example - stripes/hatchure s in polygons; see the waterway and the as two different examples. Also see coastline-stripes.yaml done by Geraldine Sarmiento for a similar example.

skim-city: a reimagination of the Sim City 2000 aesthetic (from the 1994 ish release). Designed to be viewed mostly at z15+ zoom level (since that's you'd usually play SC2000 at anyways). Really early stages; viewable example

(need to finish describing the rest of the files)

PS - global.yaml is filed referenced in several of my scenes, used to properly layer features. available at https://tangrams.github.io/blocks/global.yaml

sc3n3's People

Contributors

skorasaurus avatar

Watchers

 avatar

sc3n3's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.