Git Product home page Git Product logo

tinny-dungeon's Introduction

Tinny Dungeon

基于 PixiJS 的 rogue-like 游戏

A rogue-like game based PixiJS






🎮 操作方法

  • 键盘 w a s d 或者滑动屏幕移动。
  • space enter 或者点击屏幕拾取。

📱 像原生 app 一样运行



👑 PixiJS

  • PixiJS 用来制作精灵动画为基础的 2D 游戏确实非常方便,而且效率一流!测试中在做了 culling 的情况下,5000 个左右的 tile 在桌面端使用核显的情况下可维持 144 帧 (performance 性能帧,pixi 的实际渲染上限是 60 帧)。在移动端可维持在 60 帧。运行中不波动或者仅轻微波动。 WebGL 自然是好,但是如果没有 pixi 这样的基础设施,那开发难度不是个人或者小型机构可以承受的。赞美归于 PixiJS


👑 算法基础设施

  • 游戏中用到的迷宫构造算法、视线遮罩算法、寻路算法、伪随机数生成等等好用的基础工具,来自于 rot-js,特别感谢!


🏛 版权声明

  • 项目中的知识创作内容(包含但不仅限于可编译为二进制资源的 ts、js 源码或 html、css 等静态资源),遵循 MIT 协议,你可以自由的修改分发
  • 项目中的图片等艺术创作内容(包含但不仅限于 png 资源),遵循 CC BY-NC 4.0 协议,使用请为我署名并且不得用于商业内容
  • 项目中的 autotile 算法,来自于 node-autotile,我觉得丑了点修改了一下,抱歉。其协议为 BSD-2-Clause。
  • 项目中使用了 Click Font,其协议为 CC 0。
  • 项目中使用了 Covenant5x5,其协议为 CC BY 4.0。
  • 项目中使用了 musmus 的 BGM ’かぼちゃ騎士団の行進‘,'ヒーローズ','軋み',其协议见 https://musmus.main.jp/info.html。
  • 项目中使用了 Juhani Junkala 的效果音合集 'The Essential Retro Video Game Sound Effects Collection [512 sounds]',他的协议是 CC 0。
  • 创作 tile sprite 用的是 Aseprite。与 node-autotile 配合的图片分割脚本来自 GMS2-Autotile-Converter,是 MIT 协议,但是他的脚本是为 GameMaker Studio 2 制作的。 配合 node-autotile 的方式,我 fork 了一份 并修改了图片分割顺序,你应该使用修改的版本。推荐你给原作者一个 star。
  • 其他未提及的 npm 包遵循由 npm 组织声明的 Artistic License。


🎨 关于作者

avater
JavaScript / HTML / CSS / SCSS / Node.js / React / TypeScript / webpack / Linux / Java / UI Design / Web Design ...
辛 磊
Xin Lei
{ age: 39, background: 'Front-End Programmer', gender: 'male' }


📧 联系作者

[email protected]

tinny-dungeon's People

Contributors

xinleibird avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

touchrank-dev

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.