compositor.json

{
  "name": "msurguy/triangles",
  "version": "0.1.4",
  "libraries": {
    "xv": "^1.1.25"
  },
  "title": "Triangles",
  "branch": "master",
  "style": {
    "name": "Material",
    "componentSet": {
      "nav": "nav/DarkAbsoluteNav",
      "header": "header/GradientHeader",
      "article": "article/BasicArticle",
      "footer": "footer/BasicFooter"
    },
    "fontFamily": "Roboto, sans-serif",
    "heading": {
      "fontWeight": 500,
      "letterSpacing": "-0.01em"
    },
    "colors": {
      "text": "#212121",
      "background": "#fff",
      "primary": "#2196f3",
      "secondary": "#1565c0",
      "highlight": "#ff4081",
      "border": "#e0e0e0",
      "muted": "#f5f5f5"
    },
    "layout": {
      "centered": true,
      "bannerHeight": "80vh",
      "maxWidth": 896
    }
  },
  "content": [
    {
      "component": "nav",
      "links": [
        {
          "href": "https://msurguy.github.io/triangles/",
          "text": "Home"
        },
        {
          "href": "https://github.com/msurguy/triangles",
          "text": "GitHub"
        },
        {
          "href": "https://npmjs.com/package/triangles",
          "text": "npm"
        }
      ]
    },
    {
      "component": "header",
      "heading": "triangles",
      "subhead": "Delaunay triangulation + Lambertian reflectance",
      "children": [
        {
          "component": "ui/TweetButton",
          "text": "triangles: Delaunay triangulation + Lambertian reflectance",
          "url": "https://msurguy.github.io/triangles/"
        },
        {
          "component": "ui/GithubButton",
          "user": "msurguy",
          "repo": "triangles"
        }
      ],
      "text": "v1.0.2"
    },
    {
      "component": "article",
      "metadata": {
        "source": "github.readme"
      },
      "html": "<h1>Delaunay Triangulation pattern maker</h1>\n<p>This project allows you to create beautiful high quality images featuring a nice pattern created from Delaunay triangulation and applying a flat surface shader. These images could be used for:</p>\n<ul>\n<li>Wallpapers</li>\n<li>Blog post headers</li>\n<li>Magazines</li>\n<li>Posters</li>\n<li>And more</li>\n</ul>\n<p>The tool provides export to PNG and SVG formats. With SVG format you could create an image of virtually any size, even as big as a billboard. Go crazy with it!</p>\n<h2>Show me some results!</h2>\n<p>Here are a few of most obvious uses for the tool:</p>\n<p><img src=\"https://raw.github.com/msurguy/triangles/master/examples/three-devices.png\">\n<img src=\"https://raw.github.com/msurguy/triangles/master/examples/two-devices.png\">\n<img src=\"https://raw.github.com/msurguy/triangles/master/examples/billboard.png\"></p>\n<p>And I made a video on Youtube of the tool in action, creating 11 wallpapers in under 7 minutes:\n<a href=\"http://www.youtube.com/watch?v=JbD-HsmBt_0\"><img src=\"http://img.youtube.com/vi/JbD-HsmBt_0/0.jpg\"></a></p>\n<p>You can also see some examples of the patterns made with this tool in this repository in the examples folder (the first one had text overlay added in Photoshop):</p>\n<p><img src=\"https://raw.github.com/msurguy/triangles/master/examples/0.jpg\">\n<img src=\"https://raw.github.com/msurguy/triangles/master/examples/1.jpg\">\n<img src=\"https://raw.github.com/msurguy/triangles/master/examples/2.jpg\">\n<img src=\"https://raw.github.com/msurguy/triangles/master/examples/3.jpg\">\n<img src=\"https://raw.github.com/msurguy/triangles/master/examples/4.jpg\">\n<img src=\"https://raw.github.com/msurguy/triangles/master/examples/5.jpg\">\n<img src=\"https://raw.github.com/msurguy/triangles/master/examples/6.jpg\">\n<img src=\"https://raw.github.com/msurguy/triangles/master/examples/7.jpg\"></p>\n<h2>Using</h2>\n<ul>\n<li>To add a new light press Enter key on your keyboard or increase count manually via the slider.</li>\n<li>To &quot;drop&quot; or &quot;pick up&quot; the currently selected light, press Space bar.</li>\n<li>To change colors of the lights, change the ambient and diffuse color controls.</li>\n<li>To export as SVG select SVG in the &quot;renderer&quot; panel and then export the image via &quot;Export big&quot; button. Then navigate to &quot;File -&gt; Save as&quot; in the browser&apos;s menu to save the resulting image to your computer.</li>\n</ul>\n<h2>Running</h2>\n<p>Download this repository and run index.html in your browser or open <a href=\"http://msurguy.github.com/triangles/\">this link</a>.</p>\n<h2>Building</h2>\n<p>Install Dependencies:</p>\n<pre><span class=\"hljs-selector-tag\">npm</span> <span class=\"hljs-selector-tag\">install</span> <span class=\"hljs-selector-tag\">uglify-js</span>@<span class=\"hljs-keyword\">2</span>.<span class=\"hljs-keyword\">2</span>.<span class=\"hljs-keyword\">5</span></pre><p>Build (cd into &apos;build&apos; folder first):</p>\n<pre><span class=\"hljs-keyword\">node</span> <span class=\"hljs-title\">build</span>.js</pre><h2>Inspiration</h2>\n<p>The iOS game called &quot;<a href=\"http://www.monumentvalleygame.com/\">Monument Valley</a>&quot; by <a href=\"http://ustwo.com/\">ustwo</a> served as an inspiration for this project. Specifically the simulation of the ocean in the game.</p>\n<h2>Acknowledgments</h2>\n<p>The shader work was done by Matthew Wagerfield on his MIT-licensed <a href=\"https://github.com/wagerfield/flat-surface-shader\">repository</a>.</p>\n<h2>Author</h2>\n<p>Maksim Surguy <a href=\"http://twitter.com/msurguy\">@msurguy</a></p>\n<h2>TODO</h2>\n<p>There are a few things that can be improved to make this tool even better.</p>\n<ul>\n<li>Add varying depth of the vertices of the triangles (Done as of 4/15/2014)</li>\n<li>Add more color variation and presets (Done as of 4/25/2014 with the randomizer functionality)</li>\n<li>Add text overlay and customizer for text</li>\n</ul>\n<p>If you can do any of these things - feel free to make a pull request!</p>\n<h2>License</h2>\n<p>Licensed under <a href=\"http://www.opensource.org/licenses/mit-license.php\">MIT</a>. Enjoy.</p>\n"
    },
    {
      "component": "footer",
      "links": [
        {
          "href": "https://github.com/msurguy/triangles",
          "text": "GitHub"
        },
        {
          "href": "https://github.com/msurguy",
          "text": "msurguy"
        }
      ]
    }
  ]
}