Animation & Shaping - Processing Library \ Shaper \ setTransitionPoint()

leebyron.com \ Animation & Shaping \ Shaper

Shaper::setTransitionPoint()

Description

Sets the transition point when in SIGMOID or SEAT modes in order to bias the shape transition towards one side or the other.

Setting x and y as seperate values creates a skewed transition, which will create a non-continuous derivative in the shape for shapers which do not end with a horizontal or vertical slope (ie CircularShaper).

Example

import megamu.shapetween.*;

Shaper circle;

void setup(){
  circle = new CircularShaper();
  circle.setEasingMode( Shaper.SEAT );
}

void draw(){
  background(255);
  
  beginShape();
  for( float i=0; i<=1; i+= 0.05 )
    vertex( i*width, circle.shape( i )*height );
  endShape();
}

void mouseMoved(){
  circle.setTransitionPoint( norm(mouseX,0,width) , norm(mouseY,0,height) );
}

Syntax


				setTransitionPoint(x)

				setTransitionPoint(x,y)

Parameters

x: Sets the transition point in the x dimension
y: Only set y if it's different from x. This transforms the f(x) dimension to create a skewed transition

Related

setMode()
shape()