Tutorials on using Nodebox with Processing to achieve this kaleidoscope outcome?

codestart's Avatar


04 May, 2018 06:59 PM

I want to learn how to create this particular type of images with Processing and Nodebox, but don't have a roadmap behind this outcome, could you help to lay out the main steps or share links to similar code or tutorials if you know any?
I'm strating out with all 3 (coding, Processing, Nodebox), so any guidance/tips/tutorials towards the desired result will be greatly appreciated.

  1. Support Staff 1 Posted by john on 07 May, 2018 04:30 AM

    john's Avatar

    Hello Codestart,

    I think it's a great idea to try recreating images in different languages as a way of learning. In general both NodeBox and Processing are well-suited to this kind of thing.

    However this particular image is quite complex. With the cropping I can't see the whole thing, but there is a lot going on. I would suggest starting with something a bit simpler.

    See attached screenshot and compressed NodeBox network. I made a similar but simpler image in NodeBox. It has the same 15-unit rotational symmetry with elements enlarging as they move away from the center. I used an 18-color palette based on the colors in your reference image.

    To make the pattern I defined wedge units and generated them in rows of three repeated in increasingly large radii. I did this 12 degrees wide and then again using the same colors in reverse order. I added dots in the center of each one (colored using a shifted version of the same color palette), Finally I repeated and rotated the combined 24-degree wide segment 15 times.

    One subtle issue was placing the dots in the exact center of each wedge. NodeBox has a centroid node which would normally make this easy, but because of the way wedges are shaped the position is slightly off. So I made my own "centers" node to do it more precisely.

    Please open the network and see how it works. Double-click on each node to see what it does. For fun I added a shuffle node to the color palette so you can see how different orderings affect the overall pattern (just drag over the seed parameter in the shuffle node to try different random number seeds). NodeBox makes it easy to experiment and use trial and error to explore endless possible variations.

    If you search this forum you will find other geometric designs with notes and code examples. It's a great way to learn.

    Happy coding!


Reply to this discussion

Internal reply

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

Attaching KB article:


Already uploaded files

  • 2018-05-04_200130.png 445 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


16 May, 2024 01:58 AM
14 May, 2024 01:29 AM
13 May, 2024 12:36 AM
12 May, 2024 07:46 PM
05 May, 2024 04:38 PM
03 May, 2024 06:50 AM