Kind of Flower
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
-
test-flower.png
250 KB
test-flower.png
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
Support Staff 1 Posted by john on 01 Nov, 2024 12:56 AM
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 Posted by lastvector on 01 Nov, 2024 09:39 PM
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 Posted by lastvector on 01 Nov, 2024 09:44 PM
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
Support Staff 4 Posted by john on 01 Nov, 2024 11:20 PM
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 Posted by lastvector on 02 Nov, 2024 11:22 AM
.. 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