Animated Ferris
ASCII Animation of Ferris, the Rust mascot
by Diggory Blake
HTML
<body>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
\ '-----' /
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'-, - _'\
| '----'
</pre>
<pre>
.~'^'^-, (/
\) / o O |'
'-, - _'\
| '----'
</pre>
<pre>
.~'^'^-, (/
\) / o O |'
'-, - _'\
| '----'
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'-, - _'\
| '----'
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
/ '-----' \
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
| '-----' |
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
\ '-----' /
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
| '-----' |
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
/ '-----' \
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
| '-----' |
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
\ '-----' /
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
| '-----' |
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
/ '-----' \
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
| '-----' |
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
\ '-----' /
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
| '-----' |
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
/ '-----' \
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
| '-----' |
</pre>
<pre>
_~^~^~_
\) / o o \ (/
'_ ¬ _'
\ '-----' /
</pre>
<pre>
_~^~^~_
\) / o o \ (/
...
CSS
pre {
display: none;
}
pre.visible {
display: block;
}
JavaScript
var container = document.body;
var index = 0;
function update() {
container.children[index].className = "";
index = (index + 1) % container.children.length;
container.children[index].className = "visible";
}
setInterval(update, 100);