Investigation of a hinged tiling effect on Truchet tiling fractals...
small version. See here for big version.
may put up more Webgl for better
explanation at some point. Lots of control dots, which you can move around the
screen with the mouse, and sliders and buttons and so on for different effects.
WARNING: can be slow to load.
Exact functioning is browser/computer dependent.
Some images I have from screen shots or video capture from running this are
here, but you might not get exactly the same results.
speed =
0 N =
4 initial number of rows/cols of squares =
2 brightness =
1 shade1 =
64 shade2 =
1
Notes on controls
red dot controls choice of sequence of transformations,
indicated by path on the tree. You have to click on stop motion to be
able to move this with the mouse.
pink dot controls Da and Db in RD;
blue dot controls F,K.
Gray Scott parameters.
Green dot controls shape of neighbourhood of any point; x coord radius of this neighbourhood.
From 1 to 10. If this is large, ie., green dot to the right, the program gets very slow.
y-coord controls number of sides of the neighbourhood polygon.
magenta dot controls colour. x coord is range of colour, y is center of colour; currently uniform
brightness
orange dot controls boundary RD conditions (concentrations) on imposed shape (tree or trouchet)
cyan dot controls colour max/min (controls range of colour)
Bright green: width of path; x is width of containing path, y is
width of part containing RD
shade 1 and 2 only effect path when shade RD curve is turned on,
to try to get nice shading on curve
The point of the shear button is to transform so the
choice of alternating operations gives a curve
which fills a square
The 01010101 button makes the binary path in the
tree correspond to an alternating sequence of choices.
This gives a curve enclosed in a diamond shaped area,
or square if you shear. As well as the alternating path you
can also get the other extremes from this button.
Because it goes to these paths instantly rather than smoothly, the RD will fill several paths, so if you want to only fill one, you have to clear the RD, and then reseed with the mouse.
The colouring is either by reaction diffusion or
a simple fill, which is currently rainbow effect,
but probably will add proper fill sometime.
The white dot's x position determines intended fill
colour, which
is also shown on background of screen; the region might
not actually come out that colour though...
If you switch to outline only, you will probably need to
move the bright green dot down so that the fill
area is big
enough, or the fill colour will vanish.
If you are in reaction diffusion colouring mode, generally the mouse down will
produde a colouring effect.
Sometimes you may have to hold it down and drag a little, or sometimes the effect
is only apparent on mouse release.
Notes on programs
In progress! Needs work.
Email me any comments/suggestions etc hverrill
gmail dot com. Or find me on instagram, havcircles or havtofold
The reaction diffusion part of this started from
Robin Houston’s Block ed597847175cf692ecce.
I also use some set up Webgl files library files from
Webgl fundamentals.
Mouse controls some parameters.
To do: add mouse erase option; add burst at center button;
add showing binary display of potition; add fastest motion to given
configuration corresponding to a binary sequence choice; brightness/contrast
dot;
make it so when control dots are moved mouse doesn't leave trail... etc etc etc. Currently screen size only works when pixel size power of 2... maybe do something about that.
I have used the Gray Scott model for the reaction diffusion, which I have
copied from Robin Houston, as mentioned above. I don't know a great
deal about reaction diffusion. There are lots of good pages, e.g.,
https://mrob.com/pub/comp/xmorphia/