The new NodeBox forum is live! Everything from support.nodebox.net moved here: sign in with the same email to pick up your old posts. Something not working? Write to forum-support@nodebox.net.

Show your WorkFrom the old forum

Accordion

2 replies Last reply

  1. Attached is a demo of accordion, a subnet that allows you to spread and tilt points on a path. The demo contains four varied animations.

    Accordion works like resample, but gives you more control about how the points are positioned.

    -- Number is the number of points. Odd and even numbers create slightly different effects
    -- Distance controls the amount of spread. Zero is evenly spaced. Positive distance causes the points to spread out from the center in a proportional way. Negative distance pulls points into the center.
    -- Tilt works just like tilt on the quad_curve node. 50 is normal. Decrease to tilt points in one direction, increase to tilt the other way. For best results stay close to 50.
    -- Path is what the points are distributed across.

    You can create a surprising number of effects with the accordion subnet node. The demo give four examples. All demos are tied to a frame node, so double click the bottom-most node in each clump and hit play to see the animations. GIFs and MP4s attached below - set each mp4 to loop.

    -- Demo 1: accordion attached to a semicircular arc. Lines from the origin to each point create an effect like opening and closing a book.

    -- Demo 2: points spread across a rotating quad curve with varying distance and tilt. The points anchor a sting of circles, each one sized to they never quite touch; as they spread in and out the circles grow and shrink accordingly. The same changing values that control the quad curve and accordion settings also drive "graph paper" formed by spreading and contracting horizontal and vertical lines.

    -- Demo 3: spreading and contracting horizontal and vertical lines create a mosaic of colored rectangles which grow and shrink. In order to independently color the rectangular spaces between line intersections I used another powerful subnet: fragment. Fragment turns a single pattern of intersecting shapes into a list of separate contours. It requires my path_string custom node.

    -- Demo 4: a colored bellows-like fan opens and closes.

    If you create something cool with accordion, please share it. Enjoy!

    John

    motion3_with_graph_paper.mp4479 KB Download
    stained_glass.mp4613 KB Download
    fan.mp4798 KB Download
    Copy link
  2. NodeBox team

    That's a very cool animation technique!

    Copy link

Know something that helps?

Sign in with your email address to reply. No password needed.

Sign in to reply