Code Monkey home page Code Monkey logo

redrock-20th's Introduction

welcome-2020

整体结构

为了方便只展示 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 创建,按照标准即可完成

注意点

  1. 在Vue中,如果想要刷新当前页面,不建议使用this.$router.go(0),建议使用location.load()。这个方法在本项目中ios端会失效。但是在PC端和安卓是可以触发的。

  2. 物理引擎使用的是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/

代码的 GitHub/GitLab 地址

redrock-20th's People

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 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.