publish: Add sketch 5, "glow lines" Fix an issue with the displacement fragment shader

generated from commit d8538524a8
This commit is contained in:
Joshua Seigler 2019-11-12 14:31:19 -05:00
parent fef90e585c
commit 3befcd0cc4
8 changed files with 17 additions and 16 deletions

View file

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Gradient Burst - Generative Art - seigler.github.io</title> <title>Gradient Burst - Generative Art - seigler.github.io</title>
<link rel="stylesheet" href="../app-a940fc5f.css"> <link rel="stylesheet" href="../app-24258ef7.css">
<meta property="og:title" content="Gradient Burst"> <meta property="og:title" content="Gradient Burst">
<meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style."> <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
<meta property="og:image" content="https://seigler.github.io/generative/1/example.jpg"> <meta property="og:image" content="https://seigler.github.io/generative/1/example.jpg">
@ -19,7 +19,7 @@
<body> <body>
<script src="../modules/p5.min.js"></script> <script src="../modules/p5.min.js"></script>
<script src="../modules/rhill-voronoi-core.min.js"></script> <script src="../modules/rhill-voronoi-core.min.js"></script>
<script src="../app-165617be.js"></script> <script src="../app-56c59be9.js"></script>
<footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer> <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
</body> </body>
</html> </html>

View file

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Gradient Jungle - Generative Art - seigler.github.io</title> <title>Gradient Jungle - Generative Art - seigler.github.io</title>
<link rel="stylesheet" href="../app-a940fc5f.css"> <link rel="stylesheet" href="../app-24258ef7.css">
<meta property="og:title" content="Gradient Jungle"> <meta property="og:title" content="Gradient Jungle">
<meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style."> <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
<meta property="og:image" content="https://seigler.github.io/generative/2/example.jpg"> <meta property="og:image" content="https://seigler.github.io/generative/2/example.jpg">
@ -19,7 +19,7 @@
<body> <body>
<script src="../modules/p5.min.js"></script> <script src="../modules/p5.min.js"></script>
<script src="../modules/rhill-voronoi-core.min.js"></script> <script src="../modules/rhill-voronoi-core.min.js"></script>
<script src="../app-165617be.js"></script> <script src="../app-56c59be9.js"></script>
<footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer> <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
</body> </body>
</html> </html>

View file

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Peanut Butter and Jelly - Generative Art - seigler.github.io</title> <title>Peanut Butter and Jelly - Generative Art - seigler.github.io</title>
<link rel="stylesheet" href="../app-a940fc5f.css"> <link rel="stylesheet" href="../app-24258ef7.css">
<meta property="og:title" content="Peanut Butter and Jelly"> <meta property="og:title" content="Peanut Butter and Jelly">
<meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style."> <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
<meta property="og:image" content="https://seigler.github.io/generative/3/example.jpg"> <meta property="og:image" content="https://seigler.github.io/generative/3/example.jpg">
@ -19,7 +19,7 @@
<body> <body>
<script src="../modules/p5.min.js"></script> <script src="../modules/p5.min.js"></script>
<script src="../modules/rhill-voronoi-core.min.js"></script> <script src="../modules/rhill-voronoi-core.min.js"></script>
<script src="../app-165617be.js"></script> <script src="../app-56c59be9.js"></script>
<footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer> <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
</body> </body>
</html> </html>

View file

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Lenses - Generative Art - seigler.github.io</title> <title>Lenses - Generative Art - seigler.github.io</title>
<link rel="stylesheet" href="../app-a940fc5f.css"> <link rel="stylesheet" href="../app-24258ef7.css">
<meta property="og:title" content="Lenses"> <meta property="og:title" content="Lenses">
<meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style."> <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
<meta property="og:image" content="https://seigler.github.io/generative/4/example.jpg"> <meta property="og:image" content="https://seigler.github.io/generative/4/example.jpg">
@ -19,7 +19,7 @@
<body> <body>
<script src="../modules/p5.min.js"></script> <script src="../modules/p5.min.js"></script>
<script src="../modules/rhill-voronoi-core.min.js"></script> <script src="../modules/rhill-voronoi-core.min.js"></script>
<script src="../app-165617be.js"></script> <script src="../app-56c59be9.js"></script>
<footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer> <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
</body> </body>
</html> </html>

View file

@ -4,7 +4,7 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Glow Path - Generative Art - seigler.github.io</title> <title>Glow Path - Generative Art - seigler.github.io</title>
<link rel="stylesheet" href="../app-a940fc5f.css"> <link rel="stylesheet" href="../app-24258ef7.css">
<meta property="og:title" content="Glow Path"> <meta property="og:title" content="Glow Path">
<meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style."> <meta property="og:description" content="Algorithmic art generated with P5.js. See more art in this style.">
<meta property="og:image" content="https://seigler.github.io/generative/5/example.jpg"> <meta property="og:image" content="https://seigler.github.io/generative/5/example.jpg">
@ -19,7 +19,7 @@
<body> <body>
<script src="../modules/p5.min.js"></script> <script src="../modules/p5.min.js"></script>
<script src="../modules/rhill-voronoi-core.min.js"></script> <script src="../modules/rhill-voronoi-core.min.js"></script>
<script src="../app-165617be.js"></script> <script src="../app-56c59be9.js"></script>
<footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer> <footer><a href="../">Back</a> | <code>Space</code> or double click for a new one. <code>S</code> to save.</footer>
</body> </body>
</html> </html>

View file

@ -1 +1 @@
*,:after,:before{box-sizing:inherit}body,html{min-height:100%;box-sizing:border-box}body{background-color:#000;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:sans-serif}main{text-align:left}a{color:inherit}a:focus,a:hover{color:#66f}code{display:inline-block;font-size:1.2em;line-height:1;padding:.5em .5em .2em;background-color:#222}ul{list-style:none;padding-left:0}footer{position:fixed;bottom:0;left:0;max-width:100vw;color:#fff;background-color:rgba(0,0,0,.8);padding:.5em 1em;border-top-right-radius:.5em}img{max-width:100%} *,:after,:before{box-sizing:inherit}body,html{min-height:100%;box-sizing:border-box}body{background-color:#000;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:sans-serif}main{text-align:left}a{color:inherit}a:focus,a:hover{color:#66f}code{display:inline-block;font-size:1.2em;line-height:1;padding:.5em .5em .2em;background-color:#222}ul{list-style:none;padding-left:0}footer{position:fixed;bottom:0;left:0;max-width:100vw;color:#fff;background-color:rgba(0,0,0,.8);padding:.5em 1em;border-top-right-radius:.5em}img{max-width:100%}figure{margin:1em 0;max-width:400px}main{padding:1em}

File diff suppressed because one or more lines are too long

View file

@ -1,10 +1,11 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Generative Art - seigler.github.io</title> <title>Generative Art - seigler.github.io</title>
<link rel="stylesheet" href="app-a940fc5f.css"> <link rel="stylesheet" href="app-24258ef7.css">
</head> </head>
<body> <body>
<main> <main>
@ -26,8 +27,8 @@
<figcaption>2019-11-07 - gradient jungle</figcaption> <figcaption>2019-11-07 - gradient jungle</figcaption>
</figure> </figure>
<figure> <figure>
<a class="sketch" href="1/"><img src="1/example.jpg" alt="multicolored gradients revealing and concealing bars and circles"></a> <a class="sketch" href="1/"><img src="1/example.jpg" alt="multicolored gradients revealing and concealing bars and circles"></a>
<figcaption>2019-11-05 - gradient burst</figcaption> <figcaption>2019-11-05 - gradient burst</figcaption>
</figure> </figure>
</main> </main>
</body> </body>