From d7dadd01d7038f46f5e5dc8cdb3e2d36a9abc535 Mon Sep 17 00:00:00 2001 From: N-Upchurch Date: Mon, 21 Aug 2023 18:26:36 -0500 Subject: [PATCH] Change post image --- .../build-an-svg-circle-grid-with-p5js.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/blog/build-an-svg-circle-grid-with-p5js/build-an-svg-circle-grid-with-p5js.md b/content/blog/build-an-svg-circle-grid-with-p5js/build-an-svg-circle-grid-with-p5js.md index 69c72f2..de9a5ad 100644 --- a/content/blog/build-an-svg-circle-grid-with-p5js/build-an-svg-circle-grid-with-p5js.md +++ b/content/blog/build-an-svg-circle-grid-with-p5js/build-an-svg-circle-grid-with-p5js.md @@ -8,8 +8,8 @@ tags: - Code Tutorial - SVG synopsis: In this tutorial, we'll learn how to make a configurable SVG graphic of a grid of circles in random colors and sizes with p5.js. -imageURL: /img/terminal.svg -imageAlt: A stylized illustration of a terminal prompt. +imageURL: /img/circle-grid-post-image.webp +imageAlt: A grid of multicolored circles. --- Processing is a fantastic language for creative programming and learning how to code, allowing programmers of all skill levels to quickly and simply create complex graphics, data visualizations, and generative art. Its Javascript implementation, p5.js, is perfect for those already familiar with Javascript, or who want to use processing to make graphics for the web without the complexity of SVG, or the insanity of using CSS for complex graphics. Today we're going to build [a simple but pretty graphic using P5](#et-voila).