Diferencias

Muestra las diferencias entre dos versiones de la página.

--- es:manual:items:lilypond [2023/03/27 07:44] – root
+++ es:manual:items:lilypond [2023/03/27 08:17] (actual) – root
@@ Línea 25: / Línea 25: @@
 El funcionamiento de esta extensión consiste en seleccionar todo el código comprendido entre las etiquetas **<LILYPOND>** y **</LILIPOND>**, (''codigo.ly'') y ejecutar sobre el sistema operativo la instrucción:
-   dot -Tsvg codigo.ly -o imagen.png
+   lilypond -dbackend=svg -dpreview codigo.ly
 capturar su salida e incrustarla en la página web, es decir, sustituir el contenido de las etiquetas **<LILYPOND>** por la imagen generada que se inserta dentro de la página:
+  ¿Como se llama este intervalo?<br/>
+  <center>
+  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.2" width="26.05mm" height="12.92mm" viewBox="8.5358 -0.0210 14.8265 7.3500">
+  <style type="text/css">
+  <![CDATA[
+  tspan { white-space: pre; }
+  ]]>
+  </style>
+  <g transform="translate(8.5358, 5.7790)">
+  <line stroke-linejoin="round" stroke-linecap="round" stroke-width="0.1000" stroke="currentColor" x1="0.0500" y1="0" x2="14.8265" y2="0"/>
+  </g>
+  ...
+  </svg>
+  </center>
+==== Preguntas generativas ====
+Las etiquetas **<LILYPOND>** pueden usarse igualmente si se trata de una pregunta generativa,  [[es:manual:items:generativos:jsp|usando código JSP]] incrustado en la página incluso dentro de la propia etiqueta **<LILYPOND>**. Por ejemplo, se pueden seleccionar dos notas cualesquiera que formen un intervalo de quintas:
+  <%
+  String[] escala = { "do'", "re'", "mi'", "fa'", "sol'", "la'", "si'"  };
+  String[] quinta = { "sol'", "si'", "dos''","re''","mi''","fas''","sols''"  };
+  int x = Random.nextInt(0,6);
+  String nota1 = escala[x];
+  String nota2 = quinta[x];
+  %>
+  ¿Cómo se llama este intervalo?<br/>
+  <center>
+  <LILYPOND>
+  \language "espanol"
+  {
+          \override Score.TimeSignature #'transparent = ##t
+         <%= nota1 %> <%= nota2 %>
+  }
+  </LILYPOND>
+  </center>
+Esta pregunta daría lugar a variantes como estas:
+{{ es:manual:items:lilypond2.png?400 }}
+{{ es:manual:items:lilypond3.png?400 }}