Main Source Code

<html>
   <head>
      <title>Image Creator</title>
   </head>
   <body>
<small><a href="/testing/">back to testing...</a></small>

      <h2>Welcome to Image Creator...</h2>
      Use the form below to evaluate

      <form name=myImgForm>
      <script language="JavaScript">
         Text.prototype.lastValue = 666;
         var amp = String.fromCharCode(38);
         var d = document.myImgForm;

         function save()
         {
            d.s.lastValue = d.s.value;
            d.xVal.lastValue = d.xVal.value;
            d.yVal.lastValue = d.yVal.value;
            d.angle.lastValue = d.angle.value;
            d.c1.lastValue = d.c1.value;
            d.c2.lastValue = d.c2.value;
         }

         function updateColor(a)
         {
            var a2 = parseInt(a.value).toString(16)+"";
            var len = 6 - a2.length;
            var i;
            for(i = 0; i < len; i++)
            {
               a2 = "0"+a2;
            }
            a.style.backgroundColor = "#"+a2;
            a.value = "0x"+a2;
         }

         function updateForm()
         {
            d.s.value = parseInt(d.s.value);

            d.xVal.value = parseInt(d.xVal.value);
            if(d.xVal.value < 0 || d.xVal.value > 255)
            {
               d.xVal.value = d.xVal.lastValue;
            }

            d.yVal.value = parseInt(d.yVal.value);
            if(d.yVal.value < 0 || d.yVal.value > 255)
            {
               d.yVal.value = d.yVal.lastValue;
            }

            d.angle.value = parseFloat(d.angle.value);
            if(d.angle.value < -360 || d.angle.value > 360)
            {
               d.angle.value = d.angle.lastValue;
            }

            updateColor(d.c1);
            updateColor(d.c2);

            save();
         }

         function randomize()
         {
            d.s.value = Math.round(Math.random()*16777215);
            d.xVal.value = Math.round(Math.random()*255);
            d.yVal.value = Math.round(Math.random()*255);
            d.angle.value = Math.round(((Math.random()*720) - 360)*10)/10;
            d.c1.value = "0x"+Math.round(Math.random()*16777215).toString(16);
            d.c2.value = "0x"+Math.round(Math.random()*16777215).toString(16);
            updateColor(d.c1);
            updateColor(d.c2);
            save();
         }

         function changeImg()
         {
            d.img.src = "http://www.jcmcclurg.com/testing/imgCreate/loading.gif";
            var str = "http://www.jcmcclurg.com/testing/imgCreate/image.php?x="+
               d.angle.value+
               amp+"y="+d.xVal.value+
               amp+"a="+d.yVal.value+
               amp+"s="+d.s.value+
               amp+"c1="+d.c1.value+
               amp+"c2="+d.c2.value;
            d.img.src = str;
            document.links["h"].href = str;
         }
      </script>
      <table border=0>
      <tr>
         <td colspan=2>
            <input type=button value="Randomize" onclick="randomize();">
            <input type=button value="Update image" onclick="updateForm(); changeImg();">
         </td>
      </tr>
      <tr><td>Seed:</td><td><input type=text name=s value=""></td></tr>
      <tr><td>Initial x:</td><td><input type=text name=xVal></td></tr>
      <tr><td>Initial y:</td><td><input type=text name=yVal></td></tr>
      <tr><td>Initial angle:</td><td><input type=text name=angle></td></tr>
      <tr><td>Color1:</td><td><input type=text name=c1 value="0xFF0000" onchange="updateColor(this);"></td></tr>
      <tr><td>Color2:</td><td><input type=text name=c2 value="0x0000FF" onchange="updateColor(this);"></td></tr>
      <tr><td colspan=2><a href="#" name=h>
         <img
         name=img
         border=0
         width=256
         height=256
         src="<?php echo $top;?>loading.gif"></a></td></tr></table>
      <script language="JavaScript">
         randomize();
         changeImg();
      </script>
      </form>
   <small><strike>&copy; (C)</strike> Copyright Free.&nbsp; 2008 Josiah McClurg.&nbsp; No Rights Reserved.&nbsp; <a href="http://www.josiahland.com/?page_id=45">Let me know</a> if you like it.</small>
   </body>
</html>