diff --git a/backend.js b/backend.js
index fac7c3d..f976b1a 100644
--- a/backend.js
+++ b/backend.js
@@ -26,10 +26,10 @@ const bPlayers = {
io.on('connection', (socket)=>{
console.log('user connected')
bPlayers[socket.id] = {
- x:200,
- y:200,
- clickX:200,
- clickY:200,
+ x:615,
+ y:136,
+ clickX:615,
+ clickY:136,
message:'',
username:"Visitor"
} //create player object with new socket id property
diff --git a/public/baackground.png b/public/baackground.png
index 7c19c0e..11581fd 100644
Binary files a/public/baackground.png and b/public/baackground.png differ
diff --git a/public/boder.png b/public/boder.png
new file mode 100644
index 0000000..4c2c7a8
Binary files /dev/null and b/public/boder.png differ
diff --git a/public/classes/Player.js b/public/classes/Player.js
index 7ba51f8..a1aa8ee 100644
--- a/public/classes/Player.js
+++ b/public/classes/Player.js
@@ -38,14 +38,14 @@ class Player extends Sprite {
ctx.fillStyle = this.color;
ctx.textAlign = "center";
- ctx.fillStyle = 'white';
+ ctx.fillStyle = 'hsla(211, 100%, 100%, 0.5)';
ctx.font = 'normal 12px sans-serif';
ctx.fillText("Click X&Y :"+[this.clickX,this.clickY], this.position.x, this.position.y-110);
ctx.fillText("Position: "+[Math.round(this.position.x),Math.round(this.position.y)], this.position.x, this.position.y-98);
ctx.fillText("Inc X&Y :"+[this.incrementX.toFixed(2),this.incrementY.toFixed(2)], this.position.x, this.position.y-85);
- ctx.font = 'italic 15px sans-serif';
- ctx.fillStyle = 'pink';
+ ctx.font = 'bold 18px sans-serif';
+ ctx.fillStyle = 'white';
ctx.fillText(this.message, this.position.x, this.position.y-65);
ctx.font = 'Normal 16px sans-serif';
ctx.textAlign = "center";
diff --git a/public/img/baackground.png b/public/img/baackground.png
index 4ba4c25..e097605 100644
Binary files a/public/img/baackground.png and b/public/img/baackground.png differ
diff --git a/public/index.html b/public/index.html
index e06dd7d..e18b0bf 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
- My title here!
+ Görkem's Café
@@ -75,10 +75,10 @@
-
+
diff --git a/public/index.js b/public/index.js
index 5153b11..ea940bf 100644
--- a/public/index.js
+++ b/public/index.js
@@ -32,8 +32,8 @@ clickCoordinates = [100,100]
// setInterval(player.animate, 50);
-canvas.width = 32 * 28
-canvas.height = 32 * 15
+canvas.width = 32 * 21 //672
+canvas.height = 32 * 12 //384
console.log(ctx);
diff --git a/public/oldbg.png b/public/oldbg.png
new file mode 100644
index 0000000..7c19c0e
Binary files /dev/null and b/public/oldbg.png differ
diff --git a/public/style.css b/public/style.css
index ed7b68c..38c6021 100644
--- a/public/style.css
+++ b/public/style.css
@@ -205,15 +205,21 @@ you can add them directly to the element! */
margin-left: 10px;
}
.left-box{
- width: 100%;
+ /* width: 740px; */
}
canvas {
+ /* image-rendering: optimizeSpeed; */
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
display: block;
+ border: 8px solid;
+ border-image-source: url(./boder.png);
+ border-image-slice: 8;
+
+
}