https://generativeartistry.com/ Recent content on Generative Artistry Hugo -- gohugo.io en-us Thu, 13 May 2021 10:24:00 -0400 https://generativeartistry.com/tutorials/hours-of-dark/ Thu, 13 May 2021 10:24:00 -0400 https://generativeartistry.com/tutorials/hours-of-dark/ Hours of Dark This post is from the talented brunoimbrizi, if you're interested in posting, you can open up a proposal, just like he did! In this tutorial, we are going to recreate the look of a print by Accept & Proceed called Hours of Dark 2011. All the strokes in the grid represent a day, their width proportional to the hours of darkness and their orientation defined by the angle of the sunset. https://generativeartistry.com/episodes/random-chess/ Mon, 15 Feb 2021 09:59:00 -0400 https://generativeartistry.com/episodes/random-chess/ Chess! Tim and Ruth explore the idea of learning something new, and the difficulties you have when you have to start from scratch. Looking at the steps you have to go through to become good at something, including figuring out where you’re bad at it, and finding out where to improve. https://generativeartistry.com/episodes/matt-deslauriers/ Sat, 21 Nov 2020 09:59:00 -0400 https://generativeartistry.com/episodes/matt-deslauriers/ Matt DesLauriers Ruth and Tim speak to artist & creative coder Matt Delauries about his process, goals when creating, and all things generative art.! For those that don’t know Matt, his open-source code around generative art is a great place to start, as well as his many many conference talks and workshops, and of course all the beautiful beautiful art. https://generativeartistry.com/episodes/sharell-bryant/ Thu, 06 Aug 2020 09:59:00 -0400 https://generativeartistry.com/episodes/sharell-bryant/ Sharell Bryant! Ruth and Tim sit down with the very talented Sharell Bryant! We talk about Sharell’s stunning audio explorations on the web. As well as keeping motivated and on track with side projects, different ways to learn and grow, which tools you can utilize to help along the way! For those that don’t know her, Sharell Bryant is a programmer and singer-songwriter in NYC interested in exploring the intersection of art, technology, and education. https://generativeartistry.com/episodes/algorithms/ Sat, 21 Mar 2020 09:59:00 -0400 https://generativeartistry.com/episodes/algorithms/ Algorithms Aside from being the word that everyone says when they don’t want to explain what the code is doing, algorithms are one of the backbones of generative art. Join us, as we dissect some of the most common algorithms in generative art. Full transcription incoming! https://generativeartistry.com/episodes/creativity/ Wed, 05 Feb 2020 09:59:00 -0400 https://generativeartistry.com/episodes/creativity/ Creativity Another random chat where Ruth and Tim find themselves deeply off our intended topic, but keep exploring and surfacing ideas and thoughts we have about Creativity. Full transcription incoming! https://generativeartistry.com/episodes/jake-albaugh/ Sun, 22 Dec 2019 09:59:00 -0400 https://generativeartistry.com/episodes/jake-albaugh/ Jake Albaugh! Jake’s projects expand across a broad range of topics with the web in common. Its a blast talking to him, and going over some of the weird and wonderful creations he’s made. Full transcription incoming! https://generativeartistry.com/episodes/tooling/ Wed, 20 Nov 2019 09:59:00 -0400 https://generativeartistry.com/episodes/tooling/ Lets talk about random Tim and Ruth have a blast talking about the different tools and techniques in generative art, including some of the history behind them. Full transcription incoming! https://generativeartistry.com/episodes/random/ Thu, 10 Oct 2019 09:59:00 -0400 https://generativeartistry.com/episodes/random/ Lets talk about random Random numbers are everywhere in generative art, and everywhere in coding. There’s so many ways to approach this topic, so buckle up and have a listen to our take. Full transcription incoming! https://generativeartistry.com/episodes/charlie-gleason/ Sun, 29 Sep 2019 09:59:00 -0400 https://generativeartistry.com/episodes/charlie-gleason/ Amazing guest, Charlie Gleason! Our first guest! The talented Charlie Gleason joins us and chats about his journey into creative coding and the things he has built. All the way through Actionscript, sound engineering, design and of course there’s some generative art in there! Be sure to check out Charlie’s Website, and follow him on Twitter – Tim: Hi, welcome to the generative art podcast with Tim and Ruth. Today we have our first ever guest, Charlie. https://generativeartistry.com/episodes/generative-art-and-creative-code/ Thu, 19 Sep 2019 09:59:00 -0400 https://generativeartistry.com/episodes/generative-art-and-creative-code/ Generative art, creative code, and the world around us! Tim and Ruth jump right into creative code and generative art, this episode we talk about the what, when and why’s. – Welcome to the first ever episode of Generative Art podcast with your hosts, Tim and Ruth. We’re going to kick off with a general overview of generative art, creative coding, and digital art. So sit back, relax and enjoy our first episode. https://generativeartistry.com/episodes/introducing-the-generative-art-podcast/ Sun, 15 Sep 2019 09:59:00 -0400 https://generativeartistry.com/episodes/introducing-the-generative-art-podcast/ Introducing our Generative Art Podcast! In this episode Ruth and Tim get to talking about what they want to get out of this podcast, where we want to take it, and preaching the good word of creative code, and generative art. – Tim: Hey everybody, welcome to the generative art podcast. I am Tim and… Ruth: I am Ruth. Tim: All right and together we make the fantastic team of Tim and Ruth. https://generativeartistry.com/tutorials/piet-mondrian/ Mon, 27 Aug 2018 09:59:00 -0400 https://generativeartistry.com/tutorials/piet-mondrian/ Piet Mondrian Replicating Piet Mondrian’s art with code is no easy task, in fact honestly I’d say there’s no real way of pinning down his creations entirely with code, they were hand made. That said, we can try to replicate something within the realm of what would have been one of Piet’s works… so that’s what we will do in this tutorial… and yes, we will add the color as well. https://generativeartistry.com/tutorials/hypnotic-squares/ Sun, 26 Aug 2018 09:59:00 -0400 https://generativeartistry.com/tutorials/hypnotic-squares/ Hypnotic Squares William Kolomyjec’s work is again reminiscent of some of the old school generative works, focusing on simple shapes, tiling and recursion. Today we’re going to replicate a piece of his called Hypnotic Squares. The only HTML we have on the page is a <canvas> element at 320×320 pixels. As usual, here is our initial setup. Using window.devicePixelRatio to scale the canvas on retina screens, and setting our canvas size. https://generativeartistry.com/tutorials/circle-packing/ Thu, 19 Jul 2018 09:59:00 -0400 https://generativeartistry.com/tutorials/circle-packing/ Circle Packing Circle packing is such a fantastic effect, it looks infinitely complex, while also being mathematically beautiful. In this tutorial, we’re going to create a circle packing effect… Interestingly, this is a good example of an effect that isn’t particularly efficient to run, but at the same time, will still be very quick! As usual, we’re going to begin with a small, clean canvas. We will also set the size of the canvas and adjust it based on the user’s device pixel ratio, or pixel density. https://generativeartistry.com/tutorials/un-deux-trois/ Fri, 06 Jul 2018 09:59:00 -0400 https://generativeartistry.com/tutorials/un-deux-trois/ Un Deux Trois Vera Molnár is a true inspiration to anyone interested in generative art. She is truly one of the very first people to be creating digital art, and one of the most compelling to follow. In this tutorial, we’re going to reproduce one of her works, Un Deux Trois. We’re going to use a somewhat standard setup here, getting our canvas and context which we will use to draw. https://generativeartistry.com/tutorials/triangular-mesh/ Thu, 28 Jun 2018 10:24:00 -0400 https://generativeartistry.com/tutorials/triangular-mesh/ Triangular Mesh This post is from the talented maxwellito, if you're interested in posting, you can open up a proposal, just like he did! This triangular meshing effect is often shown off in libraries with SVG. Today we’re going to build it with canvas! It’s a great example of how a coordinate system and a little displacement can give clean beautiful effects. As usual we begin with a little setup code, a square canvas. https://generativeartistry.com/tutorials/cubic-disarray/ Thu, 17 May 2018 09:59:00 -0400 https://generativeartistry.com/tutorials/cubic-disarray/ Cubic Disarray Georg Nees’ fantastic generative art is a true inspiration. In this tutorial, we’re going to build one of his pieces: Cubic Disarray. The only HTML we have on the page is a <canvas> element at 320×320 pixels. As usual, here is our initial setup. You’re not going to see anything render here, because these are the primary lines to setting up the canvas and context which we use to draw. https://generativeartistry.com/tutorials/joy-division/ Fri, 04 May 2018 09:59:00 -0400 https://generativeartistry.com/tutorials/joy-division/ Joy Division The Joy Division album cover has a cool history, and is a beautiful example of data driven art. In this tutorial we’re going to recreate it in a more simplistic form. We’re going to do this with the JavaScript canvas. No extra APIs. The only HTML we have on the page is a <canvas> element at 320×320 pixels. Let’s kick things off with some initial setup. You’re not going to see anything render here, because these are the primary lines to setting up the canvas and context which we use to draw. https://generativeartistry.com/tutorials/tiled-lines/ Fri, 04 May 2018 09:59:00 -0400 https://generativeartistry.com/tutorials/tiled-lines/ Tiled Lines I want to get going with some of the earliest but simplest programming art out there. I’m referring to the 10 PRINT artwork initially coded for the Commodore 64. This work has been featured all over the place, and gives a really stunning effect for something so simple. We’re going to do this with the JavaScript canvas. No extra APIs today. The only HTML we have on the page is a <canvas> element at 320×320 pixels.