# CLASE 05/05

{% embed url="<https://docs.google.com/presentation/d/e/2PACX-1vRepIE50imVIswL3MlZd_Yg5ziv6qBkc752I9B30msPXpnkrjGS9deD8866UoynZecu6miCyJl8LQlO/pub?delayms=3000&loop=false&start=false>" %}

### PARTE PRÁCTICA

En los siguientes links se encuentra el editor con checkpoints:

{% embed url="<https://clases-shaders.solsarratea.world/clases/fund2/editor>" %}

{% embed url="<https://clases-shaders.solsarratea.world/clases/formas/editor>" %}

### NOTAS

* [Funciones de distancia de signo:](/cursos/introductorios/live-coding-shaders-por-nodo-centro-cultral-digital/abril-mayo-2022/sdfs.md)
* Funciones Circulares : [3Demo](https://circular.solsarratea.world/)

Caracterizamos a las funciones sin() y cos(), como aquellas que describen el movimiento de caminar alrededor de un círculo.&#x20;

Para ello, imaginemos que en la 3Demo arrancamos "caminando" desde el punto azul hasta el magenta, y en cada paso intermedio nos detuvimos para registrar(sacar una foto de) esa posición. En total, tardamos `16 pasos` en recorrer el círculo. &#x20;

Imaginense, que además, por cada paso(registro/foto) podemos generar un circulo sólo con la posición registrada.

Arriba a la derecha, hay un slider `step` que nos permite visibilizar de manera independiente todas las veces que nos detuvimos. Es decir, visibilizamos ahora el el tiempo (cada anillo con un único registro).&#x20;

Y si movemos este tubo tridimensional con los respectivos ejes:

![Visibilizando la funcion sin(x)](/files/NuCRs6T3Vf3wfa7tBrOa)

![](/files/OyvQC2O6kzOoICe3Mkfi) ![](/files/UnRiEkaM4dz96B6LHSd9)

![Visibilizamos la función cos(x)](/files/1MI8huFcjp4RlxWdAUfa)

![](/files/HWFDv6BKBWs57ga5T0XJ) ![](/files/1KXYT8OwJOiSydqn9mOB)

En resumen, las funciones seno y coseno se las pueden pensar como las proyecciones (en los ejes  vertical y horizontal) de caminar en un círculo.&#x20;

* [Superfórmula](http://paulbourke.net/geometry/supershape/) : fórmula matemática que generaliza al Teorema de Pitágoras.\
  Se usa para describir curvas y formas en la naturaleza.

![](/files/nWlYmdk96wpVcPEaFlxs) ![](/files/BtNWdjpOe3Ukptxhez4S)

* [p-normas:](https://de.wikipedia.org/wiki/P-Norm) Vimos como dibujar un círculo con la función `length(pos)= pow(pow(pos.x,2.)+pow(pos.y,2.),1./2.) .`

  Es decir, usando la noción de distancia Euclídea. Vimos como generalizando la noción de distancia, cambiandio al `2` por **`p`** se generan otras figuras.

![Distintos valores de p](/files/Tjdx30DXcFZyjrkgMEm1)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://lashaderwiki.solsarratea.world/cursos/introductorios/live-coding-shaders-por-nodo-centro-cultral-digital/abril-mayo-2022/clase-05-05.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.