GithubHelp home page GithubHelp logo

justjavac / screeps-web-ui Goto Github PK

View Code? Open in Web Editor NEW
22.0 3.0 1.0 223 KB

使用 React 实现的自定义 Screeps Web UI

Home Page: https://screeps.devtips.cn/a/

License: MIT License

HTML 1.20% CSS 1.71% TypeScript 34.62% JavaScript 62.47%
screeps screeps-game

screeps-web-ui's Introduction

Screeps Web UI(WIP)

使用 React 实现的自定义 Screeps Web UI。在线演示地址 https://screeps.devtips.cn/a

背景

Screeps 是一款面向编程爱好者的开源 MMO RTS 沙盒游戏,其核心机制是为您的单位编写AI。您可以通过编写 JavaScript 来控制自己的殖民地。

Screeps 的后端代码是开源的,可以在自己的服务器上搭建一个游戏私服,但是前端 UI 并没有开源。只能通过 Sream 客户端来连接游戏服务器。于是我开发了这个 Web UI。

进度

⚠️ 目前只是一个 demo 版本,刚刚完成了房间地图的绘制和单位的显示。

本地开发

clone 本仓库,运行 npm start

git clone [email protected]:justjavac/screeps-web-ui.git
cd screeps-web-ui
npm install
npm start

如果没有报错,则说明本地服务已经正常启动。 在浏览器中打开 http://localhost:3000 可以看到页面。

说明

Api 部分的代码在 node-screeps-api 的代码库基础上进行了修改,并适配了浏览器。将来此部分代码会基于 swr 使用 React Hooks 重写。

许可证

screeps-web-ui 的源码使用 MIT License 发布。具体内容请查看 LICENSE 文件。

screeps-web-ui's People

Contributors

justjavac avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

bytehulk

screeps-web-ui's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.