Link List

P5JS does­n’t offer native SVG sup­port, there is how­ev­er a way to run P5 in an ​‘SVG’ mode using zenozeng’s SVG run­time. Run­ning P5 in this SVG mode also requires a lot of inter­ac­tion with the DOM, which we’ll dis­cuss in this post.

A course due for release in Sept 2024 on plaint­ing with plot­ters, like AxiDraw.

Cod­ing my hand­writ­ing in Javascript — how I did it and what I’m doing with it.

P5JS does­n’t offer native SVG sup­port, there is how­ev­er a way to run P5 in an ​‘SVG’ mode using zenozeng’s SVG run­time. Run­ning P5 in this SVG mode also requires a lot of inter­ac­tion with the DOM, which we’ll dis­cuss in this post.

In this tuto­r­i­al we’ll have a look at javascript gen­er­a­tors and how they can be used for ani­mat­ing the draw­ing phase for our gen­er­a­tive sketch­es. We’ll cov­er every­thing from syn­tax to actu­al­ly imple­ment­ing a sim­ple exam­ple using p5’s draw loop.

Gen­tle step-by-step guide through the abstract and com­plex uni­verse of Frag­ment Shaders.

Polar shapes are an incred­i­bly sim­ple con­cept that can form the foun­da­tion of some inter­est­ing and com­plex forms in gen­er­a­tive art and graph­ics pro­gram­ming.

Archived Frac­tal Forums dis­cus­sion board.

At Ban­tam Tools, we build desk­top CNC machines with pro­fes­sion­al reli­a­bil­i­ty and pre­ci­sion to sup­port world chang­ers and skill builders. Pen plot­ters and 3D print­ers.

A par­ti­cle pack art col­lec­tion that is use­ful for Three­Js par­ti­cle cre­ation.

Many mate­ri­als have a well-char­ac­ter­ized refrac­tive index, but these indices often depend strong­ly upon the fre­quen­cy of light, caus­ing opti­cal dis­per­sion.

Hun­dreds of free PBR tex­ture sets, ready to use for any pur­pose. No login required.

An util­i­ty to tweak mat­caps, with real­time visu­al feed­back.

Huge library of mat­cap PNG tex­tures orga­nized by col­or — nidorx/​matcaps: Huge library of mat­cap PNG tex­tures orga­nized by col­or

Twit­ter: @mattdesl Draw­ing lines might not sound like rock­et sci­ence, but it’s damn dif­fi­cult to do well in OpenGL, par­tic­u­lar­ly WebGL. Here I explore a few dif­fer­ent tech­niques for 2D and 3D line ren­der­ing, and accom­pa­ny each with a small can­vas… | Matt DesLau­ri­ers | cre­ative devel­op­er

A col­lec­tion of posts cov­er­ing a blend of tech­nol­o­gy, design, code, and cre­ativ­i­ty.

Le Ran­dom is build­ing a dig­i­tal gen­er­a­tive art insti­tu­tion.

vsketch is made for plot­ter users, by plot­ter users. It’s fea­ture set is focused on the pecu­liar­i­ties of this medi­um and doesn’t aim to solve oth­er prob­lems.

A roundup of what you need to start pen plot­ting and cre­ative cod­ing.

The use of pen plot­ters and oth­er draw­ing machines has become an impor­tant part of the mod­ern gen­er­a­tive art and dig­i­tal art scene. For those who are con­sid­er­ing intro­duc­ing a pen plot­ter in the future, I rec­om­mend a pen plot­ter.

A Javascript library for rep­re­sent­ing, manip­u­lat­ing, and draw­ing peri­od­ic tilings of the plane. — iso­he­dral/­tac­tile-js: A Javascript library for rep­re­sent­ing, manip­u­lat­ing, and draw­ing peri­od­ic tilings of the plane.

Ren­der WebGL as SVGs using three.js.

Hen­rique Cel­so and I teamed up to push the bound­aries, explor­ing what hap­pens when you mix motion and A.I. Here’s the result ;-) https://​civ​i​tai​.co…

A font based on Voronoi algo­rithm

Browse through Dribb­ble or Behance, and you’ll find design­ers using a sim­ple tech­nique to add tex­ture to an image: noise.

Dis­cov­er our col­lec­tion of tuto­ri­als cov­er­ing a wide range of tech­niques and soft­ware includ­ing Python, Pro­cess­ing, Cin­e­ma 4D, Grasshop­per, Sketch and much more.

Dis­cov­er our col­lec­tion of tuto­ri­als cov­er­ing a wide range of tech­niques and soft­ware includ­ing Python, Pro­cess­ing, Cin­e­ma 4D, Grasshop­per, Sketch and much more.

Dis­cov­er our col­lec­tion of tuto­ri­als cov­er­ing a wide range of tech­niques and soft­ware includ­ing Python, Pro­cess­ing, Cin­e­ma 4D, Grasshop­per, Sketch and much more.