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