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