hellerve/art_site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

added p5js section

Browse Source
This commit is contained in:
Veit Heller
2017-09-20 15:55:15 +02:00
parent 4cd22c7313
commit 56fa034a43
3 changed files with 45 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
index.html
View File

@@ -54,15 +54,57 @@
.l:hover {
background-color: #F3D8D6;
}
.description {
font-weight: 600;
}
.section {
margin-bottom: 2em;
}
.gridify {
display: inline-block;
width: 250px;
height: 250px;
margin-right: 5px;
}
.gridify img {
width: 250px;
height: 250px;
}
</style>
</head>
<body>
<h1>Veit's Art</h1>
<p>Thoughts on Georgi Voronoi, Ryoji Ikeda, Robert Brown, and Ken Perlin.</p>
<div class="section">
<p>
<span class="description">Noise:</span>
Thoughts on Georgi Voronoi, Ryoji Ikeda, Robert Brown, and Ken Perlin.
Made with WebGL.
</p>
<p>Something may happen if you hover over the images.</p>
<div class="glslGallery" data="170612231711,170612232000,170612232020,170612232122,170612232140,170626220714,170627211716,170629023312,170703214919,170704191818,170720225619,170727205708" data-properties="clickRun:player,showTitle:false,openFrame=false,showAuthor:false"></div>
</div>
<div class="section">
<p>
<span class="description">Lines:</span>
Grids, infinite and infinitessimal.
Made with p5js.
</p>
<div class="gridify">
<a href="http://alpha.editor.p5js.org/full/BJLoSp05b">
<img src="https://veitheller.de/static/scribbles.png"></img>
</a>
</div>
<div class="gridify">
<a href="http://alpha.editor.p5js.org/full/HksDR0yib">
<img src="https://veitheller.de/static/perlin_circle.png"></img>
</a>
</div>
</div>
<h2>Other</h2>
<p>Of note:</p>

BIN
static/perlin_circle.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
static/scribbles.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB