f/js13kgames2015-reverse
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Start writing the game

Browse source
This commit is contained in:
Aaron Fischer 2015-08-24 16:28:52 +02:00
parent 115859a301
commit 46f2640bab
3 changed files with 53 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
Makefile
View file

@ -1,7 +1,8 @@
default: compile default: compile
compile: compile:
traceur --script src/*.js --out out/js13kgames-2015.js mkdir -p out
babel src/*.js -o out/js13kgames-2015.js
uglifyjs --compress --mangle -- out/js13kgames-2015.js > out/js13kgames-2015.min.js uglifyjs --compress --mangle -- out/js13kgames-2015.js > out/js13kgames-2015.min.js
rm out/js13kgames-2015.js rm out/js13kgames-2015.js
cp -f src/*.{html,css} out/ cp -f src/*.{html,css} out/

14
src/index.html
View file

@ -2,12 +2,18 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>js13kGames 2015 -- Aaron Fischer</title> <title>js13kGames 2015 -- Aaron Fischer</title>
<script src="js13kgames-2015.js"></script> <script src="js13kgames-2015.min.js"></script>
</head> </head>
<body> <body>
<nav>
<ul>
<li>Dust: <strong id="res-dust">0</strong></li>
<li>Time on this ateroid: <strong id="time">0 hours</strong></li>
</ul>
</nav>
<script> <button id="btn-mine">Mine on this asteroid</button>
bootstrap();
</script> <script>bootstrap();</script>
</body> </body>
</html> </html>

42
src/main.js
View file

@ -1,3 +1,43 @@
class Engine {
constructor() {
this.ticks = 0;
this.resources = {
dust: 0
}
}
tick() {
this.ticks++;
}
update() {
document.querySelector('#time').innerHTML = this.ticks + ' hours';
document.querySelector('#res-dust').innerHTML = this.resources.dust;
}
}
class Player {
constructor(engine) {
this.engine = engine;
}
mine() {
console.log('mine');
this.engine.resources.dust++;
}
}
var engine = new Engine();
var player = new Player(engine);
var bootstrap = function() { var bootstrap = function() {
console.log("Hi du"); setInterval(() => {
engine.tick();
engine.update();
}, 1000);
document.querySelector('#btn-mine').onclick = () => {
player.mine();
engine.update();
};
}; };