Changelog v0.0.2 Server and Front-End update!

README.md

@@ -1,3 +1,22 @@
 # Multiplayer Game
 
-This project started off as a game for me and my friends to play with. We had lots of fun because of the names that we put, trying to crash the server, and more. I didn't know how to make a multiplayer game, so I found this tutorial. This is the link on how to make the game. <a href="https://engineering.paiza.io/entry/paizacloud_online_multiplayer_game">Click here</a>
+This project started off as a game for me and my friends to play with. We had lots of fun because of the names that we put, trying to crash the server, and more. I didn't know how to make a multiplayer game, so I found this tutorial. This is the link on how to make the game. <a href="https://engineering.paiza.io/entry/paizacloud_online_multiplayer_game">Click here</a>
+
+## Front End Changelog (v0.0.2) - October 20, 2021
+- Deleted Facbook button
+- Moved Twitter button into game spawn/respawn screen
+
+## Past Front End Updates
+
+### Front End Update (v0.0.1) - October 18, 2021
+- Initial Release
+
+### Console Changelog (v0.0.2) - October 20, 2021
+- Player Death logs in console
+- Updated Server Finished message
+
+## Past Console Updates
+
+### Console Update (v0.0.1) - October 18, 2021
+- Initial Release
+

server.js

@@ -93,6 +93,7 @@ class Player extends GameObject{
     remove(){
         delete players[this.id];
         io.to(this.socketId).emit('dead');
+		console.log(`[Server] a player has died`);
     }
     toJSON(){
         return Object.assign(super.toJSON(), {health: this.health, maxHealth: this.maxHealth, socketId: this.socketId, point: this.point, nickname: this.nickname});
@@ -218,5 +219,5 @@ app.get('/', (request, response) => {
 
 const port = parseInt(yargs.port) || 3000;
 server.listen(port, () => {
-  console.log(`Starting server on port ${port}`);
+  console.log(`[Server] Done! Server starting on port ${port}`);
 });

static/2d.html

@@ -19,9 +19,6 @@
     <div>
         Thomas' Multiplayer Game (<a href="/static/2d.html">2D</a> | <a href="/">3D</a>)
         <div style="float: right;">
-            <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-            <script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = 'https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v3.0&appId=362223930530449&autoLogAppEvents=1';fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
-            <div class="fb-share-button" data-href="https://paiza-battle-ground.paiza-user.cloud/" data-layout="button" data-size="small" data-mobile-iframe="true"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">シェア</a></div>
         </div>
         <div><a href="https://engineering.paiza.io/entry/paizacloud_online_multiplayer_game" target=_blank>Multiplayer Game</a></div>
         <!--div><a href="https://paiza.hatenablog.com/entry/paizacloud_online_multiplayer_game" target=_blank>使うのはJavaScriptとNode.jsだけ！30分で3Dオンライン対戦ゲームを作って公開してみた</a></div-->
@@ -31,6 +28,7 @@
             <div style="text-align: center; width: 100%; font-size: xx-large;">
                 <input type="text" name="nickname" id="nickname" placeholder="Your nickname" autofocus><br/><br/>
                 <button style="font-size: xx-large;" id="start-button">Start</button>
+				<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
             </div>
         </div>
         <canvas id="canvas-2d" width="1000" height="1000" style="position:absolute;width:100%;height:100%;object-fit:contain;"></canvas>

static/3d.html

@@ -21,9 +21,6 @@
     <div>
         Thomas' Multiplayer Game (<a href="/static/2d.html">2D</a> | <a href="/">3D</a>)
         <div style="float: right;">
-            <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
-            <script>(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = 'https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v3.0&appId=362223930530449&autoLogAppEvents=1';fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script>
-            <div class="fb-share-button" data-href="https://paiza-battle-ground.paiza-user.cloud/" data-layout="button" data-size="small" data-mobile-iframe="true"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">シェア</a></div>
         </div>
         <div><a href="https://engineering.paiza.io/entry/paizacloud_online_multiplayer_game" target=_blank>Multiplayer Game</a></div>
         <!--div><a href="https://paiza.hatenablog.com/entry/paizacloud_online_multiplayer_game" target=_blank>使うのはJavaScriptとNode.jsだけ！30分で3Dオンライン対戦ゲームを作って公開してみた</a></div-->
@@ -33,6 +30,7 @@
             <div style="text-align: center; width: 100%; font-size: xx-large;">
                 <input type="text" name="nickname" id="nickname" placeholder="Your nickname" autofocus><br/><br/>
                 <button style="font-size: xx-large;" id="start-button">Start</button>
+				<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
             </div>
         </div>
         <canvas id="canvas-2d" width="1000" height="1000" style="position: absolute; width: 100%; height: 100%; z-index:2;object-fit: contain;"></canvas>