update background
This commit is contained in:
parent
5fedf8fe1d
commit
a46f23c76b
@ -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
BIN
public/boder.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 234 B |
@ -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 |
@ -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>
|
||||
|
@ -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
BIN
public/oldbg.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 210 KiB |
@ -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;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user