HTML5 Playground for Digital Construction Associates
<br><br>
<script src="http://www.digitalconstruction.com/html5/retslogo.js" type="text/javascript"></script>
<br>

Rollover to start the animation, which will loop 10 times before stopping.  If you mouseout the animation will stop and the cycle will start over when you mouse back in.  If you click the logo, the animation loop will pause.

<br><br>

To show this on your website just add this code anywhere on your webpage:
<bt><br>
<pre>
<font color="#4444ff">&lt;</font>script <font color="#2040a0"><strong>src</strong></font><font color="#4444ff">=</font><font color="#008000">"http://www.digitalconstruction.com/html5/retslogo.js"</font> <font color="#2040a0"><strong>type</strong></font><font color="#4444ff">=</font><font color="#008000">"text/javascript"</font><font color="#4444ff">&gt;</font>
<br><br>
This uses the canvas element of HTML5 and has been tested and works with:
<br>
Windows Firefox 3.6.1.7
<br>
Mac Firefox 3.6.1.7
<br>
Mac Chrome 10.0.x
<br>
Mac Safari 5.0.3
<br>
Android Browser
<br><br>
It does not work on:
<br>
WIndows Internet Explorer 8 (should work on IE9)
<br><br>
When it does not work it will look something like this:
<br><br>
<div id = "samplerror" style = "border: 1px solid #ccc; position:relative;width:300px;height:72px;">
Your browser does not support HTML5
</div>