bernd instead of rectangle

.gitignore

 *.idea/*
 */.idea*
 */view/signups/game1/tiles
+*.swp

registration-system/view/signups/game1/js/character.js

@@ -7,12 +7,17 @@ function Char(svg, options) {
 	this.moveTarget = [];
 	this.maxSpeed = 2;
 
-	this.rect = this.svg.append("rect");
-	this.rect.attr("backgroundColor", "#f0f")
-		.attr("width", "20")
-		.attr("height", "20");
-	
-	this.updatePosition();
+	var self = this;
+	d3.xml('chars/bernd.svg', 'image/svg+xml', function(xml) {
+		self.image = self.svg.append('g').attr('id', 'player');
+		var layers = d3.select(xml.documentElement).selectAll('g').filter(function() {
+			return this.getAttribute('inkscape:groupmode') == 'layer';
+		}).each(function() {
+			self.image[0][0].appendChild(this);
+		});
+
+		self.updatePosition();
+	});
 }
 Char.prototype.findSpawn = function() {
 	// [1320, svgFlipY(svg[0][0], 500)]
@@ -47,14 +52,13 @@ Char.prototype.physics = function() {
 	this.updatePosition();
 }
 Char.prototype.updatePosition = function() {
+	if (!this.image) return;
 	var self = this;
-	this.rect.attr("transform", function() {
+	this.image.attr("transform", function() {
 		return translate.apply(null, self.translation);
 	});
 }
 Char.prototype.setMoveTarget = function(newX, newY) {
-	if (!this.rect) return;
-
 	var matrix = this.svg[0][0].getScreenCTM();
 	var x = newX-matrix.e;
 	var y = newY-matrix.f;