- Your mission is to write the best Snake Bot and survive within the
- game world. We have prepared several language bindings for you to make it
- really easy to get started. All the boring stuff concerning server-client
- communication, message parsing and event handling is already implemented.
-
-
General principles
-
- The game progresses through Game Ticks. For each Game Tick participating
- Snake Bots have to choose an action (and they have to do it fast,
- response is expected within 250ms). Actions are defined by a direction to
- move the Snake head in. A Snake head may move UP, DOWN, RIGHT or LEFT.
-
-
- On every Game Tick each Snake Bot receives the current Map. The map contains
- the positions of all the objects in the map.
-
-
Language bindings
-
Below are listed the currently implemented (and up to date) language
- bindings. Each project has a Readme file that explains how to get
- going.
-
- Remember the old game of Snake? One of the first common
- implementations was available on the phone Nokia 3310.
- Snake Record - Nokia 3310
-
-
-
- This game is a bit different. To play you need to program your own
- Snake Bot and you will be competing against other bots!
- The concept is simple, your snake can move UP, DOWN, RIGHT
- or LEFT and the winner is the last snake alive. Extra points are awarded
- when eating stars or nibbling on other snake's tails. Look out for the
- black holes though!
-
-
- Getting started is really easy.
- We have implementations in several popular programming languages. Clone
- an example Snake bot and get going!
-
Nulla nec lectus vel erat.
- Sed sit amet magna ac ipsum sagittis consectetur at ac magna.
- Aliquam erat volutpat.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Duis aliquam eros non elit efficitur, ut euismod sapien eleifend.
- Curabitur sodales enim lacinia orci congue convallis.
- Nulla nec lectus vel erat venenatis finibus a at nisi.
- In ac leo mattis, dapibus velit at, gravida diam.
- Suspendisse ultrices maximus facilisis.
- Sed sit amet magna ac ipsum sagittis consectetur at ac magna.
- Aliquam erat volutpat. Nunc eget augue quis lectus
-
- : There are no recorded games for this arena.}
+ ) : (
+ There are no recorded games for this arena.
+ )}
);
}
}
-ArenaPage.propTypes = propTypes;
-
const RoutedArenaPage = withRouter(ArenaPage);
-export default new StoreWatch(RoutedArenaPage, getArenaState);
+export default StoreWatch(RoutedArenaPage, getArenaState);
diff --git a/app/arena/components/ArenaSelectPage.jsx b/src/arena/components/ArenaSelectPage.jsx
similarity index 77%
rename from app/arena/components/ArenaSelectPage.jsx
rename to src/arena/components/ArenaSelectPage.jsx
index 6791761..53eb02d 100644
--- a/app/arena/components/ArenaSelectPage.jsx
+++ b/src/arena/components/ArenaSelectPage.jsx
@@ -2,26 +2,20 @@ import React from 'react';
import { withRouter, Link } from 'react-router';
class ArenaSelectPage extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- arenaName: '',
- };
-
- this.handleChange = this.handleChange.bind(this);
- this.handleSubmit = this.handleSubmit.bind(this);
- }
+ state = {
+ arenaName: '',
+ };
- handleChange(e) {
+ handleChange = e => {
this.setState({
arenaName: e.target.value,
});
- }
+ };
- handleSubmit(e) {
+ handleSubmit = e => {
e.preventDefault();
- window.location = '/#arena/' + this.state.arenaName;
- }
+ window.location.href = '/#arena/' + this.state.arenaName;
+ };
render() {
return (
@@ -33,8 +27,7 @@ class ArenaSelectPage extends React.Component {
- You can also create a custom arena for private games, with friends
- or multiple instances of your bot.
+ You can also create a custom arena for private games, with friends or multiple instances of your bot.
Connect to a websocket on ws://snake.cygni.se/arena/your-private-arena-name
diff --git a/app/arena/components/SnakeRanking.jsx b/src/arena/components/SnakeRanking.jsx
similarity index 66%
rename from app/arena/components/SnakeRanking.jsx
rename to src/arena/components/SnakeRanking.jsx
index 6a3e6bd..9bf4449 100644
--- a/app/arena/components/SnakeRanking.jsx
+++ b/src/arena/components/SnakeRanking.jsx
@@ -1,13 +1,14 @@
import React from 'react';
+import PropTypes from 'prop-types';
import _ from 'lodash';
-import Images from '../../constants/Images';
+import * as Images from '../../constants/Images';
const propTypes = {
- rating: React.PropTypes.object.isRequired,
- connected: React.PropTypes.array.isRequired,
+ rating: PropTypes.object.isRequired,
+ connected: PropTypes.array.isRequired,
};
-const SnakeRanking = function SnakeRanking(props) {
+function SnakeRanking(props) {
const connected = props.connected;
const rankedSnakes = _(props.connected)
.keyBy(playerName => playerName)
@@ -22,16 +23,16 @@ const SnakeRanking = function SnakeRanking(props) {
return (
- You can find old games here by searching for the snake name.
-
+
You can find old games here by searching for the snake name.
Results
- { results }
+ {results}
@@ -105,5 +101,4 @@ class GameSearch extends React.Component {
}
}
-GameSearch.propTypes = propTypes;
-export default new StoreWatch(GameSearch, getSearchResults);
+export default StoreWatch(GameSearch, getSearchResults);
diff --git a/app/App.jsx b/src/index.js
similarity index 59%
rename from app/App.jsx
rename to src/index.js
index b12f66e..3238ea7 100644
--- a/app/App.jsx
+++ b/src/index.js
@@ -2,7 +2,4 @@ import React from 'react';
import ReactDOM from 'react-dom';
import Routes from './config/Routes';
-ReactDOM.render(
- ,
- document.getElementById('app')
-);
+ReactDOM.render(, document.getElementById('app'));
diff --git a/app/pages/AboutPage.jsx b/src/pages/AboutPage.jsx
similarity index 66%
rename from app/pages/AboutPage.jsx
rename to src/pages/AboutPage.jsx
index 2f05692..50fcd00 100644
--- a/app/pages/AboutPage.jsx
+++ b/src/pages/AboutPage.jsx
@@ -8,20 +8,17 @@ function AboutPage() {
About
- We at Cygni love programming. We also love a friendly competetion over
- a couple of beers. What better way to combine these two things than a
- battle in programming!
+ We at Cygni love programming. We also love a friendly competetion over a couple of beers. What better way to
+ combine these two things than a battle in programming!
- Feel free to hack your own Snake Bot and train it in the Training room.
- From time to time we hold tournaments where you will be able to face
- other player's Snake Bots.
+ Feel free to hack your own Snake Bot and train it in the Training room. From time to time we hold
+ tournaments where you will be able to face other player's Snake Bots.
Game rules
- The rules are configurable per game, upon every game start the clients
- will be notified of the current game settings.
- Here are the default rules:
+ The rules are configurable per game, upon every game start the clients will be notified of the current game
+ settings. Here are the default rules:
Snake grows every third game tick
@@ -32,9 +29,7 @@ function AboutPage() {
5 points per caused death (another snake crashes and dies into your snake)
5 black holes
A nibbled tail is protected for 3 game ticks
-
The last surviving Snake always wins.
- The ranking for dead snakes is based on accumulated points
-
+
The last surviving Snake always wins. The ranking for dead snakes is based on accumulated points
+ Your mission is to write the best Snake Bot and survive within the game world. We have prepared several
+ language bindings for you to make it really easy to get started. All the boring stuff concerning
+ server-client communication, message parsing and event handling is already implemented.
+
+
General principles
+
+ The game progresses through Game Ticks. For each Game Tick participating Snake Bots have to choose an action
+ (and they have to do it fast, response is expected within 250ms). Actions are defined by a direction to move
+ the Snake head in. A Snake head may move UP, DOWN, RIGHT or LEFT.
+
+
+ On every Game Tick each Snake Bot receives the current Map. The map contains the positions of all the
+ objects in the map.
+
+
Language bindings
+
+ Below are listed the currently implemented (and up to date) language bindings. Each project has a Readme
+ file that explains how to get going.
+
+
+
+ );
+}
+export default GettingStartedPage;
diff --git a/src/pages/HomePage.jsx b/src/pages/HomePage.jsx
new file mode 100644
index 0000000..1dd3c58
--- /dev/null
+++ b/src/pages/HomePage.jsx
@@ -0,0 +1,46 @@
+import React from 'react';
+import { Link } from 'react-router';
+import '../design/styles/stylesheet.scss';
+
+function HomePage() {
+ return (
+
+
+
Welcome!
+
+
+ Remember the old game of Snake? One of the first common implementations was available on the phone Nokia
+ 3310.
+
+
+ {' '}
+ Snake Record - Nokia 3310
+
+
+
+ This game is a bit different. To play you need to program your own Snake Bot and you will be competing
+ against other bots! The concept is simple, your snake can move UP, DOWN, RIGHT or LEFT and the winner is the
+ last snake alive. Extra points are awarded when eating stars or nibbling on other snake's tails. Look
+ out for the black holes though!
+
+
+ Getting started is really easy. We have implementations in several popular
+ programming languages. Clone an example Snake bot and get going!
+
+ Nulla nec lectus vel erat. Sed sit amet magna ac ipsum sagittis consectetur at ac magna. Aliquam erat volutpat.
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquam eros non elit efficitur, ut euismod sapien
+ eleifend. Curabitur sodales enim lacinia orci congue convallis. Nulla nec lectus vel erat venenatis finibus a at
+ nisi. In ac leo mattis, dapibus velit at, gravida diam. Suspendisse ultrices maximus facilisis. Sed sit amet
+ magna ac ipsum sagittis consectetur at ac magna. Aliquam erat volutpat. Nunc eget augue quis lectus
+