From 83c34d496e151b878e0e91b9c8a7b10df9981f02 Mon Sep 17 00:00:00 2001
From: neingeist <neingeist@bl0rg.net>
Date: Sun, 19 Aug 2012 16:59:23 +0200
Subject: [PATCH] transform fuck up pixels?

---
 herzle.html | 6 +-----
 herzle.js   | 6 ++++--
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/herzle.html b/herzle.html
index 82af6e9..f2c71c9 100644
--- a/herzle.html
+++ b/herzle.html
@@ -5,21 +5,17 @@
 
   <style type="text/css">
     * {
-      font-size: 2em; 
+      font-size: 50px; 
       color: #ff00ff; 
       font-family: helvetica, arial;
     }
     #player {
       position: absolute;
       bottom: 10%;
-      -webkit-transform: rotate(90deg);
-      -moz-transform: rotate(90deg);
     }
     #enemy {
       position: absolute;
       top: 10%;
-      -webkit-transform: rotate(90deg);
-      -moz-transform: rotate(90deg);
     }
     #pewpew {
       position:absolute;
diff --git a/herzle.js b/herzle.js
index 5fb8f32..257e005 100644
--- a/herzle.js
+++ b/herzle.js
@@ -74,7 +74,8 @@ function render() {
         body.appendChild(shootdiv);
       }
 
-      shootdiv.style.left = shoots[i][0];
+      shootdiv.style.left = (shoots[i][0]
+                            - Math.round(shootdiv.getClientRects()[0].width/2)) + 'px';
       shootdiv.style.top  = shoots[i][1];
       if (debug)
         shootdiv.style.border = "1px solid";
@@ -96,7 +97,8 @@ function render() {
 
   // render player
   var playerdiv = document.getElementById("player");
-  playerdiv.style.left = player_pos[0];
+  playerdiv.style.left = (player_pos[0] 
+                         - Math.round(playerdiv.getClientRects()[0].width/2)) + 'px';
   // FIXME playerdiv.style.top = player_pos[1];
   if (debug)
     playerdiv.style.border = "1px solid";