Tondo Library
“I can do that”
, because
“You!”
“Paint like a baby”
Indeed …
Can you,
still?
About The Library’s Name
Toddlers (1-2years old) begin to make drawings that include:
- horizontal and vertical lines
- multiple loops and spirals
- roughly drawn circles
- shapes that resemble letters T and V
The title points to the toddler stage of child development, but paint like a baby sounds simple better.
unknown 1-2 years old toddler two examples |
This Library Prerequisites
The research methods are seriously Dada poetic, rather than serious scientific obstruction. In other words this is artistic endeavour following the guidelines of tender holistic research methods.
lieschen mueller ©: Nov 2024 |
fragment, write, and line method |
tweetRandom
Originally developed to transform a specific X-tinct social media into interactive data for bot-use
tweetRandom -> transfers text into random numbers
Combined with a login it provides stable user-ids and user-data, such as email, bio, etc.
The user’s id and data are utilized as modifiers; it is the input text which seeds the largest amount of the randomness, though.
The tweetRandom library allows to modify user-data and update the text input value in a constant flow, like a conversation. Therefore it is obvious tweetRandom not only can produce static pictures or one-source animations, it can be used to perform interactive illustrative artworks of text-based processes such like conversations, track people in environments and other datasets.
Within tweetRandom lies a strong binding to any speech, spoken words, written text and reading culture, but also any data consumption in any media - all delivered ready of hands. Communication relies on structure data. This is the reason why any resulting random actually contains hidden pattern variations. It inherits the meaning of the message, transfers it’s communication flow into a stream of numeric values.
lieschen mueller ©: Nov 2024 |
write, circle, and line method |
Older Researches And Findings
From the earliest experimental rewrites of social networks to the latest research like “account and counting”, even this is a search of “painting is like writing”. Less visible, but in it programmatic nature, it uses writing mechanics by emulation in a collection of programs aka also known as a library and recombines them.
lieschen mueller ©: Nov 2024 |
fragment, circle, and line method |
JavaScript And HTML
The choice of the programming language enables certain features, hence easy access as a web-component has to pointed out here, and it limits with it’s own restrictions. This channels the human mind, avoids the wandering around in the world of to many wonders.
lieschen mueller ©: Nov 2024 |
fragment, circle, and write method |
The Tondo Format, Grid-based Graphic Operations
… and what it changes compared to a rectangular format, specifically like a square.
The tondo format - a round circle-shaped “canvas”. Here indeed it is the transparent, circle-masked square of the JS HTMLCanvasElement.
It revaluates the term grid, as it provides it’s very own unique geometry.
Circles do come with a multitude of possible “grids”, pie-carts, rings, written in or outlined shapes like triangles, squares, etc.
A reflection of it’s basic centralised geometry for all numbers fractions, the union nature of the unit circle.
PI based, starting on the right turning clockwise, a critical cultural anticipation, a hint of time.
lieschen mueller ©: Nov 2024 |
write and circle method |
Commentary-Platform Comment And Chat
The Commentary-platform shared and comment functions are used for the implementation of the slow-conversation, which drives the final experience of the “PaintLikeABaby”-library.
Meanwhile “Commentary”’s chat functionalities have been evaluated, yet, further aren’t implemented in the actual version.
lieschen mueller ©: Nov 2024 |
write and line method |
The Motto, Statement
The dwarf-minded ones will never guess it,
educated guests,
but, when the Elf draws the twelve,
there is beauty to imagine.The painting of an image dwells in pictures,
because a piece of good conversation
always and anywhere
is by chance a possibility.
lieschen mueller ©: Nov 2024 |
circle and fragment method |
General Settings
tweetRandom provides two default modes, which both generates a time-based pseudo user-id hash and a pseudo email address. Both are not static on reload of the webpage.
The first mode looks the webpage, where this lib is embedded, for other scripts and uses them as user-input. In this moment the program had become self-referential. The execution of the program now relies on it’s own source-code.
The second mode looks for a specific html-tag-id “commentary” in the page and replaces the source-code with this text.
For all experiments the later mode has been the chosen one.
The poetic idea of childhood’s wonderland.
Cretan linear-A disks, records, CDs and DVDs, the old-fashioned clock, the typical human starters’ drawings, paintings, all those are motifs of motivation to choose the tondo format, because of and besides their historical or nowadays means.
lieschen mueller ©: Nov 2024 |
circle and line method |
Developing A Library
The two necessities for a library of generators are,
- using the in an other context like social media.
- combine them with other libraries to enrich, enlarge
the compositional range. - documenting the variety of an theme, which is not a
necessity.
The “paintLikeABaby”-library started as a simple standalone program of the fragmented circle algorithm. The prototype are called somewhat like “draw.like-a_baby”.
The script part has been extracted in a script and embedded into a central webpage.
In the next step three more idea’s of similar approaches risen in standalone, to be optimised first in appearance and methodises and than to be embedded as a library-script into the central page, while the commonalities like the canvases, colours and some functions have been stripped from all method-like library-scripts and placed into the global library script.
All painting-method script have their own initialising, create and looping update functions. They control their own slightly different animation and effects loops, before they give back the control to the central script, which chooses what to come next.
lieschen mueller ©: Nov 2024 |
line and fragment method |
Implemented Features
- basic html ground, the embedding webpage
with it’s choice script - the given: tweetRandom
- the global’s: shared functions, components and variables
- the specific painting methods:
- fragments of a circle aligned
- almost a circle tangents
- joined tangents of inner circles
- writing on a ring grid calligraphy
- crosslines filling the circle
- drawing a spiral in- and outwards
- turning the canvas clock- or anti-clock-wise
As any method-script provides an animation sequence of brush-stroke and possible turns of the canvas depending on their own optimal rules, this library is optimised for a comment-based slow conversation, yet not a chat. If a library is used in chat, an immediate response is preferred - even a single animated brushstroke is quite slow. In other experiments it has already be validated that single not animated brushstrokes fulfil the purpose of an chat.
The whole “PaintLikeABaby” provides a 10 to 15 minutes long animation sequence, with every sequence of a single painting.method lingers around 5 to 40 seconds.
Each of the next 4 methods are an emulation sharing JS-Bezier-curves, and a failed attempt, to “PaintLikeABaby”. Algorithms aren’t that open minded.
lieschen mueller ©: Nov 2024 |
write and fragment method |
Fragments Of A Circle Aligned
Without any rotation applied to the brush-layer, this starts always at the right point at zero PI. It creates fractions of ellipses with the same radius like the tondo. The algorithm tries to repaint the outline of the tondo-shape, but it produces a shattered line of fragments instead.
lieschen mueller ©: Nov 2024 |
Fragments Of A Circle Aligned |
Almost A Circle Tangents
This comes closes to a circle. Almost straight, but bending “tangent” lines, draw a polyline along a circle which lies in the tondo circle. The maximum ideal radius is the radius of the tondo circle itself.
lieschen mueller ©: Nov 2024 |
Almost A Circle Tangents |
Joined Tangents Of Inner Circles
These a almost straight lines, all defined as a tangent of an inner circle, yet their connection is not end- to start-point like above. The “tangents” have to intersect, cross each other in sequence. This is clearly an imperfect way to draw a circle.
lieschen mueller ©: Nov 2024 |
Joined Tangents Of Inner Circles |
Writing On A Ring Grid Calligraphy
Most freely attempt to paint a circle, though most strictly by it’s rules. In a rings and triangles based grid - the inner ring divides into 6 triangles, for each ring 6 triangle will be added (6, 12, 18, ..) - a pseudo alphabet paints calligraphy-like figures connecting points from the grid. It tries to fill the tondo as a whole rather drawing it’s outline.
Toddlers already start to imitate characters or invent their own letters. For this reason the calligraphy-pseudo-letters alphabet has been introduced. A grid is shown here, the final result can be seen at the “Turning The Canvas Clock- Or Anti-clock-wise” chapter.
lieschen mueller ©: Nov 2024 |
an example for grid of rings |
crosslines filling the circle
lieschen mueller ©: Dec 2024 |
crosslines filling the circle |
drawing a spiral in- and outwards
lieschen mueller ©: Dec 2024 |
drawing a spiral in- and outwards |
Turning The Canvas Clock- Or Anti-clock-wise
Besides rotating the brush orientation around the tondo center, turning the canvas from time also obfuscates the grid operations very well. It is an improvement for the animation sequence to.
lieschen mueller ©: Nov 2024 |
Writing On A Ring Grid Calligraphy |
The Brushstroke And Other Effects
All brushstrokes within a single figure use the same base-colour,
but potentially different shadow-colours.
A brushstroke is a overlapping multiline along a given ideal path.
Each single line varies in thickness, bending and positions.
At any time an underlying wet-effect comes with the direction and timing of the stroke,
sometimes dry, mediocre, or wet.
A pre-set list of colours is defined. Optional a specific set of none to three priority colours is selected and one of those is chosen with a likeliness of 50%. Otherwise any other colour is chosen, but not the last one again. The current shadow-colour can’t be the chosen base-colour.
lieschen mueller ©: Nov 2024 |
All 4 painting methods combined |
What Differs From “account and Counting”
Having strongly it’s own poetic motivation, this library still comes with grid-based operations.
In fact, it does rely even more on grids, yet now one, but for each painting method on a different one.
The square-based “account and counting” relied on a horizontal-vertical
grid of sub-squares with linear counting sub-grid - divisions.
Though every drawing function in the tondo-library is strictly speaking a writing operation,
the overall composition appears to be a free improvised painting.
The literacy is way more hidden compared to the “account and counting” research.
lieschen mueller ©: Aug 2024 |
An example of “Account and Counting” |
The Social Environment Implementation
A re-enactment of freedom - like in free beer, my deer.
A none public test of a future public instalment of a social interactive commentary platform. Please, do not abuse this test by using any “emails” like [adolf.hitler@naziland.co.uk] or so. Stay polite, friendly minded and avoid, unnecessarily to mention, controversy. This is not a “political” confrontation platform.
Implementing the “PaintLikeABaby”-library into the “Commentary”-platform enables a slow-conversation via the comment functionality. One comment triggers a new animation sequence and store the final result in a gallery. While the animation lasts, the comment function is disabled. Older pictures with their source-comment, user-id and - data can be reviewed in the gallery-page.
This demonstrates that interactive speech/text-based media can be used/seen as writing, as painting or as an artwork. Hence, the warning, probably not either, because it (un-)answers the questions,
- ”?”
- “What is art?”,
- “What is an artwork?”,
- “Can you -still- paint like a baby?”
because any algorithm can’t.
lieschen mueller ©: 1st.Dez 2024 |
commentary with embedded PLABA-library |
pattern library collection library ideas 4 library in the hunt scribble lib navigation account and counting about