TP4.sv

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600">

<!-- Gazon -->
<rect width="800" height="600" x="0" y="500" fill="green"/>

<!-- Soleil -->
<circle cx="100" cy="100" r="50" fill="yellow">

  <animate attributeName="r" id="GrosSoleil" attributeType="XML" from="50" to="80" begin="0.1; PetitSoleil.end" dur="2s" fill="freeze"/>
  <animate attributeName="r" id="PetitSoleil" attributeType="XML" from="80" to="50" begin="GrosSoleil.end" dur="2s" fill="freeze"/>

</circle>

<!-- Bonhommes -->
<g transform="translate(100 305) scale(0.3)">
    <!-- Head -->
    <circle cx="200" cy="200" r="100" stroke="black" stroke-width="6" fill="none" /> 
    
    <!-- Eyes -->
    <circle cx="180" cy="180" r="10" stroke="black" stroke-width="6" fill="none" />
    <circle cx="220" cy="180" r="10" stroke="black" stroke-width="6" fill="none" />

    <!-- Torso -->
    <line x1="200" y1="300" x2="200" y2="500" stroke="black" stroke-width="6" />
    
    <!-- Legs -->
    <line x1="200" y1="500" x2="100" y2="650" stroke="black" stroke-width="6" />
    <line x1="200" y1="500" x2="300" y2="650" stroke="black" stroke-width="6" />
    
    <!-- Arms -->
    <line x1="200" y1="400" x2="50" y2="350" stroke="black" stroke-width="6" />
    <line x1="200" y1="400" x2="350" y2="350" stroke="black" stroke-width="6" />
    
    <!-- Smile -->
    <path d="M 150 200 Q 200 250 250 200" stroke="black" stroke-width="6" fill="none" />

</g>

<g transform=" translate(375 300) scale(0.3) rotate(45)">
    <!-- Head -->
    <circle cx="200" cy="200" r="100" stroke="black" stroke-width="6" fill="none" /> 
    
    <!-- Eyes -->
    <circle cx="180" cy="180" r="10" stroke="black" stroke-width="6" fill="none" />
    <circle cx="220" cy="180" r="10" stroke="black" stroke-width="6" fill="none" />

    <!-- Torso -->
    <line x1="200" y1="300" x2="200" y2="500" stroke="black" stroke-width="6" />
    
    <!-- Legs -->
    <line x1="200" y1="500" x2="100" y2="650" stroke="black" stroke-width="6" />
    <line x1="200" y1="500" x2="300" y2="650" stroke="black" stroke-width="6" />
    
    <!-- Arms -->
    <line x1="200" y1="400" x2="50" y2="350" stroke="black" stroke-width="6" />
    <line x1="200" y1="400" x2="350" y2="350" stroke="black" stroke-width="6" />
    
    <!-- Smile -->
    <path d="M 150 200 Q 200 250 250 200" stroke="black" stroke-width="6" fill="none" />

</g>

<!-- Oiseau -->
<path d="M 100 50 Q 150 50 150 100 Q 200 100 200 150" stroke="black" fill="none" stroke-width="3" transform="scale(1.2)">
  <animateTransform 
  id="voler" 
  attributeName="transform" 
  attributeType="xml" 
  type="translate" 
  from="-200" 
  to="800" 
  begin="0" 
  dur="5s" 
  repeatCount="indefinite"/>
</path>

<!-- Arbre-->
<g>
  <rect height="50" width="50" y="450" x="650" stroke="brown" fill="brown"/>
  <polygon points="675, 360 590, 450, 760,450" stroke="green" fill="green"/>
  <polygon points="675, 360 590, 450, 760,450" stroke="green" fill="green" transform="translate(135, 40) scale(.8)"/>
  <polygon points="675, 360 590, 450, 760,450" stroke="green" fill="green" transform="translate(337, 128) scale(.5)"/>
</g>


</svg>