> For the complete documentation index, see [llms.txt](https://lashaderwiki.solsarratea.world/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lashaderwiki.solsarratea.world/cursos/introductorios/live-coding-shaders-por-nodo-centro-cultral-digital/abril-mayo-2022/clase-05-05.md). # CLASE 05/05 {% embed url="" %} ### PARTE PRÁCTICA En los siguientes links se encuentra el editor con checkpoints: {% embed url="" %} {% embed url="" %} ### 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. 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. 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). Y si movemos este tubo tridimensional con los respectivos ejes: ![Visibilizando la funcion sin(x)](https://2817871719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiNmmY9OEc9NDnKzJkyPh%2Fuploads%2Fq777WcH6WJHGsAohwKpg%2Fsinsin.gif?alt=media\&token=e4a71e9b-62eb-4472-97de-faf87c3f5e3e) ![](https://2817871719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiNmmY9OEc9NDnKzJkyPh%2Fuploads%2Fgit-blob-d01202f680aceb755486ae68ae38f0ab307e571a%2Fsinsin.png?alt=media) ![](https://2817871719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiNmmY9OEc9NDnKzJkyPh%2Fuploads%2Fgit-blob-d92eaabefc5fd1e5d481d876b67c5f709a9856f7%2Fsinsinsin.png?alt=media) ![Visibilizamos la función cos(x)](https://2817871719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiNmmY9OEc9NDnKzJkyPh%2Fuploads%2F6xbIFg6aKje3Ks7zlKix%2Fcoscoscoscos.gif?alt=media\&token=fd4752fe-5260-482b-b7a7-5104a5c9a990) ![](https://2817871719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiNmmY9OEc9NDnKzJkyPh%2Fuploads%2Fgit-blob-403c8f9e97400f0cc8d6edeedf0b1bdc02dbfe3f%2Fcoscos.png?alt=media) ![](https://2817871719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiNmmY9OEc9NDnKzJkyPh%2Fuploads%2Fgit-blob-b1f729d8d81a8846b4f00f4918eda80b94213649%2Fcoscoscos.png?alt=media) 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. * [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. ![](https://2817871719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiNmmY9OEc9NDnKzJkyPh%2Fuploads%2Fgit-blob-d5b7281938ddf0f504fd4c5c06c2c662108e74dd%2Fsuperp.png?alt=media) ![](https://2817871719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiNmmY9OEc9NDnKzJkyPh%2Fuploads%2Fgit-blob-7ceecb0311390adde3fbcf7e6b1a0558d5e11993%2Fsuperformula.png?alt=media) * [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](https://2817871719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiNmmY9OEc9NDnKzJkyPh%2Fuploads%2Fgit-blob-f4ae95e6506ac5589c69fae4deb54dd6523eaec0%2FMay-07-2022%2020-40-30.gif?alt=media)