sandpit
Version:
A playground for creative coding using JavaScript and the canvas element
82 lines (66 loc) • 5.09 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title> Inspiration - Documentation</title>
<script src="scripts/prettify/prettify.js"></script>
<script src="scripts/prettify/lang-css.js"></script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/tonsky/FiraCode/1.205/distr/fira_code.css" />
</head>
<body>
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
<label for="nav-trigger" class="navicon-button x">
<div class="navicon"></div>
</label>
<label for="nav-trigger" class="overlay"></label>
<nav>
<h3><a href="index.html">⛱ Sandpit</a></h3><h3></h3><ul><li><a href="tutorial-01-documentation.html"> Documentation</a></li><li><a href="tutorial-02-inspiration.html"> Inspiration</a></li></ul><h3>Classes</h3><ul><li><a href="Color.html">Color</a></li><li><a href="Is.html">Is</a><ul class='methods'><li data-type='method'><a href="Is.html#.array">array</a></li><li data-type='method'><a href="Is.html#.canvas">canvas</a></li><li data-type='method'><a href="Is.html#.element">element</a></li><li data-type='method'><a href="Is.html#.object">object</a></li></ul></li><li><a href="Mathematics.html">Mathematics</a><ul class='methods'><li data-type='method'><a href="Mathematics.html#.randomBetween">randomBetween</a></li><li data-type='method'><a href="Mathematics.html#.randomFrom">randomFrom</a></li></ul></li><li><a href="Sandpit.html">Sandpit</a><ul class='methods'><li data-type='method'><a href="Sandpit.html#clear">clear</a></li><li data-type='method'><a href="Sandpit.html#clearQueryString">clearQueryString</a></li><li data-type='method'><a href="Sandpit.html#fill">fill</a></li><li data-type='method'><a href="Sandpit.html#get">get</a></li><li data-type='method'><a href="Sandpit.html#random">random</a></li><li data-type='method'><a href="Sandpit.html#resizeCanvas">resizeCanvas</a></li><li data-type='method'><a href="Sandpit.html#setupStats">setupStats</a></li><li data-type='method'><a href="Sandpit.html#start">start</a></li><li data-type='method'><a href="Sandpit.html#stop">stop</a></li></ul></li><li><a href="Stats.html">Stats</a></li><li><a href="Vector.html">Vector</a></li></ul><h2 class="version">v0.1.15</h2>
</nav>
<div id="main">
<h1 class="page-title"> Inspiration</h1>
<section>
<header>
</header>
<article>
<p>Looking for some inspiration?</p>
<h2>Tools</h2><ul>
<li><a href="https://github.com/soulwire/sketch.js">Sketch.js</a>, the original inspiration for Sandpit, by <a href="https://soulwire.co.uk/">soulwire</a></li>
<li><a href="http://paperjs.org/">Paper.js</a>, an open source vector graphics scripting framework using canvas</li>
<li><a href="https://threejs.org/">Three.js</a>, a JavaScript library that massively simplifies WebGL</li>
<li><a href="https://codepen.io/">Codepen</a>, an awesome resource, both for learning and for sharing demos</li>
</ul>
<h2>Art and music</h2><ul>
<li><a href="http://cabbi.bo/enough/">Enough</a>, by <a href="https://twitter.com/Cabbibo">Cabbibo</a>, is a mix of art, music, storytelling, and gaming. Stunning.</li>
</ul>
<h2>Generative art</h2><ul>
<li>Basically everything at <a href="http://inconvergent.net/">Inconvergent</a> is incredible, but specifically Anders' essays on <a href="http://inconvergent.net/generative/">Generative Algorithms</a> and <a href="http://inconvergent.net/shepherding-random-numbers/">Shepherding Random Numbers</a> are must read—his twitter, <a href="https://twitter.com/inconvergent">@inconvergent</a>, is also full of great examples and musings</li>
<li>Martijn Brekelmans <a href="https://martijnbrekelmans.com/generative-art/heart-deconstruction/techniques.html">deconstructing a flow technique</a></li>
</ul>
<h2>Lol</h2><ul>
<li><a href="http://dn.ht/picklecat/">Pickle.cat</a>, by <a href="http://dn.ht/">Dennis Hotson</a>, built with <a href="http://www.pixijs.com/">PixiJS</a></li>
</ul>
<h2>3D</h2><ul>
<li><a href="http://samsy.ninja/">Samsy.ninja</a>, 3d designer</li>
<li><a href="http://ashthorp.com/">Ash Thorp</a>, visual artist</li>
<li><a href="https://www.instagram.com/beeple_crap/">Beeple</a>, visual artist</li>
<li><a href="http://gmunk.com/">GMUNK</a>, visual artist</li>
<li><a href="http://yasly.com/">Danny Jones</a>, 3d designer</li>
</ul>
</article>
</section>
</div>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc</a> using a modified <a href="https://github.com/nijikokun/minami">Minami</a> theme.
</footer>
<script>prettyPrint();</script>
<script src="scripts/linenumber.js"></script>
</body>
</html>