update background

This commit is contained in:
gocivici 2023-09-26 14:57:39 +03:00
parent 5fedf8fe1d
commit a46f23c76b
9 changed files with 23 additions and 15 deletions

View File

@ -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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 210 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
public/boder.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 234 B

View File

@ -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";

Binary file not shown.

Before

Width:  |  Height:  |  Size: 182 KiB

After

Width:  |  Height:  |  Size: 17 KiB

View File

@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My title here!</title>
<title>Görkem's Café</title>
<link rel="stylesheet" href="https://unpkg.com/98.css">
</head>
@ -75,10 +75,10 @@
</div>
<!-- <div class="right-box">
<div class="right-box">
<div class="window main-right">
<div class="title-bar inactive">
<div class="title-bar-text">Moon.exe</div>
<div class="title-bar-text">Instructions.txt</div>
<div class="title-bar-controls">
<button aria-label="Help"></button>
@ -86,14 +86,16 @@
</div>
<div class="window-body">
<aside id="rightSidebar">
<p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p>
<p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p>
<p> lol lol lmao lol lmaolol lmaolol lmaolol lmaolol lmao</p>
<iframe width="180" height="180" style="border:none" src="https://dimden.dev/moon?custom=3" name="dimdenmoonwidget"></iframe>
</aside>
</div>
</div>
</div> -->
</div>
</div>
<footer id="footer" style="margin-top: 10px;">CC0 Public Domain, 2023</footer>
</div>

View File

@ -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);

BIN
public/oldbg.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 KiB

View File

@ -205,15 +205,21 @@ you can add them directly to the <div id="header"></div> 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;
}