plotter-hacks/index.html at main · maxf/plotter-hacks · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE HTML>
<html>
  <head>
    <title>Plotter hacks</title>
    <link rel="stylesheet" href="main.css"/>
  </head>
  <body>
    <h1>Plotter hacks</h1>
    <p>A collection of SVG drawing generators, originally designed to be rendered by a pen plotter</p>

    <p>Free of use, no guarantees. Code <a href="https://github.com/maxf/plotter-hacks">available</a> under the <a href="LICENCE">GPL3.0 software licence</a>.</p>

    <p>Quick links:
      <a href="excoffizer.html">excoffizer</a>
      <a href="boids.html">boids</a>
      <a href="celtic.html">celtic</a>
      <a href="dts.html">dts</a>
      <a href="gandalf.html">gandalf</a>
      <a href="textorizer2.html">textorizer2</a>
      <a href="buffet.html">buffet</a>
      <a href="field.html">field</a>
    </p>

    <h2>Excoffizer</h2>

    <p>Takes a picture and renders it as zigzaggy lines</p>

    <p><a href="excoffizer.html">Try</a></p>

    <div>
      <a href="images/exco-plot.jpg"><img src="images/thumbs/exco-plot.jpg"/></a>
      <a href="images/exco-closeup.jpg"><img src="images/thumbs/exco-closeup.jpg"/></a>
      <a href="images/exco-closeup2.jpg"><img src="images/thumbs/exco-closeup2.jpg"/></a>
      <a href="images/exco-closeup3.jpg"><img src="images/thumbs/exco-closeup3.jpg"/></a>
      <a href="images/hopper.jpg"><img src="images/thumbs/hopper.jpg"/></a>
      <a href="images/tbl.jpg"><img src="images/thumbs/tbl.jpg"/></a>
      <a href="images/turing.jpg"><img src="images/thumbs/turing.jpg"/></a>
    </div>

    <h2>Drunk travelling saleman</h2>

    <p>Takes a picture and render it as squiggles</p>
    <p><a href="dts.html">Try it</a></p>

    <div>
      <a href="images/dali-1.jpg"><img src="images/thumbs/dali-1.jpg"/></a>
      <a href="images/dali-2.jpg"><img src="images/thumbs/dali-2.jpg"/></a>
      <a href="images/banksy-1.jpg"><img src="images/thumbs/banksy-1.jpg"/></a>
      <a href="images/eiffel.jpg"><img src="images/thumbs/eiffel.jpg"/></a>
      <a href="images/eye.jpg"><img src="images/thumbs/eye.jpg"/></a>
    </div>


    <h2>Boids</h2>

    <p>Calculates the trajectory of a flock of <a href="https://en.wikipedia.org/wiki/Boids">boids</a> and draws them as lines.</p>

    <p><a href="boids.html?width=800&height=800&cssStyle=stroke%3A+black%3B+stroke-width%3A+0.5&zoom=3&seed=188&iterations=23&startIteration=11&nboids=195&speedLimit=16.5&cohesionForce=0.23&cohesionDistance=259&accelerationLimitRoot=1&separationDistance=60&separationForce=0.15&alignmentForce=0.25&alignmentDistance=180&accelerationLimit=1&nbAttractors=0">Try it</a></p>

    <div>
      <a href="images/boids1.jpg"><img src="images/thumbs/boids1.jpg"/></a>
      <a href="images/boids2.jpg"><img src="images/thumbs/boids2.jpg"/></a>
      <a href="images/boids3.jpg"><img src="images/thumbs/boids3.jpg"/></a>
      <a href="images/boids4.jpg"><img src="images/thumbs/boids4.jpg"/></a>
    </div>

  </body>
</html>