<!DOCTYPE html><html lang="en"> <head> <!-- Basic Page Needs –––––––––––––––––––––––––––––––––––––––––––––––––– --> <meta charset="utf-8"> <title>Tracery</title> <meta name="description" content=""> <meta name="author" content=""> <!-- Mobile Specific Metas –––––––––––––––––––––––––––––––––––––––––––––––––– --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- FONT –––––––––––––––––––––––––––––––––––––––––––––––––– --> <link href='//fonts.googleapis.com/css?family=Raleway:400,300,600' rel='stylesheet' type='text/css'> <!-- CSS –––––––––––––––––––––––––––––––––––––––––––––––––– --> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/skeleton.css"> <link rel="stylesheet" href="css/tracery-editor.css"> <!-- Scripts –––––––––––––––––––––––––––––––––––––––––––––––––– --> <script src="https://code.jquery.com/jquery-2.2.1.min.js" integrity="sha256-gvQgAFzTH6trSrAWoH1iPo9Xc96QxSZ3feW6kem+O00=" crossorigin="anonymous"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js" integrity="sha256-xNjb53/rY+WmG+4L6tTl9m6PpqknWZvRt0rO1SRnJzw=" crossorigin="anonymous"></script> <!-- Favicon –––––––––––––––––––––––––––––––––––––––––––––––––– --> <link rel="icon" type="image/png" href="images/tracery-fav.ico"> </head> <body> <!-- Primary Page Layout –––––––––––––––––––––––––––––––––––––––––––––––––– --> <div class="section get-help"> <div class="container"> <img class="u-max-full-width" src="images/tracery-logo6.png"> <h3 class="section-heading">Tracery: generate text, graphics and more</h3> <p class="section-description"> Tracery is a super-simple tool and language to generate text, by <a href="http://www.galaxykate.com">GalaxyKate</a>. It's been used by middle school students, humanities professors, indie game developers, professional bot makers, and lots of regular people, too. Give it a try today! </p> <a class="button button-primary" href="https://github.com/galaxykate/tracery/tree/tracery2">Get the repo</a> <a class="button button-primary" href="http://www.crystalcodepalace.com/traceryTut.html">Try an online tutorial</a> <a class="button button-primary" href="http://tracery.io/editor">Jump into the editor</a> <a class="button button-primary" href="http://cheapbotsdonequick.com/">Make a twitterbot</a> <a class="button button-primary" href="http://www.galaxykate.com/pdfs/galaxykate-zine-tracery.pdf">Download and print a helpful zine</a><a class="button button-primary" href="http://link.springer.com/chapter/10.1007/978-3-319-27036-4_14">Read an academic paper</a> </div> </div> <div class="section made-with"> <div class="container"> <div class="container"> <h3 class="section-heading">Made with Tracery</h3> <p class="section-description"> Users have made twitterbots, artbots, games, and stories with Tracery. Here are a few of my favorites. <i>If you've made something cool with Tracery, let me know so I can share it, too!</i> </p> <div class="row"> <b>A selection of Twitterbots hosted with <a href="http://cheapbotsdonequick.com/">Cheap Bots, Done Quick</a></b> <a class="twitter-timeline" href="https://twitter.com/GalaxyKate/lists/tracery-bots" data-widget-id="708898659312623617" width="400" height="400">Tweets from https://twitter.com/GalaxyKate/lists/tracery-bots</a> <script> ! function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + "://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } }(document, "script", "twitter-wjs"); </script> </script> </div> <div class="row"> <div class="one-half column category"> <img class="u-max-full-width" src="images/t-darcy.jpg"> <div class="image-label"> <b><a href="http://squinky.me/2015/09/22/fitzwilliam-darcys-dance-challenge-and-other-updates/">Fitzwilliam Darcy’s Dance Challenge</a> </b> <br> Generative insults in a rhythm game about everyone's favorite dismissive gentleman suitor. By <a href="http://squinky.me/">Squinky</a>. </div> </div> <div class="one-half column category"> <img class="u-max-full-width" src="images/interruption3.gif"> <div class="image-label"> <b><a href="http://squinky.me/2015/01/19/new-game-interruption-junction/">Interruption Junction</a> </b> <br> Eternal blather (with Tracery) in a game about navigating parties by <a href="http://squinky.me/">Squinky</a>. </div> </div> </div> <div class="row"> <div class="one-half column category"> <img class="u-max-full-width" src="images/t-greetings.jpg"> <div class="image-label"> <b> <a href="http://squinky.me/2016/01/31/most-sincere-greetings-esteemed-one//">Most Sincere Greetings, Esteemed One</a> </b> <br> Generative rituals to greet a beloved companion, in a ceremony of grace and guidance. By <a href="http://squinky.me/">Squinky</a> and <a href="http://tag.hexagram.ca/jekagames/">Jess Marcotte</a>. </div> </div> <div class="one-half column category"> <img class="u-max-full-width" src="images/t-cheapbots.jpg"> <div class="image-label"> <b><a href="http://cheapbotsdonequick.com/">Cheap Bots, Done Quick!</a> </b> <br> The one-stop twitterbot factory. Make a twitterbot today! By <a href="http://v21.io/">George Buckenham</a> </div> </div> </div> <div class="row"> <div class="one-half column category"> <img class="u-max-full-width" src="images/t-monster.jpg"> <div class="image-label"> <b><a href="http://ludumdare.com/compo/ludum-dare-33/?action=preview&uid=55241">Monstr</a> </b> <br> A dating sim for monsters, by <a href="http://www.plusultra.ninja/">Plus Ultra</a>. It uses <a href="http://twinecery.juegos/">Twinecery</a>. </div> </div> <div class="one-half column category"> <img class="u-max-full-width" src="images/hipchef.png"> <div class="image-label"> <b>HipChef</b> <br> An all-generative hipster cafe management by me,<a href="http://www.galaxykate.com">GalaxyKate</a>. Coming soon! </div> </div> </div> <div class="row"> <div class="one-half column category"> <img class="u-max-full-width" src="images/t-dress.jpg"> <div class="image-label"> <b><a href="http://www.galaxykate.com/dress/">Dress Color Simulator</a> </b> <br> What color is the dress, really? A very topical bot made by me, <a href="http://www.galaxykate.com">GalaxyKate</a> </div> </div> <div class="one-half column category"> <img class="u-max-full-width" src="images/t-valentine.jpg"> <div class="image-label"> <b> <a href="http://www.galaxykate.com/apps//vday/vday.html">Happy Valentine's Day</a></b> <br> From me, <a href="http://www.galaxykate.com">GalaxyKate</a>, as my Valentine's day present to you, you pretty reader. </div> </div> </div> </div> </div> <div class="section ports"> <div class="container"> <h3 class="section-heading">Tracery in other languages</h3> <p class="section-description"> Tracery is being developed in Javascript, but it's ported to more languages by other users. Looking to port Tracery? I'm working on a more rigourous specification, so contact me (galaxykate at gmail) </p> <a class="button button-primary" href="https://rubygems.org/gems/tracery/versions/0.7.1">Ruby (by Eli Brody)</a> <a class="button button-primary" href="https://github.com/aparrish/pytracery">Python (by Allison Parrish)</a> <a class="button button-primary" href="http://twinecery.juegos/">Twine (by Matthew Balousek)</a> <a class="button button-primary" href="https://github.com/v21/tracery/">Node (by George Buckenham)</a> </div> </div> <div class="section more"> <div class="container"> <h3 class="section-heading">Still curious?</h3> <p class="section-description"> Contact me at galaxykate at gmail, or @galaxykate on Twitter. I'm available for advice, consulting, and bot-making services. </div> </div> <!-- End Document –––––––––––––––––––––––––––––––––––––––––––––––––– --> </body></html>
