forked fromntzw/vue-memory-game
- Notifications
You must be signed in to change notification settings - Fork0
A tiny game written in vue. It's inspired by IgorMinar's Memory-Game
License
NotificationsYou must be signed in to change notification settings
qhdz888/vue-memory-game
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
A tiny game written invue2. It's inspired by IgorMinar'sMemory-Game. You can view the online demohere.
If you are looking for
angular2version, check ithere
The online demo is implemented with extra rank system involved, you can check the source code atstage-1 branch.
We choosesingle-file-component pattern as the fundamental of this game. In order to use this pattern, we involvedwebpack withvue-loader to make it possible.
Game, the whole game boardDashboard, the panel on the top, including "logo", "progress", "best result"Logo, on the left ofDashboard, showing the game LogoMatchInfo, on the center ofDashboard, showing the current matching informationScore, on the right ofDashboard, showing the best resultChessboard, on the center ofGame, the playing areaCard, each card in theChessboardPlayStatus, the footer part, displaying current status of game
vue-memory-game├── css│ └── main.css├── img│ ├── ...│ └── zeppelin.png├── js│ ├── components│ │ ├── card│ │ │ ├── Card.vue│ │ │ └── Chessboard.vue│ │ ├── dashboard│ │ │ ├── Dashboard.vue│ │ │ ├── Logo.vue│ │ │ ├── MatchInfo.vue│ │ │ └── Score.vue│ │ ├── footer│ │ │ └── PlayStatus.vue│ │ ││ │ └── Game.vue│ ││ ├── vuex│ │ ├── actions│ │ │ └── index.js│ │ ├── getters│ │ │ └── index.js│ │ ├── mutations│ │ │ └── index.js│ │ └── store│ │ ├── index.js│ │ └── statusEnum.js│ ││ └── index.js│├── index.html_vm├── package.json├── webpack.config.js└── webpack.config.prod.js#cloning codegit clone https://github.com/leftstick/vue-memory-game.gitcd vue-memory-game#install dependenciesnpm install#start debug servernpm start
Now, view the demo athttp://localhost:8080
About
A tiny game written in vue. It's inspired by IgorMinar's Memory-Game
Resources
License
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
No releases published
Packages0
No packages published
Languages
- Vue60.0%
- JavaScript38.8%
- CSS1.2%