samedi 1 octobre 2016

Frank's Worm

FRANK HERBET'S DUNE


<svg width="400" height="640" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 <!-- Created with SVG-edit - http://svg-edit.googlecode.com/ -->
 <defs>
  <mask id="du">
    <path  id="svg_2" d="m0,430c74.08332,6.5835 98.41667,17.16669 222,20c123.58331,2.83331 119,-6 178,-10l0,200l-400,0l0,-210z" fill="#ffffff"/>
  </mask>
 </defs>

 <g>

  <image  xlink:href="http://www.willgoto.com/pictures/b/dunes-de-sable.jpg" id="svg_1" height="640" width="854" y="0" x="-200"/>
  <text opacity="0" xml:space="preserve" text-anchor="middle" font-family="serif" font-size="20" id="svg_3" y="45" x="203" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#ffffff">FRANK HERBET'S<animate attributename="opacity" begin="twodu.end" dur="2s" values="0;1" id="threedu" fill="freeze"/>
  </text>

  <text opacity="0" font-weight="bold" xml:space="preserve" text-anchor="middle" font-family="serif" font-size="80" id="svg_3" y="110" x="220" stroke-linecap="null" stroke-linejoin="null" stroke-dasharray="null" stroke-width="0" stroke="#000000" fill="#ffffff">DUNE<animate attributename="opacity" begin="threedu.end" dur="2s" values="0;1" id="fourdu" fill="freeze"/>
  </text>

  <rect fill="white" width="0" height="2" x="78" y="50">
   <animate attributename="width" begin="fourdu.end" dur="4s" values="0;218" fill="freeze"/>
   <animate attributename="x" begin="fourdu.end" dur="4s" values="200;78" fill="freeze"/>
  </rect>

  <image xlink:href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSCRhdbsIRARCQn6FKoDsdB8GMeRjTDIj8Ob1GThLRjpjwT08ZDZQywecxhn74WbD-50HZVRbMGbJYK0Wt_BBcDL11HIk9Mfe1aeWKrfZujB9zFTJMcHlG1wWSkoiHUeIZ6GUhwLoSwCo/w294-h437-no/shaihulud.png" id="svg_4" height="437" width="294" y="466" x="26.3704">
    <animate attributename="y" begin="onedu.end" dur="6s" values="466;120" fill="freeze" id="twodu" />
  </image>

  <image transform="rotate(-90, 551, 558)" xlink:href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSCRhdbsIRARCQn6FKoDsdB8GMeRjTDIj8Ob1GThLRjpjwT08ZDZQywecxhn74WbD-50HZVRbMGbJYK0Wt_BBcDL11HIk9Mfe1aeWKrfZujB9zFTJMcHlG1wWSkoiHUeIZ6GUhwLoSwCo/w294-h437-no/shaihulud.png" id="svg_5" height="437" width="294" y="340" x="404">
    <animate attributename="y" begin="couvdu.mousedown" dur="10s" values="404;-437" fill="freeze" id="onedu" /></image>
 </g>
  <image  xlink:href="http://www.willgoto.com/pictures/b/dunes-de-sable.jpg" id="couvdu" height="640" width="854" y="0" x="-200" style="mask:url(#du)"/>

</svg>
By -