Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title></title>
- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.16/p5.min.js"></script>
- </head>
- <body>
- <script type="text/javascript">
- var xFinal;
- var xDireita;
- var yFinal;
- var xInicial;
- var yInicial;
- var linhaVerticalD;
- var linhaVerticalE;
- var linhaHorizontal;
- var razao;
- function setup(){
- createCanvas(900,900);
- xFinal = 900;
- xDireita = 900;
- xEsquerda=1;
- yFinal = height;
- xInicial = 0;
- yInicial = 0;
- razao = 1.25;
- linhaVerticalD = 23;
- linhaVerticalE = 0;
- linhaHorizontal = 12.5;
- print(xDireita);
- colorMode(HSB);
- for(let i=0; i<18; i++)
- desenhaQuadrados(i);
- }
- function desenhaQuadrados(numero){
- vetorProporcoes(numero)
- strokeCap(SQUARE);
- strokeWeight(linhaHorizontal);
- strokeJoin(MITER);
- //cima
- line(xEsquerda,yInicial+2*linhaHorizontal*numero,xDireita,yInicial+2*linhaHorizontal*numero);
- //baixo
- line(xEsquerda,yFinal-2*linhaHorizontal*numero,xDireita,yFinal-2*linhaHorizontal*numero);
- //esquerda
- strokeWeight(linhaVerticalE);
- line(xEsquerda+linhaVerticalE/2,yInicial+2*linhaHorizontal*numero,xEsquerda+linhaVerticalE/2,yFinal-2*linhaHorizontal*numero);
- //direita
- strokeWeight(linhaVerticalD);
- line(xDireita-linhaVerticalD/2,yInicial+2*linhaHorizontal*numero,xDireita-linhaVerticalD/2,yFinal-2*linhaHorizontal*numero);
- }
- function vetorProporcoes(){
- linhaVerticalD = linhaVerticalD - razao;
- linhaVerticalE += razao;
- xEsquerda += linhaVerticalE+linhaVerticalE+razao;
- xDireita -= linhaVerticalD+linhaVerticalD-razao;
- print(xEsquerda);
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement