为了方便只展示 src 目录下的文件。图片文件夹只展示具体文件夹,不展示具体文件。
.
├── public
│ └── index.html
├── src
│ ├── App.vue
│ ├── assets
│ │ ├── font
│ │ │ └── MFJIANHEI_NONCOMMERCIAL-REGULAR.TTF
│ │ ├── img
│ │ │ ├── components
│ │ │ │ ├── awar
│ │ │ │ └── game
│ │ │ │ └── confirm-info
│ │ │ ├── edit-img
│ │ │ ├── game
│ │ │ ├── home
│ │ │ ├── icon
│ │ │ ├── loading
│ │ │ └── qr-code
│ │ ├── logo.png
│ │ ├── style
│ │ └── svg
│ ├── components
│ │ ├── Award.vue
│ │ ├── Player.vue
│ │ ├── Text.vue
│ │ ├── award
│ │ │ ├── ConfirmInfo.vue
│ │ │ ├── FirstPick.vue
│ │ │ ├── MyInput.vue
│ │ │ ├── WorkLess.vue
│ │ │ └── Worked.vue
│ │ └── game
│ │ ├── EditImage.vue
│ │ └── TextShow.vue
│ ├── main.js
│ ├── router
│ │ └── index.js
│ ├── server
│ │ ├── api.js
│ │ └── index.js
│ ├── store
│ │ ├── index.js
│ │ └── type
│ │ ├── actions.js
│ │ └── mutations.js
│ ├── utils
│ │ ├── loading.js
│ │ ├── orienter.js
│ │ ├── phoneText.js
│ │ ├── schoolNumText.js
│ │ ├── slideChange.js
│ │ └── throttle.js
│ └── views
│ ├── Game.vue
│ ├── Home.vue
│ ├── Loading.vue
│ └── QRCode.vue
├── package-lock.json
├── package.json
├── postcss.config.js
├── vue.config.js
└── yarn.lock
- vue
- vue-router
- axios
- matter.js
- 使用 Vue Cli 创建,按照标准即可完成
-
在Vue中,如果想要刷新当前页面,不建议使用
this.$router.go(0)
,建议使用location.load()
。这个方法在本项目中ios端会失效。但是在PC端和安卓是可以触发的。 -
物理引擎使用的是
matter.js
, 获取手机重力使用的是github上的一个封装库--oritnter.js
- 首先,
matter.js
的官方文档,有点拉胯 - 其次,
oritnter.js
这个库里所使用的方法有一些是需要在https协议下才能生效,这点特别坑!
https://documenter.getpostman.com/view/12012080/TVRoWRLa
- 毛尧俊
- 2020年月日
https://wx.redrock.team/game/redrock-20th/
https://redrock.team/game/redrock-20th/