Home > Links

Unsorted Links

  • Inconvergent Sandbox

  • Generative Hut, the home of generative art and pen plotters

  • For Your Processing

  • Experiments In Processing. — Coding tutorials and books

  • Creative Coding Blog

  • Physically Based Rendering: From Theory to Implementation

  • Tutorials | Learn how to create generative art

  • generative_art/README.md at master · aaronpenne/generative_art · GitHub

  • What I felt through 7 Days of Learning Generative Art - DEV

  • 8 Creative Coders Who Create Amazing Algorithmic Sketches – Kadenze Blog

  • Drawingbots.net - Watch videos of Drawing Robots and Plotters

  • Circle Packing | Hacker News

  • Relative neighborhood graph - Wikipedia

  • Truchet tiles - Wikipedia

  • Poisson-Disc Sampling and Generative Art - DEV

  • Game Programming Patterns

  • Recreating the Past | School for Poetic Computation

  • Centripetal Catmull–Rom spline - Wikipedia

  • Pixel Shaders: An Interactive Introduction to Graphics Programming

  • A Primer on Bézier Curves

  • Use JavaScript and HTML5 to Code a Fractal Tree | Lautaro Jordan Lobo Ravarotto

  • Fifteen Ways to Draw a Line · Sighack

  • How to Generate Mandelbrot Set Fractals in JavaScript - Progur!

  • Crochet Patterns | Fronkonstin

  • A reaction-diffusion simulation using WebGL - bl.ocks

  • The Ultimate Guide to Drag and Drop Image Uploading with Pure JavaScript — Soshace • Soshace

  • Generative Art with Node.js and Canvas

  • Shaped Veins | ArtFly Projects

  • Simulating 2D diffusion-limited aggregation (DLA) with JavaScript | by Jason Webb | Medium

  • Modeling organic branching structures with the space colonization algorithm and JavaScript | by Jason Webb | Medium

  • 2D differential growth experiments in JavaScript

  • Exploring 2D differential growth with JavaScript | by Jason Webb | Medium

  • Simple simulation of hyphae growing and splitting.

  • Generative Art: Triangles With p5.js - borkDoy | design and art

  • Neural Network Generative Art in Javascript | 大トロ

  • Optimize Collision Detection in JS with a Grid from @guybedford on @eggheadio

  • From Random Polygon to Ellipse

  • From Random Polygon to ???? - OpenProcessing

  • How to glitch images using Processing scripts | Datamoshing

  • Beesandbombs utility / Lionel Radisson / Observable

  • Growing spaces / Lionel Radisson / Observable

  • Georg Nees, Processing, and a Schotter Tutorial

  • Recursion and Algorithmic Art by Jim Plaxco

  • Generative Art with Quil and Processing - nravic

  • Cybernetic Serendipity

  • little-boxes | ArtFly Projects

  • Exploring canvas drawing techniques — Perfection Kills

  • Harmony brush adoption in Krita: Sketch | LukasT.mediablog.sk

  • Sketching with HTML5 Canvas and “Brush Images” | ANDREW TRICE

  • javascript - Can I turn off antialiasing on an HTML <canvas> element? - Stack Overflow

  • Bresenham's line algorithm - Wikipedia

  • Computer Graphics - Line Rasterization

  • Bresenham

  • Fifteen Ways to Draw a Line · Sighack

  • Mesh – A Processing Library by Lee Byron

  • GitHub - sighack/fifteen-lines: Fifteen generative line implementations

  • Seventy-Five Ways to Draw a Circle · Sighack

  • How to make generative art feel natural

  • GitHub - mapbox/delaunator: An incredibly fast JavaScript library for Delaunay triangulation of 2D points

  • Delaunator guide

  • GitHub - substack/ray-triangle-intersection: intersect a ray and triangle in 3 dimensions

  • Tilings Encyclopedia | Substitutions

  • GitHub - dvschultz/morphing-processing: Morphing book examples in Processing

  • Generative-Art/README.md at master · erdavids/Generative-Art · GitHub

  • GitHub - brubsby/cozyvec: Cozy Plotter Art Terminal

  • trigonometry - 'Cosine'-esque function with flat peaks and valleys - Mathematics Stack Exchange

  • GPU.js - GPU accelerated JavaScript

  • Causes of Memory Leaks in JavaScript and How to Avoid Them

  • gasathj |

  • generative_art/README.md at master · aaronpenne/generative_art · GitHub

  • A Graphical Introduction to Lattices | Hacker News

  • GitHub - AndriiHeonia/hull: JavaScript library that builds concave hull by set of points

  • https://www.nayuki.io/page/convex-hull-algorithm

  • Cellular Automata in the Browser

  • workshop-data-artwork/1-drawing.md at master · mattdesl/workshop-data-artwork · GitHub

  • Solving Sol

  • Random walkers

  • GitHub - fogleman/ln: 3D line art engine.

  • GitHub - aweary/ln

  • ln / Lionel Radisson / Observable

  • Rune.js Documentation

  • Generative Iris | Hacker News

  • Memory in Javascript— Beyond Leaks | by Yonatan Kra | WalkMe Engineering | Medium

  • Rcpp, Camarón de la Isla and the Beauty of Maths | Fronkonstin

  • Strange Attractors

  • Playing With Chaos: The Book

  • Mandalaxies | Fronkonstin

  • Front and back. Draw by openFrameworks – プログラミング de 落描き

  • D3 in Depth | In depth information on D3.js.

  • canvas2svg - npm

  • For Loops - Happy Coding

  • The Open Goldberg Variations

  • Canvas filled three ways: JS, WebAssembly and WebGL | Compile

  • animations

  • GitHub - jfirebaugh/animations: d3 or WebGL animations, one each day

  • Textures

  • Minkowski Asteroids

  • Processing Sketch | noellevslife

  • Generative Art Recoded. Generative Art Recoded is an effort to… | by hex6c | Medium

  • Conditional Design

  • Places online where documentation of amazing projects exist - Community - Processing Foundation

  • A researcher on how to live a happy life | Hacker News

  • The Whimsical Website Club | Hacker News

  • An overview of V8 | Hacker News

  • Show HN: Coding Career Handbook | Hacker News

  • What can you learn by writing as a developer | Hacker News

  • Lionel Radisson / Observable

  • h264-mp4-encoder - npm

  • Grain: A strongly-typed functional programming language for the modern web.

  • GitHub - jnordberg/gif.js: JavaScript GIF encoding library

  • GitHub - spite/ccapture.js: A library to capture canvas-based animations at a fixed framerate

  • javascript - How to save canvas animation as gif or webm? - Stack Overflow

  • The Joy of Random Walking.|deconbatch's Fun of Creative Coding.

  • Sketching with Math and Quasi Physics

  • deconbatch's Fun of Creative Coding.

  • Barebones WebGL in 75 lines of code

  • Drawing from noise, and then making animated loopy GIFs from there. – necessary-disorder tutorials

  • GitHub - nayafia/lemonade-stand: A handy guide to financial support for open source

  • Computational Music Synthesis

  • processing_sketchbook/0025_we_share_a_space.pyde at master · foxlarsson/processing_sketchbook · GitHub

  • GitHub - LingDong-/interesting-polygon-archive: Collection of polygon data in various formats for testing computational geometry algorithms.

  • Lockdown : let's code a dumb idea with Javascript AI - Je suis un dev

  • Coding A Hilbert Curve In P5JS Using L-Systems » Break Some Tech!

  • DAILY MINIMAL — No. 577 A new geometric design every day

  • Art From Code: A Response To Vera Molnár – A Story is Not a Tree

  • GitHub - wholepixel/solving-sol: Implement Sol LeWitt's instructions in JavaScript.

  • workshop-generative-art/exercises.md at master · mattdesl/workshop-generative-art · GitHub

  • workshop-generative-art/07-advanced-wall-drawing.js at master · mattdesl/workshop-generative-art · GitHub

  • shapes/shapes.js at master · bit101/shapes · GitHub

  • Create Beautiful HTML5 Animations With the Canvas Element

  • GitHub - volfegan/10PRINT-maze-p5-crawler: An p5.js port to commodore one-line code maze generator and crawler function: 10 PRINT CHR$(205.5+RND(1)); : GOTO 10

  • 200705 - OpenProcessing

  • HTML5 for the Mobile Web: Canvas - mobiForge

  • P-P-P-Processing! — Chordrigal Inspired by Caleb Ogg. I originally...

  • requestAnimationFrame | CreativeJS

  • Drop in replacements for setTimeout()/setInterval() that makes use of requestAnimationFrame() where possible for better performance · GitHub

  • Time-based Animation with HTML 5 Canvas and JavaScript | Viget

  • html5-canvas - Set frame rate using requestAnimationFrame | html5-canvas Tutorial

  • javascript - Controlling fps with requestAnimationFrame? - Stack Overflow

  • javascript - JS requestAnimationFrame frame-rate - Stack Overflow

  • javascript - Calculate FPS in Canvas using requestAnimationFrame - Stack Overflow

  • Limit the frame-rate being targeted with requestAnimationFrame · GitHub

  • Jank Busting for Better Rendering Performance - HTML5 Rocks

  • Gain Motion Superpowers with requestAnimationFrame | by Benjamin De Cock | Medium

  • Hosting your entire web application using S3 + CloudFront | Blog

  • How to create an AWS S3 hosted Angular App with a Custom Domain, HTTPS and Continuous Deployment - DEV

  • Möller-Trumbore at DuckDuckGo

  • The Center of the Pixel is (0.5, 0.5) | Hacker News

  • javascript - Canvas pre rendering? - Stack Overflow

  • almost-equal/almost_equal.js at master · scijs/almost-equal · GitHub

  • Li(n)e – WBlut

  • Geometry, Surfaces, Curves, Polyhedra

  • Benchmark

  • simple-statistics 7.2.0 | Documentation

  • Game of Life - Emergence in Generative Art — Kate Vass Galerie

  • The Game of Life - Emergence in Generative Art — Artnome

  • Melanie Nailed It – 60210-A • Electronic Media Studio 2

  • Pixel manipulation with canvas - Web APIs | MDN

  • A slight discrepancy | bit-player

  • Webgazer.js webcam eye tracking on the browser | Hacker News

  • Learning Three.js With Real World Challenges (that have already been solved) - data analysis, data visualization, three.js - Bocoup

  • Smoothly animate thousands of points with HTML5 Canvas and D3 - animations, canvas, data visualization - Bocoup

  • Needles, Haystacks, and the Canvas API - data visualization - Bocoup

  • How to Write a Ray Tracer Intuitively

  • Build your own WebAssembly Compiler

  • Faster Fractals with Multi-Threaded WebAssembly

  • Writing WebAssembly By Hand

  • Explore data visualisation with p5.js | Creative Bloq

  • Reaction-Diffusion Tutorial

  • Think it Over.|deconbatch's Fun of Creative Coding.

  • GitHub - sleepokay/lichen: A cellular automata simulation of (foliose-type) lichen growth.

  • Simulating Object Collisions With Canvas

  • Building a 3D Engine with JavaScript - SitePoint

  • How to render 3D in 2D canvas — Base Design

  • Drawing Lines is Hard

  • Canvas filled three ways: JS, WebAssembly and WebGL | Compile

  • An Introduction to Shaders - HTML5 Rocks

  • Animating textures in WebGL - Web APIs | MDN

  • Barebones 3D rendering with WebGL

  • WebGL Fundamentals - HTML5 Rocks

  • WebGL Transforms - HTML5 Rocks

  • Introduction to Computer Graphics, Section 7.1 -- Transformations in 3D

  • WebGL Fundamentals

  • WebGL - Rasterization vs 3D libraries

  • Tutorial 3 : Matrices

  • Jank Free: Let's Make the Web Silky Smooth!

  • Jank Free: Let's Make the Web Silky Smooth!

  • Basic OpenGL

  • Fractal Curves

  • CloudFront Analytics

  • wgld.org | canvas2D: 法線マップの生成 |

  • Cracking – WBlut

  • Norman McLaren - NFB

  • Slopes | Tinkersynth

  • Home — Artificial Images

  • GPU Accelerated JavaScript | Hacker News

  • Image Processing in a Web Worker

  • Transferable ImageData

  • OffscreenCanvas — Speed up Your Canvas Operations with a Web Worker

  • Transferable Objects: Lightning Fast!  |  Web  |  Google Developers

  • WebGL - Rasterization vs 3D libraries

  • Faster Canvas Pixel Manipulation with Typed Arrays - Mozilla Hacks - the Web developer blog

  • lit-html

  • WebGL Fluid Simulation | Hacker News

  • JS1024 Results – 1k JavaScript Demos | Hacker News

  • JS1024 Results - 2020

  • WebGL Fluid Experiment (2014) | Hacker News

  • Show HN: Unscreen – Automatically remove video backgrounds with ML | Hacker News

  • Animated Sinusoidal Cardiods – BIT-101

  • Twist in the Dark.|deconbatch's Fun of Creative Coding.

  • Day 50 - Smudge | 100 Day Computational Design Challenge | Chelsea Watson

  • Generative art with CSS

  • Using a slime mold simulation for generative art | FlowingData

  • 10 Examples of Beautiful Computer Generated Art | Widewalls

  • 10PRINT in p5.js - Coding Challenge #76 · The Coding Train

  • Generative Design

  • Path2D() - Web APIs | MDN

  • 13 Tips to Write Faster, Better-Optimized JavaScript | by Bret Cameron | Medium

  • 4 more Javascript hacks to make your javascript faster | by Nicholas Ortenzio | Medium

  • Some JavaScript Sketches

  • NeuralCam - camera apps with brains

  • Don’t know if this has been posted but can’t stop looking at it : oddlysatisfying

  • Duality of Vector Spaces (2017) | Hacker News

  • Image Classification using Javascript Machine Learning Library - ml5

  • Boids in WebAssembly Using Go — Andrew Healey

  • Recursive raytracer in 35 lines of JavaScript | Hacker News

  • Rare implementations: Koch Snowflake Tessellation

  • How to Hack a Painting — TYLER HOBBS

  • Game Torrahod

  • Eric Arnebäck

  • MeoWorley.|deconbatch's Fun of Creative Coding.

  • P5.js animation in 131 characters of code explained | by Potherca | Dev Genius | Aug, 2020 | Medium

  • Clayton Shonkwiler

  • Collision Detection

  • Complex Analysis

  • Components AI — A new way to explore generative design systems

  • How To Create a Responsive Image Grid

  • GitHub - nicoptere/physarum: a slime mold simulation in JS and WebGL

  • dla.html · GitHub

  • Diffusion-limited aggregation visualization in browser – Michał Drzał's technical blog

  • image-rendering | CSS-Tricks

  • CultureHub — CoLab 2020

  • AssemblyScript: Passing Data to and From Your WebAssembly Program

  • Complexity Explorables | Kick it like Chirikov

  • random-weighted-choice - npm

  • Kandinsky's Color Theory in Architecture - Architizer Journal

  • Wassily Kandinsky — 610 artworks, biography, books, quotes, articles

  • Kandinsky on the inner meanings of colours

  • js13kGames - HTML5 and JavaScript Game Development Competition in just 13 kilobytes

  • List of curves - Wikipedia

  • WindowSwap

  • Compositing and clipping - Web APIs | MDN

  • html - Masking shapes in HTML5 canvas? - Stack Overflow

  • 白の上に白で描く?|deconbatch|note

  • Books with Full-Text Online | MetPublications | The Metropolitan Museum of Art

  • Download Over 300+ Free Art Books From the Getty Museum | Open Culture

  • Getty | Search

  • The Guggenheim Puts 109 Free Modern Art Books Online | Open Culture

  • the Solomon R. Guggenheim Museum : Free Texts : Free Download, Borrow and Streaming : Internet Archive

  • Working with the Canvas

  • canvas-filters - npm

  • Quil API

  • Generative Design (the book) · GitHub

  • Diego F. Goberna - Portfolio

  • shouldbeashader

  • Drawing With Numbers | Daniel Eden, Designer

  • Drawing With Numbers: Generative art from Daniel Eden

  • turnage

  • The Cohen-Sutherland Line Clipping Algorithm · Sighack

  • Liang–Barsky algorithm - Wikipedia

  • GitHub - gengeomergence/GenArt: Various Sketches written in Python Language for Processing

  • material-of-language/flat-asemic-writing.ipynb at master · aparrish/material-of-language · GitHub

  • turnage

  • A Guide to Simulating Watercolor Paint with Generative Art — TYLER HOBBS

  • Building a self-updating profile README for GitHub

  • Why is Vertical Rhythm an Important Typography Practice? | Zell Liew

  • Write explicit type guards | blog.larah.me

  • Modules: ECMAScript modules | Node.js v14.12.0 Documentation

  • Twitter

  • GitHub - mattdesl/pack-spheres: Brute force circle/sphere packing in 2D or 3D

  • javascript - How can I get ESLint to lint HTML files in VSCode? - Stack Overflow

  • Turux

  • Git-based Wiki – BIT-101

  • blog-posts/lerp at master · mattdesl/blog-posts · GitHub

  • Modules: ECMAScript modules | Node.js v14.12.0 Documentation

  • GitHub - kgolid/grainshade

  • GitHub - kgolid/byrne-generator: Randomly generates Oliver Byrne-style geometrical "proofs" (proving nothing)

  • Agnes Martin | MoMA

  • Flat — Xxyxyz

  • Geometric Algebra for Python | Hacker News

  • spark-joy/README.md at master · sw-yx/spark-joy · GitHub

  • Semi Circle Patchwork - OpenProcessing

  • Manoylov AC

  • q5xjs/q5.js at master · LingDong-/q5xjs · GitHub

  • Folding space / Lionel Radisson / Observable

  • necessary-disorder tutorials

  • Matt DesLauriers on Twitter: "Procedural color selection study, solving the Four-Colour Graph Theorem. The code ensures that adjacent shapes in the grid use different colours. Using @kGolid's wonderful chromotome palettes again. #generative #javascript https://t.co/d0iUyF3DCs" / Twitter

  • Matt DesLauriers on Twitter: "Been browsing Google Scholar a lot lately for papers on colour theory—realizing maybe I should just buy a book. Any recommendations? Looking for something dense: ie. mathematics and scientific research rather than an art/coffeetable book." / Twitter

  • Common color mistakes and how to avoid them | Hacker News

  • Lisa Jamhoury on Twitter: "@_samuelcho Thanks for reading! Here goes: 1) Great reference for shaders from @iquilezles https://t.co/nKmruP67vG 2)One on Linear Gradients from @mattdesl https://t.co/nXRT3OHfpD" / Twitter

  • Calculate intersection of multiple 2D shapes in Java - Stack Overflow

  • Collision Detection - General and Gameplay Programming - Tutorials - GameDev.net

  • 2D collision detection - Game development | MDN

  • Drawing a spiral on an HTML canvas using JavaScript - Stack Overflow

  • HTML5 Canvas Fibonacci Spiral - Stack Overflow

  • Perceptually Smooth Multi-Color Linear Gradients / Matt DesLauriers / Observable

  • GitHub - freethejazz/generative-watercolor at feature/basic-ink

  • From Random Polygon to Ellipse

  • Generate random points in polygons - Stack Overflow

  • Algorithm to generate equally distributed points in a polygon - Stack Overflow

  • Get distance between two points in canvas - Stack Overflow

  • 9 Tips to Execute Generative Art with a Plotter

  • Stuffmatic | Blog

  • Copy cat with cables - Inconvergent - Blog post with patches - cables.gl - blog

  • Circle Texturing

  • Poisson-Disc Sampling and Generative Art - DEV

  • Smooth polyline with minimal deformation - Stack Overflow

  • In Mapbox.js, how to smooth a polyline? - Stack Overflow

  • JavaScript for Data Science

  • WebGL2 Fundamentals

  • How to show or change your Git username or email address | alvinalexander.com

  • Sighack

  • Lionel Radisson / Observable

  • Utilities / Lionel Radisson / Observable

  • Give Me Colors / Lionel Radisson / Observable

  • javascript colormap at DuckDuckGo

  • GitHub - d3/d3-scale: Encodings that map abstract data to visual representation.

  • GitHub - d3/d3-interpolate: Interpolate numbers, colors, strings, arrays, objects, whatever!

  • simple-statistics 7.3.1 | Documentation

  • color/gradients.org at master · thi-ng/color · GitHub

  • 1

  • Easing Functions in Processing · Sighack

  • sketch_190919a - OpenProcessing

  • Collision Detection

  • Show HN: WZRD – Visualize your music with StyleGAN | Hacker News

  • Mathematics for Computer Science (2017) [pdf] | Hacker News

  • Caleidoscopio - OpenProcessing

  • 200612 - OpenProcessing

  • Opinionated Guides

  • The construction of a parabola / Robin Houston / Observable

  • A Neural Network Playground

  • Algorithmic Botany: Home

  • Poisson-Disc Sampling and Generative Art - DEV

  • c++ - Implementing 4-dimensional Halton Sequence - Stack Overflow

  • GitHub - Planeshifter/kernel-smooth: nonparametric kernel smoothing

  • Nokia Composer in 512 bytes

  • ‘Untitled’, Timothy Drever, 1969 | Tate

  • Arbitrary Style Transfer in the Browser

  • Ewald Hering - Wikipedia

  • SuperRare Generative and AI Art Week – Editorial

  • Munsell color system - Wikipedia

  • CarlaColloids – Soft Matter Scientist

  • JB Animation Generator

  • tann

  • From GAN to WGAN

  • 1 Second Painting - Home

  • Turux

  • Playing a game of GANstruction

  • GitHub - eugeneware/gifencoder: Server side animated gif generation for node

  • GAN using Tensorflow

  • GitHub - matthewterhune/Landscape-Generator: Generative art landscapes with p5

  • How To Create a Responsive Image Grid

  • How to Speak the Language of Color | Artists Network

  • 234

  • GitHub - inconvergent/fracture: generative algorithm

  • Already Two | Vladimir Mayakovsky | Granta

  • Books | W:Blut on Patreon

  • On Generative Algorithms: Fractures · inconvergent

  • Sandify

  • python - How to convert a NumPy array to PIL image applying matplotlib colormap - Stack Overflow

  • c++ - OpenCV: how to apply rainbow gradient map on an image? - Stack Overflow

  • c++ - OpenCV: how to apply rainbow gradient map on an image? - Stack Overflow

  • Vibrant Line: Works on Paper by Tanaka, Shinoda, and Tawara :: Newfields

  • simulated annealing at DuckDuckGo

  • vector fields generative art at DuckDuckGo

  • Anton stankowski at DuckDuckGo

  • Strange Attractors

  • GitHub - dvschultz/morphing-processing: Morphing book examples in Processing

  • Tom White – Artist Profile (Photos, Videos, Exhibitions) — AIArtists

  • Introduction to Node-based programming for making plotter artworks | Maks Surguy on Patreon

  • Using HTML5 Canvas To Turn Image Into Grayscale

  • Neural aesthetics - Monoskop

  • 🤓🌈🌃 Quick Overview Of The NFT Ecosystem - Zima Red - NFTs, Virtual Worlds, Blockchain Games.

  • The Game of Life - Emergence in Generative Art — Artnome

  • Image|ning with AI - Your Virtual Self - Medium

  • Creative Coding Notebooks | Diego Inácio

  • but does it float

  • Drawing With Numbers | Daniel Eden, Designer

© Travis Ennis, All rights reserved.