diff options
| author | Michele Bini <michele.bini@gmail.com> | 2014-09-27 15:28:36 (GMT) |
|---|---|---|
| committer | Michele Bini <michele.bini@gmail.com> | 2014-09-27 15:28:36 (GMT) |
| commit | b504769feab22e17561f53eccc29542a28a13def (patch) | |
| tree | f84c0937d0d47f2d7f7194a64bbe851b23eb7be3 | |
| parent | 6c8a05fc49dd98b998ac1280cb325f2b7697d6db (diff) | |
Start working on no-svg support
| -rw-r--r-- | game.html.coffee | 31 |
1 files changed, 18 insertions, 13 deletions
diff --git a/game.html.coffee b/game.html.coffee index e43e6e5..f0d5742 100644 --- a/game.html.coffee +++ b/game.html.coffee @@ -27,6 +27,8 @@ icon = datauri("image/x-icon", fs.readFileSync(icon)) pixyvaquita = "pixyvaquita.png" pixyvaquita = "data:image/png;base64," + (new Buffer(fs.readFileSync(pixyvaquita))).toString("base64") +useSvg = true + genPage = -> htmlcup.html5Page -> @head -> @@ -153,21 +155,24 @@ genPage = -> @body -> @div class:"centering page", -> @div class:"centered", -> - @svg width:"960", height:"720", -> - @defs -> - @linearGradient id:"grad1", x1:"0%", y1:"0%", x2:"0%", y2:"100%", -> - @stop offset:"0%", style:"stop-color:rgb(255,255,255);stop-opacity:1" - @stop offset:"25%", style:"stop-color:rgb(100,200,250);stop-opacity:1" - @stop offset:"50%", style:"stop-color:rgb(0,80,240);stop-opacity:1" - @stop offset:"75%", style:"stop-color:rgb(0,0,180);stop-opacity:1" - @stop offset:"100%", style:"stop-color:rgb(0,0,0);stop-opacity:1" - @g id:"vaquita", -> + if useSvg + @svg width:"960", height:"720", -> + @defs -> + @linearGradient id:"grad1", x1:"0%", y1:"0%", x2:"0%", y2:"100%", -> + @stop offset:"0%", style:"stop-color:rgb(255,255,255);stop-opacity:1" + @stop offset:"25%", style:"stop-color:rgb(100,200,250);stop-opacity:1" + @stop offset:"50%", style:"stop-color:rgb(0,80,240);stop-opacity:1" + @stop offset:"75%", style:"stop-color:rgb(0,0,180);stop-opacity:1" + @stop offset:"100%", style:"stop-color:rgb(0,0,0);stop-opacity:1" + @g id:"vaquita", -> @g transform:"translate(-18,-15)", -> @image width:"50", height:"30", "xlink:href":pixyvaquita - @rect x:"0", y:"0", width:"960", height:"720", fill:"url(#grad1)" - @g transform:"scale(2)", -> - @g id:"sea", transform:"translate(240,180)", -> - @use "xlink:href":"#vaquita" + @rect x:"0", y:"0", width:"960", height:"720", fill:"url(#grad1)" + @g transform:"scale(2)", -> + @g id:"sea", transform:"translate(240,180)", -> + @use "xlink:href":"#vaquita" + else + @canvas width:"960", height:"720", -> @div -> @a class:"support-vaquitas", target:"_blank", href:"index.html", "Learn about Vaquitas" gameObjects = null @script type:"text/javascript", "gameObjects=#{JSON.stringify(gameObjects)};" |