Skip to content

Instantly share code, notes, and snippets.

@AnowarCST

AnowarCST/fish.html

Created August 14, 2016 18:21
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save AnowarCST/7290fb1c320b700aca5ff3c07fe094ef to your computer and use it in GitHub Desktop.
Save AnowarCST/7290fb1c320b700aca5ff3c07fe094ef to your computer and use it in GitHub Desktop.
Download ZIP
just fun: javascript fish
Raw
fish.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Fish</title>
<style>
*{
line-height: 15px;
}
.color{
color: green;
}
.color span{
color: silver;
}
</style>
</head>
<body>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
^^^^^&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;^^^^^^^&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;^^^^^&nbsp;&nbsp;&nbsp;&nbsp;^^^^^^&nbsp;&nbsp;&nbsp;&nbsp;^^^^^&nbsp;&nbsp;&nbsp;&nbsp;^^^^&nbsp;&nbsp;&nbsp;^^^^^^&nbsp;&nbsp;&nbsp;^^^^^^&nbsp;&nbsp;&nbsp;^^^^^^^&nbsp;&nbsp;^^^^^^^^^^^^^^^^
^^^^^&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;^^^^^^^&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;^^^^^&nbsp;&nbsp;&nbsp;&nbsp;^^^^^^&nbsp;&nbsp;&nbsp;&nbsp;^^^^^&nbsp;&nbsp;&nbsp;&nbsp;^^^^&nbsp;&nbsp;&nbsp;^^^^^^&nbsp;&nbsp;&nbsp;^^^^^^&nbsp;&nbsp;&nbsp;^^^^^^^&nbsp;&nbsp;^^^^^^^^^^^^^^^^
^^^^^&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;^^^^^^^&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;^^^^^&nbsp;&nbsp;&nbsp;&nbsp;^^^^^^&nbsp;&nbsp;&nbsp;&nbsp;^^^^^&nbsp;&nbsp;&nbsp;&nbsp;^^^^&nbsp;&nbsp;&nbsp;^^^^^^&nbsp;&nbsp;&nbsp;^^^^^^&nbsp;&nbsp;&nbsp;^^^^^^^&nbsp;&nbsp;^^^^^^^^^^^^^^^^
<pre id="fish"></pre>
<script>
var space = 0;
function padLeft(str,size,padwith) {
var padString = '';
if(size <= str.length) {
padString = str;
} else {
padString = Array(size-str.length+1).join(padwith||'0')+str
}
return '<span>'+padString+'</span>';
}
var myVar;
var time = 100;
var space = 100;
function fish(){
space--;
if(space <= 0){
space = 100;
}
document.getElementById('fish').innerHTML='';
var str = '';
var stream = '~';
str += '<pre class="color">';
str += (padLeft('',space+4, stream)+',/,.,<br/>');
str += (padLeft('',space+2, stream)+ "'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'<br/>");
str += (padLeft('',space, stream)+"<0)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'=<<br/>");
str += (padLeft('',space+1, stream)+"`\\\'..,,.`<br/>");
str += ('</pre>');
document.getElementById('fish').innerHTML = str;
myVar = setTimeout(fish, time);
}
fish();
</script>
<!--Created by Anowar/08 August, 2016-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment