[vue]基于vue的单页面应用游戏——桌游:《星期五》

>桌游概要

该桌游在BGG上的说明:https://www.boardgamegeek.com/boardgame/43570/friday

[vue]基于vue的单页面应用游戏——桌游:《星期五》_第1张图片

>项目概要

跟几个朋友摸鱼的时候弄出来的,规则按照游玩习惯做了点修改。

本来想的是vue+vuex+vue-router+iView弄一个出来,结果当时好像沟通出了错误,结果就变成vue+vuex+jQuery+Bootstrap写的单页面应用程序了,就比较乱。不过总的来说,能玩就行,摸鱼大法好。

这里是项目地址:https://gitee.com/shenpibaipao/board_game_friday

在这里可以试玩:https://shenpibaipao.gitee.io/board_game_friday/(建议使用Chrome)

PS:emmmm,gitee的io地址好像被腾讯管家ban了?玄学,反正腾讯管家那德行,也没啥可说了大家都知道,反正是开源的,直接去开源地址Clone下来玩也是ok的。

这里还有另一款单人桌面游戏——《乌托邦引擎》

>游戏主要素材

图片素材来源(做过适当修改):https://www.boardgamegeek.com/.../mini_card

中文说明书来源:https://www.boardgamegeek.com/.../rulebook

>服务器

服务器可以简单用Node.js搭建,将所有文件git clone下来,放在一个名为"public"的文件夹里,并在该文件夹的同级目录新建"server.js",其代码为:

var express = require('express');
var app = express();
var fs = require("fs");
app.use(express.static("public"));

app.get('/', function (req, res) {
	res.send('启动服务器,游戏运行在-http://127.0.0.1:8080/index.html');
})

app.get('/score', function (req, res) {
	var score_data = {
	     "id":req.query.userId,
	     "score":req.query.userScore
	 }; 
	console.log(score_data);
	var opt={
		encoding:"utf8",
		mode:438,
		flag:"a+"
	};
	fs.writeFile("./public/res/rank", score_data.id+":"+score_data.score+"\n",opt, (err) =>{
		if (err) console.error(err);
		else console.log("文件打开成功!");
	});
})

var server = app.listen(8080, function () {
	console.log("启动服务器,游戏运行在-http://127.0.0.1:8080/index.html");
})

需要express框架:npm install express。最终目录结构为:

[vue]基于vue的单页面应用游戏——桌游:《星期五》_第2张图片

启动服务器的bat脚本为:

taskkill /F /IM node.exe & node server.js

关闭服务器的bat脚本为:

start taskkill /F /IM node.exe
exit

 

你可能感兴趣的:(有趣的事,程序人生,网站,服务器,网络,通信)