Pattern exploration - a unsual way

lastvector's Avatar


01 Jun, 2024 11:00 AM

A while ago I came across this beautiful video from yukikawae

I found this so interesting that I thought about
how to recreate the first Pattern in Nodebox.

Here is my result

  1. 1 Posted by lastvector on 01 Jun, 2024 11:05 AM

    lastvector's Avatar

    Here the Nodebox Tree.
    The Tree is certainly more extensive than it needs to be,
    but my main focus was creating the pattern.

  2. 2 Posted by lastvector on 01 Jun, 2024 11:05 AM

    lastvector's Avatar

    I also decided to try out the SVG in FlamePainter

  3. Support Staff 3 Posted by john on 01 Jun, 2024 11:56 AM

    john's Avatar


    I am a big fan of these sand mandalas, which are often posted on Instagram.

    Attached is a simpler network that draws the same thing.

    What would be REALLY cool would be to use FlamePainter or some other app to simulate the sand and the furrows made in that sand!

    Keep 'em coming!


  4. 4 Posted by lastvector on 01 Jun, 2024 01:00 PM

    lastvector's Avatar


    Thank you very much for your optimized version.
    Now I have something to study, your version shows
    definite ways that I would not have thought of so easily.

    What I find so admirable about the handmade sand version
    is the hand-eye coordination and the calmness with which
    it is carried out.

    Regarding the digital version, I thought of particle simulations for
    the sand. I believe Procressing offers such a particle simulation
    for 2D vector graphics and the 3D program Blender does particle
    simulation in 3D.

    Thanks again, have a nice day

  5. 5 Posted by lastvector on 03 Jun, 2024 11:59 AM

    lastvector's Avatar


    I've studied your version of the sand mandala a bit
    and I think your approach of using the Sample Node
    as a kind of loop replacement is smart.

    Although I have to say that my version was pretty simple.
    Not to excuse myself, but to encourage other beginners.

    When I try something out or recreate something, my main goal
    is to get as close to the result as possible and to do so
    in the simplest, most understandable steps possible. After
    that, i can always optimize it.

    The nice thing about NB is that you can easily copy node trees
    or parts of them by holding down the Alt key and moving the
    desired part with the mouse.

    When I studied this and other examples from you,
    this nice comparison came to mind.

    "So, that's the difference between someone just looking at the moon
    and someone who knows rocket science and flies to the moon :)

    So, have a nice flight.

  6. 6 Posted by lastvector on 03 Jun, 2024 12:02 PM

    lastvector's Avatar

    Here some Variations i made this pieces were
    refined in VectorStyler

  7. 7 Posted by lastvector on 03 Jun, 2024 12:03 PM

    lastvector's Avatar

    And this variation were made as
    a digital oil painting

  8. Support Staff 8 Posted by john on 03 Jun, 2024 09:34 PM

    john's Avatar


    Re your comment about your process in making your original "unoptimized" version...

    I am so glad you brought this up. There's nothing wrong with the way you did it. I often do the same thing, using Nodebox to feel my way through a design, trying individual curves and coloring them one at a time. I constantly copy-paste subtrees and temporarily combine them to test different effects.

    But over the years, I have learned to optimize as I go. The main reason for this is to make it easier to play.

    If you have four separate curves, each with its own colorize node, it is cumbersome to play with different color palettes. You have to change all four colorize nodes one at a time, study the result, try to remember it, then try four different colors, etc.

    But once you optimize by feeding a list into one node to produce the curves, then color them all at once with a single colorize node, it becomes much easier to try different colors. You can color them all the same color with a single click. Or, if you want to give each a different color from a coordinated palette, you can just use any one of my color nodes (like my palette node), set the amount to 4, feed that into the single colorize node, then start trying different color palettes to your heart's content by changing color parameters upstream.

    The same thing goes for all sorts of different coordinated effects. Thicken the stroke lines for everything all at once, change the number of curves from 4 to 24, resize them in a graduated way, randomize base attributes to quickly step through dozens or hundreds of different variations, etc.

    All of this becomes way, way easier (and more fun) once you eliminate any unnecessary duplications and boil things down to single unified system. I've learned and relearned this lesson so many times that now I tend to almost automatically optimize as I go.


  9. Support Staff 9 Posted by john on 03 Jun, 2024 09:45 PM

    john's Avatar


    I really like all three of the variations you shared in post 6. You said you refined them in VectorStyler, which is fine and a nice example of exporting NodeBox SVGs to other tools. I note, though, that all three of these designs would be fairly easy to make directly in Nodebox as well.

    This is not true, though, of the "oil painting" you made in your post 7: that is hard or almost impossible to do in NodeBox. Was that also done in VectorStyler?

    Your original design also inspired me to make an animation. I kept playing with it and adding more elements until I ended up with animation I called "Dreamcatchers". You can see it in my Instagram portfolio:

    Thanks again for a very interesting and productive conversation!


  10. 10 Posted by lastvector on 04 Jun, 2024 04:37 AM

    lastvector's Avatar


    This dreamcatcher animation is beautiful.

    I have already discovered some possibilities of Animation
    in Nodebox. It's a cool way to change parameters.

    The digital oil painting was created in "Rebelle" (from
    Escape Motion, like Flamepainter). Since version 7 it
    offers the import of SVGs as Paths. Paths behave like
    rulers, brushes follow such a path.

    I will show yet some of the possibilities I see using Nodebox
    together with vector graphics programs or Rebelle in the
    following parts of the little series I started with Flamepainter.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:


Already uploaded files

  • Pattern-Circle.png 158 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts


? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac

Recent Discussions

23 Jul, 2024 04:46 PM
22 Jul, 2024 07:50 AM
11 Jul, 2024 03:48 PM
28 Jun, 2024 01:51 PM
27 Jun, 2024 02:56 PM


27 Jun, 2024 01:57 PM
26 Jun, 2024 08:17 PM
26 Jun, 2024 11:35 AM
24 Jun, 2024 02:42 AM
24 Jun, 2024 12:46 AM
23 Jun, 2024 08:07 AM