首页 > 编程知识 正文

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

时间:2023-05-05 06:21:45 阅读:252110 作者:2903

>桌游概要

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

>项目概要

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

本来想的是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。最终目录结构为:

启动服务器的bat脚本为:

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

关闭服务器的bat脚本为:

start taskkill /F /IM node.exeexit

 

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。