Skip to content

Commit 9b86111

Browse files
sojs-codersojs-coder
committed
lots o stuff...
1 parent 044c383 commit 9b86111

12 files changed

+1330
-277
lines changed

‎README.md

Lines changed: 28 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -1,41 +1,41 @@
1-
# Welcome to Multisnake
2-
### What is multisnake?
3-
You know snake?
1+
# Multisnake
2+
> the epitome of months of hard work. an ongoing project that gets more awesome as the days go by.
43
4+
If your viewing this on replit, drop a heart. On github, drop a star.
5+
If you got here and you have no idea why, [go back to the website](https://multisnake.xyz)
56

6-
![snake image](https://th.bing.com/th/id/OIP.-WLRWyXhvtywZ4H4_Q2pvAHaHV?pid=ImgDet&rs=1.png)
7+
# Why this was made
8+
MultiSnake was really a challenge for me. I wanted to create a game, but I did not want to use any pre-made game engine or canvas.
79

10+
So I made my own.
811

9-
that is snake
12+
All graphics you see are done with HTML table, using the background-color property. The apple is an emoji.
1013

11-
Gamplay is super simple. You use the arrow keys or WASD to move your snake. You try and go eat the apples, and every time you eat the apples your snakes length increases by 1. Usually, you win the game when your length exceeds or matches a certain number. You lose the game when you run into yourself or the wall. Sounds simple? Its not. Becuase your length increases every time you eat an apple, it gets harder and harder to avoid your self.
12-
#### and thats how you play snake
13-
***
14+
Over 1.5K lines of javascript code, over 350 of CSS, and just about 200 HTML lines, this project has a whopping total of over 2K lines of code.
1415

15-
### But what is multisnake?
16+
This is not counting grahpics which took me a long time to make.
1617

17-
#### Multisnake:
18+
No changelog here... join the [discord](https://discord.gg/Np7vBvEtp2) to be the first to know when a new one comes out. I roll out an update every week or so.
1819

20+
> note: the chat is a privilege. If their is too much toxicity I *will* remove it.
1921
20-
![](static/play.png)
2122

22-
I know, I know, this looks like a lamified version of google snake.
23+
ASCII snake below.
2324

24-
Spoiler alert: it kind of is.
25+
> Expand to see art better.
2526
26-
But, this game has 2 major differences to normal snake:
2727

28-
1. Using the space bar gives you a boost (boosting costs apples)
29-
2. You play with multiple people
30-
31-
#### But how does this work?
32-
33-
The goal of the game is to get to a score of 50. But, if another snake runs into you, you die. Seems simple? It kind of is. Use your boost wisely to kill other snakes that are close to winning.
34-
Add pull requests if you have ideas for seperate rooms (Working on that currently), or if you have an implementation of a chat (ENTER to chat, for example).
35-
36-
37-
If you just came here because you looked up multisnake and this popped up, dont worry, play the game [here](https://multisnake.sojs.dev)
38-
39-
## Submitting Issues
40-
41-
Just submit them. Or, save me some time :smile:, and create a pull request with the issue already fixed.
28+
Art by Marcin Glinski
29+
```
30+
_,..,,,_
31+
'``````^~"-,_`"-,_
32+
.-~c~-. `~:. ^-.
33+
`~~~-.c ; `:. `-, _.-~~^^~:.
34+
`. ; _,--~~~~-._ `:. ~. .~ `.
35+
.` ;' .:` `: `:. ` _.:-,. `.
36+
.' .: :' _.-~^~-. `. `..' .: `. '
37+
: .' _:' .-' `. :. .: .'`. : ;
38+
jgs : `-' .:' `. `^~~^` .:. `. ; ;
39+
`-.__,-~ ~-. ,' ': '.__.` :'
40+
~--..--' ':. .:'
41+
':..___.:'

‎index.html

Lines changed: 59 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,11 @@
11
<html lang="en">
22
<head>
3+
34
<meta charset="UTF-8">
45
<link rel = "canonical" href = "https://multisnake.xyz">
6+
<link rel = "icon" href= "multisnake-favicon.png">
7+
<script src="/socket.io/socket.io.js"></script>
8+
<script src="https://kit.fontawesome.com/ec5f6502ae.js" crossorigin="anonymous"></script>
59
<meta name="viewport" content="width=device-width, initial-scale=1.0">
610
<meta name = "description" content = "MultiSnake is an MMS-Massively Multiplayer snake! Chat with other players, don't run into walls, and play in many different game modes!">
711
<title>MultiSnake - Multiplayer Snake!</title>
@@ -26,43 +30,77 @@
2630
</head>
2731
<body>
2832
<div id = "alert-box"></div>
29-
<header><span class = "caret"><details>
30-
<summary>Info</summary>
31-
<div class = "content">
32-
<p>&copy; SoJS 2021-<script>document.write(new Date().getFullYear())</script></p>
33-
<hr>
34-
<div class = "links">
35-
<a href = "mailto:[email protected]">Contact</a> &bull;
36-
<a href = "https://discord.gg/Np7vBvEtp2">Discord</a> &bull;
37-
<a href = "https://replit.com/@sojs/">Replit</a> &bull;
38-
<a href = "https://github.com/sojs-coder/Multisnake">GitHub</a> &bull;
39-
<a href = "https://socialrumbles.com/c/MultiSnake/">Social Rumbles</a> &bull;
40-
</div>
41-
<hr>
42-
<p>WASD or Arrow Keys to move. SPACE to boost. Dont run into walls or other snakes. Get to 10 to win.</p></div>
43-
</details></span></header>
44-
<main>
33+
<main class = "top">
4534
<div class = "center">
4635
<h1 class = "heading" id = "big">MultiSnake</h1>
4736
<div class = "form" action = "/play" id = "form">
4837
<input type = "text" id = "username" name = "username" placeholder="Bob Joe" autofocus>
4938
<button type = "button" id = "join">Join</button>
5039
<div id = "room-box">
51-
<h3>Rooms</h3>
52-
<h4>Normal</h4>
5340
<div id = "rooms-plain"></div>
54-
<h4>Mods</h4>
5541
<div id = "rooms-mods"></div>
5642

5743
</div>
5844
</div>
45+
<div class = "bottom"><div class="arrow bounce">
46+
<a class="fa fa-arrow-down fa-2x arrow-" href="#welcome_to_multisnake"></a>
47+
</div></div>
5948
</div>
49+
50+
</main>
51+
<main class="below">
52+
<div class = "content">
53+
<h3 id = "welcome_to_multisnake">Welcome to MultiSnake</h3>
54+
<h4>What is MultiSnake?</h4>
55+
<p>MultiSnake is an incredibly easy to play multiplayer snake game. Proggrammed in node.js, HTML, CSS, and Javascript with Replit, you can join different rooms and play different mods. Use WASD or the arrow keys to move around the map, and the space bar to use your boost</p>
56+
<p><strong>MultiSnake is the worlds first multiplayer snake</strong>. MultiSnake is not a knock-off like slither.io, or powerline.io, but it is <strong>truly, at its core, a snake game.</strong> There is only ever one apple on the map, and player have to race to get to it. Of course, classic snake is not enough, so we added a couple twists:
57+
</p>
58+
<p><ul>
59+
<li>Different Game Mods including a small and fog versions.</li>
60+
<li>Blocks that spawn to block you</li>
61+
<li>Fun automatically generated usenames like "PinkDuck45" (but dont worry, you can still choose custom ones)</li>
62+
</ul></p>
63+
<p>Becuase MultiSnake is a multiplayer game, there are a lot of strategies that one can use. Here are a couple good ones that will never fail you, and a couple advanced ones for the serious gamer. Here are some good general guidlines:
64+
<ul>
65+
<li><p><b>Twisting:</b> we all know that sometimes it is impossible to get the apple. There will be times where 3 snakes will all run at it and they will all die. To take advantage of that, navigate to a clear spot on the map and coil you body around and around until their is an opening for you to jump in an take the apple. Then go back to twisting and wait some more.</p></li>
66+
<li><p><b>Kamikaze:</b> sometimes its just so hopeless. You keep dying over and over. A snake is at 8 apples and about to win. Here is what you do. It is all about timing. Get one apple to boost with and get right in front of the other snakes path. Dont mind your own life. Your only goal here is to beat the other snake. Boost at just the right moment and he'll never know what hit him</p></li>
67+
<li><p><b>Phasing:</b> this technique needs a lot of practice to master. Spawn some apples by eating 5 or so apples. This trick is also about timing, and is mostly instinctive. Get to the a square right next to a block and smash the boost button (space bar). If you timed it right, you'll "phase" through the block. In a real game, you can use this to escape other snakes trying to kill you, and blocks will no longer be a problem.</p></li>
68+
</ul>
69+
</p>
70+
<h4>How to play different game modes</h4>
71+
<p><ul><li>
72+
<b>Public-</b> All the public rooms have the same rules as normal snake. You can not go backwards onto yourself. Blocks will spawn every 5 apples eaten, and you can not run into them, other snakes, the walls, or yourself
73+
</li>
74+
<li><b>Small-</b> the same rules as the public rooms, but you no blocks spawn and the map is a lot smaller</li>
75+
<li><b>Fog- </b> same rules as public, but blocks do not spawn, and fog does. You can not see other players in the fog.</li>
76+
<li><b>Tag-</b> Eat an apple to become "it" and turn yellow! Tag other people to kill them! Walls will not spawn. Get to ten apples to win!</li></ul></p>
77+
<h4>Game Credits</h4>
78+
<p>Thanks to <a href = "https://replit.com/@Coder100">@Coder100</a> for helping with bugs back in beta. Thank you to <a href = "https://replit.com/@PYer">@PYer</a> for coming up with ideas for mods. Thank you to <a href = "https://replit.com/@ch1ck3n">@ch1ck3n</a> for helping with speed of the game. Thank you to <a href = "https://replit.com/@rickysong">@rickysong</a> and <a href = "https://socialrumbles.com/@Dheirya_Tyagi_CEO">@Redman</a> for helping with testing. Lastly, thank you to the entire discord community for the support and helping to find bugs!</p>
79+
<footer>&copy 2021-<script>document.write(new Date().getFullYear())</script> <a href= "https://sojs.dev">SoJS</a> | <a href = "https://socialrumbles.com/c/MultiSnake/">Social Rumbles</a> | <a href= "https://replit.com/@sojs">Repl.it</a> | <a href = "https://discord.gg/Np7vBvEtp2">Discord</a> | <a href = "https://github.com/sojs-coder/Multisnake">Github</a></footer>
6080
</main>
61-
6281
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
6382
<script src = "/home.js"></script>
6483
<!-- Go to www.addthis.com/dashboard to customize your tools -->
6584
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-614bb1fe75e51347"></script>
6685

6786
</body>
68-
</html>
87+
</html>
88+
<!--
89+
---_ ......._-_--.
90+
(|\ / / /| \ \
91+
/ / .' -=-' `.
92+
/ / .' )
93+
_/ / .' _.) /
94+
/ o o _.-' / .'
95+
\ _.-' / .'*|
96+
\______.-'// .'.' \*|
97+
\| \ | // .'.' _ |*|
98+
` \|// .'.'_ _ _|*|
99+
. .// .'.' | _ _ \*|
100+
\`-|\_/ / \ _ _ \*\
101+
`/'\__/ \ _ _ \*\
102+
/^| \ _ _ \*
103+
' ` \ _ _ \ ASH (+VK)
104+
\_
105+
106+
-->

0 commit comments

Comments
 (0)