The SpaceShoot server

Florian Rappl

Rate me:

4.97/5 (32 votes)

27 Mar 2012CPOL28 min read

52.1K

1.9K

Providing a stable and powerful server for the JavaScript / HTML5 browser game SpaceShoot with some gimmicks.

server.zip
- Local.testsettings
- packages
  - Fleck.0.8.2.1
    - Fleck.0.8.2.1.nupkg
    - lib
      - net40
        
        Fleck.dll
  - HttpClient.0.6.0
    - HttpClient.0.6.0.nupkg
    - lib
      - 40
        
        Microsoft.Net.Http.Formatting.dll
        
        Microsoft.Net.Http.Formatting.xml
        
        System.Net.Http.dll
        
        System.Net.Http.xml
  - JsonValue.0.6.0
    - JsonValue.0.6.0.nupkg
    - lib
      - 40
        
        Microsoft.Json.dll
        
        Microsoft.Json.xml
        
        Microsoft.Server.Common.dll
  - Newtonsoft.Json.4.0.5
    - lib
      - net20
      - net40
  - repositories.config
- SpaceShooterServer.sln
- SpaceShooterServer.vsmdi
- SpaceShooterServer
  - bin
  - Commands
  - Game
  - Interfaces
  - obj
    - x86
      - Debug
        
        TempPE
      - Release
        
        TempPE
  - packages.config
  - Program.cs
  - Properties
    - AssemblyInfo.cs
  - Server
    - FleckExtensions.cs
    - SpaceShootServer.cs
  - SpaceShooterServer.csproj
  - SpaceShooterServer.csproj.user
  - Structures
- Test
  - bin
    - Debug
    - Release
      - Fleck.dll
      - Microsoft.Json.dll
      - Microsoft.Json.xml
      - Microsoft.Server.Common.dll
      - SpaceShooterServer.exe
      - Test.dll
  - Local.testsettings
  - obj
    - Debug
      - TempPE
    - Release
      - TempPE
  - packages.config
  - Properties
    - AssemblyInfo.cs
  - SpaceShooterServer.vsmdi
  - Test.csproj
  - Test.csproj.user
  - TraceAndTestImpact.testsettings
  - UnitTests.cs
- TraceAndTestImpact.testsettings
client.zip
- ajax.gif
- base.js
- canvas.js
- chat.js
- collision.js
- color.js
- dialog.js
- events.js
- favicon.ico
- fonts
  - Orbitron.eot
  - Orbitron.svg
  - Orbitron.ttf
  - Orbitron.woff
- game.js
- gauges.js
- img
  - agile.png
  - aim.png
  - ammo.png
  - arrow.gif
  - asteroid.png
  - bomb.png
  - bomblogo.png
  - cross.gif
  - detonator.png
  - explosion1.png
  - explosion2.png
  - explosion3.png
  - explosion4.png
  - explosion5.png
  - flame.png
  - health.png
  - hs.png
  - multiple.png
  - networklogo.png
  - plasma.png
  - shield.png
  - shieldlogo.png
  - speed.png
  - speedlogo.png
- index.html
- logic.js
- logo.png
- managers.js
- menu.js
- misc.js
- objects.js
- promo.js
- sockets.js
- sounds
  - bomb.wav
  - explosion.wav
  - hit.wav
  - laser.wav
  - powerup.wav
- stars.jpg
- statistic.js
- style.css

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<canvas id="canvas" class="centered" width=1024 height=768>
Your browser does not support the HTML5 canvas element. Please consider upgrading to a modern browser like <a href="http://www.opera.com">Opera</a> or
<a href="http://www.google.com/chrome">Google Chrome</a>.
</canvas>
<input type="text" id="chat-input" class="chat" autocomplete="off" />
<output id="chat-output" class="chat"></output>
<div id="inactive"></div>
<div id="scorescreen">
<ul>
<li id="scorehead">CURRENT SCORE</li>
<li><ul id="scores"></ul></li>
</ul>
</div>
<div id="menuscreen">
<p id="title">SpaceShoot</p>
<ul id="menu-main">
<li id="menu-sp" class="menuitem">new singleplayer game</li>
<li id="menu-mphost" class="menuitem disabled">host multiplayer game</li>
<li id="menu-mpjoin" class="menuitem disabled">join multiplayer game</li>
<li id="menu-setname" class="menuitem">set player options</li>
<li id="menu-setscr" class="menuitem">set general options</li>
<li id="menu-lookkeys" class="menuitem">look up keys</li>
<li id="menu-highscores" class="menuitem">show highscores</li>
<li id="menu-esc" class="menuitem">exit menu</li>
</ul>
<ul id="menu-scr">
<li>server ip</li>
<li><input type="text" id="menu-server-ip" /></li>
<li>screen <span id="menu-scrcenter" class="menuitem">center</span> | <span id="menu-scrstretch" class="menuitem">stretch</span></li>
<li>sound effects <span id="menu-wosounds" class="menuitem">off</span> | <span id="menu-withsounds" class="menuitem">on</span></li>
<li id="menu-scrsave" class="menuitem">save changes</li>
<li id="menu-scrprevious" class="menuitem">go back</li>
</ul>
<ul id="menu-keys">
<li><span class="key">&uarr; / &darr;</span> accelerate / brake</li>
<li><span class="key">&larr; / &rarr;</span> turn left / right</li>
<li><span class="key">ctrl</span> place bomb</li>
<li><span class="key">space</span> shoot plasma</li>
<li><span class="key">tab</span> score screen</li>
<li><span class="key">esc</span> open menu</li>
<li id="menu-keysprevious" class="menuitem">go back</li>
</ul>
<ul id="menu-scores">
<li><div id="menu-scores-list" class="menu-list"></div></li>
<li id="menu-scoresprevious" class="menuitem">go back</li>
</ul>
<ul id="menu-host">
<li>game name</li>
<li><input type="text" id="menu-game-name" /></li>
<li>password (blank for public)</li>
<li><input type="password" id="menu-game-password" /></li>
<li id="menu-hostadvanced" class="menuitem">advanced options</li>
<li id="menu-hostmatch" class="menuitem">create game</li>
<li id="menu-hostprevious" class="menuitem">go back</li>
</ul>
<ul id="menu-host-adv">
<li>maximum players</li>
<li><input type="number" id="menu-game-maxplayers" value="64" max="64" min="1" /></li>
<li>maximum bots</li>
<li><input type="number" id="menu-game-maxbots" value="0" max="63" min="0" /></li>
<li>friendly fire <span class="menuitem picked" id="menu-friendly-off">off</span> | <span class="menuitem" id="menu-friendly-on">on</span></a></li>
<li>negative points <span class="menuitem picked" id="menu-negative-off">off</span> | <span class="menuitem" id="menu-negative-on">on</span></a></li>
<li>upgrade packs <span class="menuitem" id="menu-upgrades-off">off</span> | <span class="menuitem picked" id="menu-upgrades-on">on</span></a></li>
<li id="menu-hostadvprevious" class="menuitem">done</li>
</ul>
<ul id="menu-join">
<li><div id="menu-join-list" class="menu-list"></div></li>
<li id="menu-joinprevious" class="menuitem">go back</li>
</ul>
<ul id="menu-user">
<li>user name</li>
<li><input type="text" id="menu-player-name" /></li>
<li>primary / secondary color</li>
<li><input class="color" id="menu-primary-color" value="66ff00" type="text" /> <input class="color" id="menu-secondary-color" value="66ff00" type="text" /></li>
<li id="menu-usersave" class="menuitem">save changes</li>
<li id="menu-userprevious" class="menuitem">go back</li>
</ul>
<div id="promo">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://html5.florian-rappl.de/SpaceShootSingle/" data-lang="en" data-count="vertical"></a>
<div class="g-plusone" data-size="tall" data-href="http://html5.florian-rappl.de/SpaceShootSingle/"></div>
<div class="fb-like" data-href="http://html5.florian-rappl.de/SpaceShootSingle/" data-send="false" data-layout="box_count" data-width="60" data-show-faces="false" data-action="like"></div><div id="fb-root"></div>
</div>
</div>
<div id="dialog">
<div id="dialog-message"></div>
<div id="dialog-ok">Okay</div>
</div>
<script src="base.js"></script>
<script src="color.js"></script>
<script src="dialog.js"></script>
<script src="chat.js"></script>
<script src="game.js"></script>
<script src="menu.js"></script>
<script src="gauges.js"></script>
<script src="collision.js"></script>
<script src="objects.js"></script>
<script src="canvas.js"></script>
<script src="logic.js"></script>
<script src="sockets.js"></script>
<script src="misc.js"></script>
<script src="managers.js"></script>
<script src="statistic.js"></script>
<script src="events.js"></script>
<!--<script src="promo.js"></script>-->
</body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By

Florian Rappl

Chief Technology Officer

Germany

Florian lives in Munich, Germany. He started his programming career with Perl. After programming C/C++ for some years he discovered his favorite programming language C#. He did work at Siemens as a programmer until he decided to study Physics.

During his studies he worked as an IT consultant for various companies. After graduating with a PhD in theoretical particle Physics he is working as a senior technical consultant in the field of home automation and IoT.

Florian has been giving lectures in C#, HTML5 with CSS3 and JavaScript, software design, and other topics. He is regularly giving talks at user groups, conferences, and companies. He is actively contributing to open-source projects. Florian is the maintainer of AngleSharp, a completely managed browser engine.

The SpaceShoot server

License

Comments and Discussions