<!DOCTYPE html>
< meta charset = "utf-8" / >
< head >
< meta name = "apple-mobile-web-app-capable" content = "yes" / >
< meta name = "viewport" content = "user-scalable=no, width=device-width" / >
< link href = "index.css" rel = "stylesheet" type = "text/css" >
< script type = "text/javascript" src = "timers.js" > < / script >
< script type = "text/javascript" src = "connection.js" > < / script >
< script type = "text/javascript" src = "websocket.js" > < / script >
< script type = "text/javascript" src = "drawing.js" > < / script >
< script type = "text/javascript" src = "rendering.js" > < / script >
< script type = "text/javascript" src = "index.js" > < / script >
< title > WebSocket Test< / title >
< / head >
< body ontouchmove = "prevent_scrolling(event);" >
< div id = "login" class = "modalDialog" >
< div >
< h1 > Gravity Beats< / h1 >
< form onSubmit = "return init()" >
Naam:< br / >
< input type = "text" id = "loginname" > < br / >
< input type = "submit" value = "Play!" >
< / form >
< p > Je kan een lijn tekenen door te slepen. Een lijn weghalen kan door er een keer op te klikken/tappen. Je kiest waarmee je tekent door te klikken/tappen op "Change line kind".
< p > Orginele app: < a href = "https://vimeo.com/60401549" > vimeo< / a >
< p > Source: < a href = "https://github.com/Jaxan/beats-sim" > github/Jaxan/beats-sim< / a >
< p > Copyright 2013, Joshua Moerman (< a href = "http://vadovas-studios.com" > Vadovas< / a > )
< / div >
< / div >
< div id = "app" >
< div id = "ballscreen" > < / div >
< svg id = "svgscreen" xmlns = "http://www.w3.org/2000/svg" version = "1.1" > < / svg >
< div id = "text" >
< a onClick = "changeKind();" href = "#" > Change line kind (to < span id = "line_kind" > guitar< / span > )< / a > < br / >
< span id = "status" > < / span >
< / div >
< / div >
< / body >
< / html >