Skip to content

Instantly share code, notes, and snippets.

@tomhodgins

tomhodgins/snake.html

Last active October 20, 2015 22:41
Show Gist options
  • Save tomhodgins/b0443dd8fbe1e51bdc2a to your computer and use it in GitHub Desktop.
Save tomhodgins/b0443dd8fbe1e51bdc2a to your computer and use it in GitHub Desktop.
Download ZIP
snake.html - Draw a colour-changing snake on your screen by dragging the mouse cursor around. Demo at http://staticresource.com/snake.html
Raw
snake.html
<!DOCTYPE html>
<html manifest=snake.manifest>
<meta charset=utf-8>
<title>Snake</title>
<meta name=apple-mobile-web-app-capable content=yes>
<meta name=apple-mobile-web-app-status-bar-style content=black>
<meta name=viewport content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, minimal-ui">
<script>eval(unescape(escape('♶♡♲☠♩☽♤♯♣♵♭♥♮♴☮♣♲♥♡♴♥♅♬♥♭♥♮♴☨☧♣♡♮♶♡♳☧☩☬♣☽♩☮♧♥♴♃♯♮♴♥♸♴☨☧☲♤☧☩☬♦☽♤♯♣♵♭♥♮♴☮♣♲♥♡♴♥♅♬♥♭♥♮♴☨☧♬♩♮♫☧☩☬♭☽♤♯♣♵♭♥♮♴☮♣♲♥♡♴♥♅♬♥♭♥♮♴☨☧♬♩♮♫☧☩☻♩☮♷♩♤♴♨☽☲☰☰☻♩☮♨♥♩♧♨♴☽☲☰☰☻♣☮♦♩♬♬♓♴♹♬♥☽☧☣☳☳☳☧☻♣☮♢♥♧♩♮♐♡♴♨☨☩☻♣☮♭♯♶♥♔♯☨☱☰☬☰☩☻♣☮♬♩♮♥♔♯☨☱☹☰☬☰☩☻♣☮♱♵♡♤♲♡♴♩♣♃♵♲♶♥♔♯☨☲☰☰☬☰☬☲☰☰☬☱☰☩☻♣☮♬♩♮♥♔♯☨☲☰☰☬☱☹☰☩☻♣☮♱♵♡♤♲♡♴♩♣♃♵♲♶♥♔♯☨☲☰☰☬☲☰☰☬☱☹☰☬☲☰☰☩☻♣☮♬♩♮♥♔♯☨☱☰☬☲☰☰☩☻♣☮♱♵♡♤♲♡♴♩♣♃♵♲♶♥♔♯☨☰☬☲☰☰☬☰☬☱☹☰☩☻♣☮♬♩♮♥♔♯☨☰☬☱☰☩☻♣☮♱♵♡♤♲♡♴♩♣♃♵♲♶♥♔♯☨☰☬☰☬☱☰☬☰☩☻♣☮♣♬♯♳♥♐♡♴♨☨☩☻♣☮♦♩♬♬☨☩☻♣☮♦♩♬♬♓♴♹♬♥☽☧♭♡♧♥♮♴♡☧☻♣☮♢♥♧♩♮♐♡♴♨☨☩☻♣☮♡♲♣☨☱☵☵☬☱☲☰☬☹☬☹☬☱☬☲☬☲☪♍♡♴♨☮♐♉☩☻♣☮♣♬♯♳♥♐♡♴♨☨☩☻♣☮♦♩♬♬☨☩☻♣☮♦♩♬♬♓♴♹♬♥☽☧♭♩♤♮♩♧♨♴♢♬♵♥☧☻♣☮♢♥♧♩♮♐♡♴♨☨☩☻♣☮♡♲♣☨☱☴☷☬☱☳☰☬☱☰☬☱☰☬☱☬☲☬☲☪♍♡♴♨☮♐♉☩☻♣☮♣♬♯♳♥♐♡♴♨☨☩☻♣☮♦♩♬♬☨☩☻♣☮♦♩♬♬♓♴♹♬♥☽☧♤♡♲♫♢♬♵♥☧☻♣☮♢♥♧♩♮♐♡♴♨☨☩☻♣☮♡♲♣☨☱☳☵☬☱☴☰☬☱☱☬☱☱☬☱☬☲☬☲☪♍♡♴♨☮♐♉☩☻♣☮♣♬♯♳♥♐♡♴♨☨☩☻♣☮♦♩♬♬☨☩☻♣☮♦♩♬♬♓♴♹♬♥☽☧♬♩♭♥☧☻♣☮♢♥♧♩♮♐♡♴♨☨☩☻♣☮♡♲♣☨☱☲☵☬☱☲☰☬☱☲☬☱☲☬☱☬☲☬☲☪♍♡♴♨☮♐♉☩☻♣☮♣♬♯♳♥♐♡♴♨☨☩☻♣☮♦♩♬♬☨☩☻♣☮♦♩♬♬♓♴♹♬♥☽☧♹♥♬♬♯♷☧☻♣☮♢♥♧♩♮♐♡♴♨☨☩☻♣☮♡♲♣☨☱☱☵☬☱☰☰☬☱☵☬☱☵☬☱☬☲☬☲☪♍♡♴♨☮♐♉☩☻♣☮♣♬♯♳♥♐♡♴♨☨☩☻♣☮♦♩♬♬☨☩☻♣☮♦♩♬♬♓♴♹♬♥☽☧♯♲♡♮♧♥☧☻♣☮♢♥♧♩♮♐♡♴♨☨☩☻♣☮♡♲♣☨☹☰☬☸☷☬☲☰☬☲☰☬☱☬☲☬☲☪♍♡♴♨☮♐♉☩☻♣☮♣♬♯♳♥♐♡♴♨☨☩☻♣☮♦♩♬♬☨☩☻♣☮♦♩♬♬♓♴♹♬♥☽☧♲♥♤☧☻♣☮♢♥♧♩♮♐♡♴♨☨☩☻♣☮♡♲♣☨☶☰☬☸☰☬☲☵☬☲☵☬☱☬☲☬☲☪♍♡♴♨☮♐♉☩☻♣☮♣♬♯♳♥♐♡♴♨☨☩☻♣☮♦♩♬♬☨☩☻♦☮♴♹♰♥☽☧♩♭♡♧♥☯♸☭♩♣♯♮☧☻♦☮♲♥♬☽☧♳♨♯♲♴♣♵♴☠♩♣♯♮☧☻♭☮♲♥♬☽☧♡♰♰♬♥☭♴♯♵♣♨☭♩♣♯♮☧☻♦☮♨♲♥♦☽♭☮♨♲♥♦☽♩☮♴♯♄♡♴♡♕♒♌☨☧♩♭♡♧♥☯♰♮♧☧☩☻♤♯♣♵♭♥♮♴☮♧♥♴♅♬♥♭♥♮♴♳♂♹♔♡♧♎♡♭♥☨☧♨♥♡♤☧☩♛☰♝☮♡♰♰♥♮♤♃♨♩♬♤☨♦☩☻♤♯♣♵♭♥♮♴☮♧♥♴♅♬♥♭♥♮♴♳♂♹♔♡♧♎♡♭♥☨☧♨♥♡♤☧☩♛☰♝☮♡♰♰♥♮♤♃♨♩♬♤☨♭☩☻').replace(/u../g,'')))</script>
<body>
<style>
html, body {position:absolute; height:100%; width:100%; background:#222; cursor:none; overflow:hidden}
div {position:absolute; width:30px; height:30px; border-radius:100%; background:red; transition:all 1s linear}
</style>
<script>
document.addEventListener('mousemove',snake)
document.addEventListener('touchmove',snake)
function snake(e){
e.preventDefault()
var dot = document.createElement('div');
dot.style.top = (e.clientY || e.touches[0].clientY)-15+'px'
dot.style.left = (e.clientX || e.touches[0].clientX)-15+'px'
document.body.appendChild(dot)
setTimeout(function(){dot.style.background='orange'},1000)
setTimeout(function(){dot.style.background='yellow'},2000)
setTimeout(function(){dot.style.background='lime'},3000)
setTimeout(function(){dot.style.background='darkblue'},4000)
setTimeout(function(){dot.style.background='midnightblue'},5000)
setTimeout(function(){dot.style.background='indigo'},6000)
setTimeout(function(){dot.style.background='transparent'},7000)
setTimeout(function(){document.body.removeChild(dot)},8000)
}
</script>
Raw
snake.manifest
CACHE MANIFEST
# version 2
CACHE:
snake.html
NETWORK:
*
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment