Giter VIP home page Giter VIP logo

asmario's Introduction

#说明

  1. 闲来尝试做的基于canvas和键盘操作的东西(尚未完成)
  2. map为数据动态生成,前端可随意调整
  3. 橙色滑块因为设置了横向和纵向尺寸,需要判断工作量较大,进展缓慢,这部分判断依赖role底边在map投影点的位置
  4. 整体采用requestAnimationFrame刷新,并有对此的pollyfill
  5. 键盘为组合键操作,使用枚举类型存储对应动作,比如跳跃到空中时是无法额外操作
  6. 本来当role在屏幕中心时,role不会再移动而map会反向移动,role投影修改之后这一点出错而尚未修复
  7. 平抛边界跳起(bug),这部分判断尚未完成。
  8. 投影判断部分不能作简化代码处理,涉及到8个状态,逻辑上清晰,并可能会有添加 p.s 过于追求仿真了(❁´◡`❁),判断比较多,目前的rpg游戏类对role位置的判断仅为点判断,但这里我做成了二维长方体判断,因此非常麻烦。

#安装

npm install(cnpm install)

#运行

npm start

#打包

npm run build

#使用

q(←)向左, e(→)向右, Space(空格) 跳跃

asmario's People

Contributors

zzjyingzi avatar

Watchers

James Cloos avatar  avatar

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.