Exploring P5.JS JavaScript library.
View the pieces of code on the P5.JS website 'My Sketches'
Ported from my original QB64 version.
The code on Github:
-
Javascript code file sketch.js
-
HTML file to run javascript in browser: index.html
Animated GIF file created using the saveGif() function:
One of the classic Iterated Function Systems.
Using information from https://larryriddle.agnesscott.org/ifs/heighway/goldenDragon.htm
The code on Github:
-
Javascript code file sketch.js
-
HTML file to run javascript in browser: index.html
Animated GIF file created using the saveGif() function:
A 'creature" with long tentacles that seems to float in circles. All made from math functions
The code on Github:
-
Javascript code file sketch.js
-
HTML file to run javascript in browser: index.html
Animated GIF file created using the saveGif() function:
A animated image based on the iteration after choosing a random starting point x,y:
x = x + sin(y)
y = y + sin(x)
The code on Github:
-
Javascript code file sketch.js
-
HTML file to run javascript in browser: index.html
The algoritm is found on many places on the web.
The example used as reference, in Sinclair Basic on a PC by BigEd: https://stardot.org.uk/forums/viewtopic.php?t=25833
The code on Github:
-
Javascript code file sketch.js
-
HTML file to run javascript in browser: index.html
A still from the animation:
Exploring Vectors and UI sliders in P5.JS
A toy which bounces points inside a circle, influenced by gravity and friction
The code on Github:
-
Javascript code file sketch.js
-
HTML file to run javascript in browser: index.html
A still from the animation:
Interference, a visual effect based on the general idea of two point wave sources with an interference pattern.
The point sources travel in circular paths changing their distance from each other continuously.
This idea was first implemented using QB64
The code on Github:
-
Javascript code file sketch.js
-
HTML file to run javascript in browser: index.html
A still from the animation:






