

Connect the output of sides to the copies port of the copy1 node.Add an integer node and place it near the angle_offset node.A bit of mathematics can be helpful here: If we render our network now, note that there’s now always a smooth transition when we change the value in angle_offset.Īnother thing we’d like to control is the number of petals in our kaleidoscope. Rename the number1 node to angle_offset.Connect the output of negate1 to the angle port of rotate1.Connect the output of number1 to the value port of negate1.Connect the output of number1 to the start_angle port of arc1.Add a number node and place it somewhere near arc1.Connect the output of rotate1 to the shape port of reflect1.Connect the output of group1 to the shape port of rotate1.Between the group1 and reflect1 nodes, add a rotate node.We need to counterbalance this by rotating the slice an equal number of degrees but in the opposite direction: However when we try this out, the symmetry starts breaking apart, more specifically at the level of the reflect1 node. To generate this shape, I translated the original shape 111 (x) and 126 (y).īut what if we want a portion of our input form, taken from a different angle? For this we would need to change the start_angle parameter of our arc1 node.
NODEBOX EXPORTS SVG WITHOUT COLOR FULL

Note that we now have shapes in different colors but that are still within the bounds of our arc.

Connect the output of arc1 to the shape2 port of compound1.Connect the output of ungroup1 to the shape1 port of compound1.We need a slice from every single path individually or the end result would become just one path in a single color. This will break up the original shape in different paths. Connect the output of import_svg1 to the shape port of translate1.Ĭonnect the output of translate1 to the shape port of ungroup1.Make sure the imported shape is centered. In the file field, press the button and locate your svg file. We want to cut out an arc-shaped slice from our input shape because we can use that to mirror and copy so we can form a kaleidoscope. Set width and height to 500 and degrees to 30. Create a new NodeBox document and save it to the folder.Create a new folder and store your svg file there (if your’re just using vectors from nodes you can omit this step).The one I used in this tutorial is cartoon apple with worm from. Since for now we’re limited to using vector shapes you can either create your own vectors (in NodeBox or elsewhere) or use an svg file from sowewhere else. Sounds like the perfect job for NodeBox!įor this tutorial it’s important to have a good understanding about subnetworks. Interesting and unexpected results can be achieved by tweaking a small number of parameters. A kaleidoscopic image is an image generated from another image through mirroring and rotational symmetry.
