Skip to content

Commit

Permalink
ok
Browse files Browse the repository at this point in the history
  • Loading branch information
@jcponce
jcponce committed Aug 12, 2024
1 parent 4baa849 commit 46fe796
Show file tree
Hide file tree
Showing 5 changed files with 36 additions and 39 deletions.
Binary file added sketches/imgs/hexagonal-curves.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added sketches/imgs/lenia-particles.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added sketches/imgs/my-pond.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
73 changes: 35 additions & 38 deletions sketches/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,84 +103,81 @@ <h3>Introduction</h3>
</p>

<p>
Here, you can explore a selection of my p5.js sketches created since 2018. Click on any image to view it!
Many of my sketches are showcased on the
<a href="https://openprocessing.org/user/91533" target="_blank">Open Processing</a> website.
On this site, you'll find a curated selection of my favorites.
Click on any image to explore the full sketch!"
</p>

<hr>

<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/ZRjZKeqb7"
target="_blank"><img src="imgs/math-w.jpg" alt></a></span></div>
target="_blank"><img src="imgs/math-w.jpg" alt="Women in mathematics" title="Women in mathematics"></a></span></div>
<div class="col-3"><span class="image fit"><a href="mystery-curves-table" target="_blank"><img
src="imgs/mystery-curves.jpg" alt></a></span></div>
src="imgs/mystery-curves.jpg" alt="Mystery curves" title="Mystery curves"></a></span></div>
<div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/BDXUV_CmF"
target="_blank"><img src="imgs/noise-letters.jpg" alt></a></span></div>
target="_blank"><img src="imgs/noise-letters.jpg" alt="Noise field with letters" title="Noise field with letters"></a></span></div>
<div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/Vm2b8TPyG"
target="_blank"><img src="imgs/recama.jpg" alt></a></span></div>
target="_blank"><img src="imgs/recama.jpg" alt="Recama sequence visualization" title="Recama sequence visualization"></a></span></div>

<div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/F8uXM3MAY"
target="_blank"><img src="imgs/tantrix.jpg" alt style="border: 1px solid black;"></a></span></div>
target="_blank"><img src="imgs/tantrix.jpg" alt="Tantrix music" title="Tantrix music" style="border: 1px solid black;"></a></span></div>
<div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/vqhwg6lex"
target="_blank"><img src="imgs/sunf-sphere.jpg" alt></a></span></div>
target="_blank"><img src="imgs/sunf-sphere.jpg" alt="Points distributed on sphere" title="Points distributed on sphere"></a></span></div>
<div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/00sGC2VyW"
target="_blank"><img src="imgs/rep-att.jpg" alt></a></span></div>
target="_blank"><img src="imgs/rep-att.jpg" alt="Repeller - Attractor" title="Repeller - Attractor"></a></span></div>
<div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/bhknzK_j_"
target="_blank"><img src="imgs/cflower.jpg" alt></a></span></div>
target="_blank"><img src="imgs/cflower.jpg" alt="Parametric flower" title="Parametric flower"></a></span></div>

<div class="col-3"><span class="image fit"><a href="collatz" target="_blank"><img src="imgs/collatz.jpg"
alt></a></span></div>
alt="Collatz conjecture visualization" title="Collatz conjecture visualization"></a></span></div>
<div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/e1lijazsL"
target="_blank"><img src="imgs/benham-disk.jpg" alt=""
target="_blank"><img src="imgs/benham-disk.jpg" alt="Benham disk" title="Benham disk"
style="border: 1px solid black;" /></a></span></div>
<div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/wnJNYntbl"
target="_blank"><img src="imgs/throcoid.jpg" alt="" /></a></span></div>
target="_blank"><img src="imgs/throcoid.jpg" alt="Hypo/Epi-trochoid" title="Hypo/Epi-trochoid"/></a></span></div>
<div class="col-3"><span class="image fit"><a href="https://preview.p5js.org/jcponce/present/zDklnrWxv"
target="_blank"><img src="imgs/pine-tree.jpg" alt=""
target="_blank"><img src="imgs/pine-tree.jpg" alt="Pine tree" title="Pine tree"
style="border: 1px solid black;" /></a></span></div>


<div class="col-3"><span class="image fit"><a href="matrixrain/" target="_blank"><img
src="imgs/matrix.jpg" alt="" /></a></span></div>

src="imgs/matrix.jpg" alt="Matrix" title="Matrix"/></a></span></div>
<div class="col-3"><span class="image fit"><a href="moebius" target="_blank"><img src="imgs/moebius.jpg"
alt="" /></a></span></div>

alt="Moebius strip" title="Moebius strip"/></a></span></div>
<div class="col-3"><span class="image fit"><a href="mystery-curves-sknow/" target="_blank"><img
src="imgs/mystery-sknow.jpg" alt="" style="border: 1px solid black;" /></a></span></div>


src="imgs/mystery-sknow.jpg" alt="Mystery curves sknow" title="Mystery curves sknow" style="border: 1px solid black;" /></a></span></div>
<div class="col-3"><span class="image fit"><a href="../math2400/sketches/fft/" target="_blank"><img
src="imgs/fft.jpg" alt="" /></a></span></div>
src="imgs/fft.jpg" alt="FFT music visualization" title="FFT music visualization"/></a></span></div>

<div class="col-3"><span class="image fit"><a href="flow-field-noise/" target="_blank"><img
src="imgs/noise-filed-col.jpg" alt="" /></a></span></div>
src="imgs/noise-filed-col.jpg" alt="Vector field noise" title="Vector field noise"/></a></span></div>
<div class="col-3"><span class="image fit"><a href="cubes-drop/" target="_blank"><img
src="imgs/cubes-drop.jpg" alt="" /></a></span></div>



src="imgs/cubes-drop.jpg" alt="Cubes forming a water drop" title="Cubes forming a water drop"/></a></span></div>
<div class="col-3"><span class="image fit"><a href="tesseract/" target="_blank"><img
src="imgs/tesseract.jpg" alt="" /></a></span></div>
src="imgs/tesseract.jpg" alt="Teseeract" title="Tesseract"/></a></span></div>
<div class="col-3"><span class="image fit"><a href="infinite-monkey/" target="_blank"><img
src="imgs/monkey.jpg" alt="" /></a></span></div>
src="imgs/monkey.jpg" alt="Infinite monkey typing the complete works of Shakespeare" title="Infinite monkey typing the complete works of Shakespeare"/></a></span></div>



<div class="col-3"><span class="image fit"><a href="zeros-ones-matrix/" target="_blank"><img
src="imgs/binary-matrix.jpg" alt="" /></a></span></div>

src="imgs/binary-matrix.jpg" alt="Matrix in binary" title="Matrix in binary" /></a></span></div>
<div class="col-3"><span class="image fit"><a href="monkey-pi-digits/" target="_blank"><img
src="imgs/monkey-pi.jpg" alt="" /></a></span></div>


src="imgs/monkey-pi.jpg" alt="Infinite monkey typing all digits of 1 million digitis of π" title="Infinite monkey typing all digits of 1 million digitis of π" /></a></span></div>
<div class="col-3"><span class="image fit"><a href="apollonian-interactive/" target="_blank"><img
src="imgs/apollonian-pi.jpg" alt="" style="border: 1px solid black;" /></a></span></div>
src="imgs/apollonian-pi.jpg" alt="Apollonian gasket" title="Apollonian gasket" style="border: 1px solid black;" /></a></span></div>
<div class="col-3"><span class="image fit"><a href="timetravelling/" target="_blank"><img
src="imgs/timetravelling.jpg" alt="" /></a></span></div>
src="imgs/timetravelling.jpg" alt="Time travelling" title="Time travelling"/></a></span></div>

<div class="col-3"><span class="image fit"><a href="torus-moire/" target="_blank"><img
src="imgs/torus-moire.jpg" alt="" /></a></span></div>
src="imgs/torus-moire.jpg" alt="Moire patter - Torus" title="Moire patter - Torus" /></a></span></div>
<div class="col-3"><span class="image fit"><a href="lenia-particle/" target="_blank"><img
src="imgs/lenia-particles.jpg" alt="Lenia partices" title="Lenia particles" /></a></span></div>
<div class="col-3"><span class="image fit"><a href="my-pond/" target="_blank"><img
src="imgs/my-pond.jpg" alt="My Pond" title="My Pond" /></a></span></div>
<div class="col-3"><span class="image fit"><a href="https://openprocessing.org/sketch/2293626" target="_blank"><img
src="imgs/hexagonal-curves.jpg" alt="Hexagonal curves with Perlin noise" title="Hexagonal curves with Perlin noise" /></a></span></div>
</div>
</div>

Expand Down
2 changes: 1 addition & 1 deletion sketches/lenia-particle/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lenia Particle - B/W</title>
<title>Lenia Particle</title>

<link rel="stylesheet" type="text/css" href="style.css">

Expand Down

0 comments on commit 46fe796

Please sign in to comment.