> 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/workshops/live-coding-por-toplap-bcn/organizacion/herramientas.md).

# Herramientas

Usaremos un editor de texto web colaborativo basado en [vedajs](https://veda.gl/vedajs/).

{% embed url="<https://shjam.solsarratea.world/>" %}
Link al editor
{% endembed %}

<figure><img src="https://2817871719-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiNmmY9OEc9NDnKzJkyPh%2Fuploads%2FEOkWI7KF0cJ0KsJUVdyp%2FScreenshot%20from%202023-07-06%2011-03-02.png?alt=media&amp;token=67e59f78-3d8e-4f05-82ca-7a6be59ec929" alt=""><figcaption><p>Como se ve el editor web</p></figcaption></figure>

**Keyboard controls:**

`CTRL + 0` : muestra/esconde el editor

`CTRL + ENTER`: Ejecutra el código disponible en el editor

`CTRL + 9`: habilita dibujar en simultáneo&#x20;

`SPACE`: limpia el canvas de dibujo

**Motivos de la elección:**

* vedajs funciona en [pulsar](https://pulsar-edit.dev/) (editor de texto) que tambien soporta [tidal](https://tidalcycles.org/) y es muy facil de extender y usar mouse,camara, buffers, osc, mic,etc
* &#x20;la sintaxis es igual que los shaders de <https://glslsandbox.com/> (galeria con muchisimos ejemplos)