En este ejercicio se debe crear un programa que muestre una ruleta girando.
Ruleta de la fortuna - Ejemplos de código HTML
<g>
<polygon points="100,40 115,55 105,55 105,150 115,160 105,160 100,155 95,160 85,160 95,150 95,55 85,55" stroke="black" stroke-width="2" fill="white" />
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 100 100" to="360 100 100" dur="1.2s" repeatCount="1" fill="freeze" />
</g>
<circle cx="100" cy="100" r="8" stroke="black" stroke-width="2" fill="#888" />
<text x="250" y="130" text-anchor="middle" font-family="sans-serif" font-size="90" opacity="0">1
<animate dur="0.1s" attributeName="opacity" from="0" to="1" begin="1.2s" fill="freeze" />
</text>
<g>
<polygon points="100,40 115,55 105,55 105,150 115,160 105,160 100,155 95,160 85,160 95,150 95,55 85,55" stroke="black" stroke-width="2" fill="white" />
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 100 100" to="420 100 100" dur="1.4s" repeatCount="1" fill="freeze" />
</g>
<circle cx="100" cy="100" r="8" stroke="black" stroke-width="2" fill="#888" />
<text x="250" y="130" text-anchor="middle" font-family="sans-serif" font-size="90" opacity="0">2
<animate dur="0.1s" attributeName="opacity" from="0" to="1" begin="1.4s" fill="freeze" />
</text>
<g>
<polygon points="100,40 115,55 105,55 105,150 115,160 105,160 100,155 95,160 85,160 95,150 95,55 85,55" stroke="black" stroke-width="2" fill="white" />
<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 100 100" to="480 100 100" dur="1.6s" repeatCount="1" fill="freeze" />
</g>
<circle cx="100" cy="100" r="8" stroke="black" stroke-width="2" fill="#888" />
<text x="250" y="130" text-anchor="middle" font-family="sans-serif" font-size="90" opacity="0">3
<animate dur="0.1s" attributeName="opacity" from="0" to="1" begin="1.6s" fill="freeze" />
</text>
