/* built with Studio Sketchpad: 
 *   https://sketchpad.cc
 * 
 * observe the evolution of this sketch: 
 *   https://dflab.sketchpad.cc/sp/pad/view/ro.M0B0jPLiPlO/rev.78
 * 
 * authors: 
 *   Teresa Castro

 * license (unless otherwise specified): 
 *   creative commons attribution-share alike 3.0 license.
 *   https://creativecommons.org/licenses/by-sa/3.0/ 
 */ 



// This sketch builds on a prior work, "Joao Pinto - 02 - Vórtice do Caos Rodopiante", created by JoaoPinto
// http://dflab.sketchpad.cc/sp/pad/view/ro.9DG$9SJkJ2roKY/rev.852



// comecei esta primeira experiência com base neste tutorial (http://funprogramming.org/29-Rectangle-spinning-around-the-mouse-pointer.html), e gostei bastante da sensação de tridimensionalidade que a sobreposição dos rectângulos causava no início (o efeito "onion skin") por isso decidi manter esta versão e continuar numa cópia. O rectângulo rodopia em volta do rato e vai preenchendo o fundo, criando uma espécie de ferramenta de desenho que cria efeitos visuais bastante interessantes 
 
    //valor de início da rotação - 0
    float r = 0;

void setup () {
    // tamanho da tela
    size(400, 400); 
 
    // cor de fundo
    background(0,0,0);
    // centrar o rectângulo que iremos desenhar
    rectMode (CENTER)

}

void draw () {
    //definição do eixo da rotação - o valor default é o canto da origem dos eixos da imagem, assim é colocado no ponto do rato
    translate (mouseX,mouseY)
    //ordem para efectuar rotação do rectângulo
    rotate(r);
    //desenhar o rectângulo
    noStroke();
    fill(176,31,212,48);
  triangle(30, 75, 58, 20, 86, 75)
;
    //proporção de rotação - 0.01º por frame
    r = r + 0.05;
}