In this quick tutorial we will learn how to create a loop using Trigonometric Nodes in Xpresso

In xpresso we have a powerful node called “Trigonometric“. We can do some advanced math calculations like sin, cos, tan and etc… In this example we will use sinusoid to create repetitive animation in other words a loop.

Let’s take a look at what wikipedia says briefly about sinusoid waves:


[pullquote1 quotes=”true” align=”left”]The sine wave or sinusoid is a mathematical curve that describes a smooth repetitive oscillation. It is named after the function sine, of which it is the graph. It occurs often in pure and applied mathematics, as well as physics, engineering, signal processing and many other fields.[/pullquote1]


Graphical illustration of Sine Wave:



And Trigonometric Node:


Here is a detailed explanation of each calculation:

Sin: The input port’s Sinus is located at the output port. This is the default setting.

Cos: The input port’s Cosin is located at the output port.

Tan: The input port’s Tangent is located at the output port.

Sinh: The input port’s Sinus Hyperbolicus is located at the output port.

Cosh: The input port’s Cosunus Hyperbolicus is located at the output port.

Tanh: The input port’s Tangens Hyperbolicus is located at the output port.

ASin: The input port’s Arcus Sinus is located at the output port.

ACos: The input port’s Arcus Cosunus is located at the output port.

ATan: The input port’s Arcus Tangens is located at the output port.

So what we are doing here is we get incremental time value and multiply it to speed up our animation and connect it with a trigonometric node in Sin function. So it creates an in&out transition between time. Then we get these values from Trigonometric Node’s output ports and connect it to our range mapper(s). Here we can set how we want to make modification, it can be anything like position, rotation or deformer strength. In this example we have used Sphere’s Y Position and Taper Deformer’ strength.  We’ve also added jiggle deformer to make things even smoother. (Using vertex map.) To clarify things we have also prepared a video tutorial.

Here is a short video tutorial;

[youtube url=”” width=”583″ height=”437″ hd=”1″ rel=”0″ showsearch=”0″]

Screenshot from our Xpresso setup;


Download sample scene file;

[wpdm_package id=1158 template=”link-template-default.php”]

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.