kreas · April 17, 2012 14:18
diff --git a/^_^.css b/^_^.css
 div.spawn{
    background :yellow;
    color: #000;
    border: 1px solid #000;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 2px 0;
    position: absolute;
 }
diff --git a/^_^.html b/^_^.html
 <html>
    <head>
    </head>
    <body>
    </body>
 </html>
diff --git a/^_^.js b/^_^.js
 spawn = "<div class='spawn'> ^_^ </div>";

 sprite = 'div.spawn';

 $(document).ready(function() {
    $('body').append(spawn);
    $(document).keydown(function(e) {
        if (e.keyCode == 87) {
            $(sprite).animate({
                bottom: '+=25px'
            }, 0);
        } else if (e.keyCode == 83) {
            $(sprite).animate({
                bottom: '-=25px'
            }, 0);
        } else if (e.keyCode == 68) {
            $(sprite).animate({
                left: '+=25px'
            }, 0);
        } else if (e.keyCode == 65) {
            $(sprite).animate({
                left: '-=25px'
            }, 0);
        }
    });
    $(document).keyup(function(){
        $(sprite).stop();
        $(sprite).clearQueue();
    });
 });