Kind of Flower

lastvector's Avatar

lastvector

30 Oct, 2024 08:36 AM

Like to post one of my latest, made with Nodebox
and a little help of my vector graphics program
VectorStyler.

Here a Video with the Part made in Nodebox
https://go.screenpal.com/watch/cZ6YncVWsWz

and this is the Part made in VectorStyler
https://go.screenpal.com/watch/cZ6rj3VWNZd

  1. Support Staff 1 Posted by john on 01 Nov, 2024 12:56 AM

    john's Avatar

    Another beautiful collaboration between Nodebox and VectorStyler! Thanks.

    You certainly have a knack for finding these beautiful interference patterns and then polishing them to perfection.

    This is a really nice example of the capabilities VectorStyler adds. I wondered if I could replicate it entirely in Nodebox so noodled around for awhile. But I finally concluded it would be very difficult.

    I didn't have much trouble recreating your Nodebox design by watching your video. The only missing part was exactly what parameters you used in the range node which formed the color hues, but I was able to come pretty close by eyeballing it.

    The boolean dividing I can do (with some limitations) using my overlaps node. That node is slow and limited to a maximum of ten overlapping shapes, so I had to tackle just one quadrant of your design then copy-rotate it. I also had to make a few other adjustments to compensate for weirdness in the compound node. With a little work I was able to successfully break your design into 96 separate pieces.

    But the stroking to form different accents in those various pieces is something I cannot do in Nodebox. This involves a mathematical operation called offsets which is surprisingly difficult. In fact you can prove that the offset of a cubic Bézier curve cannot be made with another cubic Bézier curve. Of course programs - including VectorStyler - find a way of approximating this routinely, And Nodebox can stroke any path using Java subroutines. But I cannot find any simple way of turning those strokes into new paths inside Nodebox. And the code to do it in other languages can run into thousands of lines.

    So thanks again for an illuminating example. Keep 'em coming!

    John

  2. 2 Posted by lastvector on 01 Nov, 2024 09:39 PM

    lastvector's Avatar

    Thank you,

    Yes, i think too that i have an eye for when
    something looks good.

    The funny thing about these design are that not all of
    it was planned :) I found a interesting looking pattern
    in a YouTube Short and thought to recreate it in Nodebox.

    While I was reproducing it, I gradually had additional ideas
    that I tried out and after all this appears as the result.

    To use a vector graphics program besides Nodebox definitly
    makes sense in my eyes. Because you will have a hard time
    to recreate all the options that a Vector graphics program offers
    and what i have shown here is only a very tiny bit what VectorStyler
    able to offer.

    Playing with Shapes / Pattern in a non-destructive way is where
    in my eyes Nodebox really shines. Also the fact that you can
    quickly swap shapes and of course the options that SVG import
    and export offers.

    Below a picture of the Color setting i have used. The most importing
    thing is the low Alpha Setting because this give nice Shades of the
    Color without too much hassle.

    I put also another color variation to that.

  3. 3 Posted by lastvector on 01 Nov, 2024 09:44 PM

    lastvector's Avatar

    Here also a few variations from my experiments these where
    all made with Nodebox and VectorStyler with more or less
    the same methode.

    Btw VectorStyler have also nice colorize options
    for fill a pattern with random colors

  4. Support Staff 4 Posted by john on 01 Nov, 2024 11:20 PM

    john's Avatar

    Really interesting and quite beautiful. Thank you.

    The range node is almost exactly what I guessed. One unusual feature of your HSB node is that you set the range at 12, meaning that your alpha of 3 is 25% and your integer hue values of 6, 7, 8 cover a full quarter of the hue spectrum. Your values for saturation and brightness look like values from a normal 255 range, but here are completely maxed out.

    Your other examples demonstrate that VectorStyler provides ways of sprinkling random colors across shapes. I hope you will play with the now extensive set of color nodes in my library, including the sanzo_colors node I just dropped. Many of those nodes can also be used to sprinkle random colors across shapes.

    Attached is the initial frame of a recent animation which uses sanzo_colors and one of my new gradient nodes to randomly color an array of leaf shapes.

    I would be curious to see what you could do with your fine eye and some of these Nodebox color nodes.

    Really interesting discussion. Thanks again,

    John

  5. 5 Posted by lastvector on 02 Nov, 2024 11:22 AM

    lastvector's Avatar

    .. I hope you will play with the now extensive set
    of color nodes in my library, including the sanzo_colors
    node I just dropped...

    John

    Of course i tried out some of your color nodes from
    your library and will certainly experiment with them.

    Well, I do have an eye for whether something looks good,
    but I have a bit of trouble with colors because of
    a red-green color weakness. That's why I'm not really
    good at fine color matching. Nevertheless, I enjoy
    playing around with colors.

    But I tend to use Vectorstyler's ReColor options, firstly
    because VectorStyler is my main vector graphics program.
    Secondly because I use it anyway to further edit Nodebox
    designs. I am not limited to one program, depending on
    which program I find a nice color, I use it.

    I made a video here to show the really extensive possibilities
    of VectorStyler for coloring. Although I don't understand a
    lot of it myself :)

    gottfried

    https://go.screenpal.com/watch/cZXnXbncyMw

Reply to this discussion

Internal reply

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

Attaching KB article:

»

Already uploaded files

  • test-flower.png 250 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

Generic

? 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

04 Nov, 2024 10:52 AM
02 Nov, 2024 11:22 AM
01 Nov, 2024 12:41 AM
01 Oct, 2024 07:59 AM
30 Sep, 2024 11:37 PM

 

30 Sep, 2024 11:11 AM
30 Sep, 2024 02:37 AM
28 Sep, 2024 10:33 AM
26 Sep, 2024 06:41 AM
24 Sep, 2024 12:32 AM
24 Sep, 2024 12:27 AM