Gorkem/GorkemsCafe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update background

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
backend.js
View File

@ -26,10 +26,10 @@ const bPlayers = {
io.on('connection', (socket)=>{ io.on('connection', (socket)=>{
console.log('user connected') console.log('user connected')
bPlayers[socket.id] = { bPlayers[socket.id] = {
x:200, x:615,
y:200, y:136,
clickX:200, clickX:615,
clickY:200, clickY:136,
message:'', message:'',
username:"Visitor" username:"Visitor"
} //create player object with new socket id property } //create player object with new socket id property

BIN
public/baackground.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 210 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
public/boder.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 234 B

6
public/classes/Player.js
View File

@ -38,14 +38,14 @@ class Player extends Sprite {
ctx.fillStyle = this.color; ctx.fillStyle = this.color;
ctx.textAlign = "center"; ctx.textAlign = "center";
ctx.fillStyle = 'white'; ctx.fillStyle = 'hsla(211, 100%, 100%, 0.5)';
ctx.font = 'normal 12px sans-serif'; ctx.font = 'normal 12px sans-serif';
ctx.fillText("Click X&Y :"+[this.clickX,this.clickY], this.position.x, this.position.y-110); 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("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.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.font = 'bold 18px sans-serif';
ctx.fillStyle = 'pink'; ctx.fillStyle = 'white';
ctx.fillText(this.message, this.position.x, this.position.y-65); ctx.fillText(this.message, this.position.x, this.position.y-65);
ctx.font = 'Normal 16px sans-serif'; ctx.font = 'Normal 16px sans-serif';
ctx.textAlign = "center"; ctx.textAlign = "center";

BIN
public/img/baackground.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 182 KiB

After

Width:  |  Height:  |  Size: 17 KiB

12
public/index.html
View File

@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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"> <link rel="stylesheet" href="https://unpkg.com/98.css">
</head> </head>
@ -75,10 +75,10 @@
</div> </div>
<!-- <div class="right-box"> <div class="right-box">
<div class="window main-right"> <div class="window main-right">
<div class="title-bar inactive"> <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"> <div class="title-bar-controls">
<button aria-label="Help"></button> <button aria-label="Help"></button>
@ -86,14 +86,16 @@
</div> </div>
<div class="window-body"> <div class="window-body">
<aside id="rightSidebar"> <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> </aside>
</div> </div>
</div> </div>
</div> --> </div>
</div> </div>
<footer id="footer" style="margin-top: 10px;">CC0 Public Domain, 2023</footer> <footer id="footer" style="margin-top: 10px;">CC0 Public Domain, 2023</footer>
</div> </div>

4
public/index.js
View File

@ -32,8 +32,8 @@ clickCoordinates = [100,100]
// setInterval(player.animate, 50); // setInterval(player.animate, 50);
canvas.width = 32 * 28 canvas.width = 32 * 21 //672
canvas.height = 32 * 15 canvas.height = 32 * 12 //384
console.log(ctx); console.log(ctx);

BIN
public/oldbg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 210 KiB

8
public/style.css
View File

@ -205,15 +205,21 @@ you can add them directly to the <div id="header"></div> element! */
margin-left: 10px; margin-left: 10px;
} }
.left-box{ .left-box{
width: 100%; /* width: 740px; */
} }
canvas { canvas {
/* image-rendering: optimizeSpeed; */
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: block; display: block;
border: 8px solid;
border-image-source: url(./boder.png);
border-image-slice: 8;
} }