meganetaaan / Vue Maze
Licence: mit
A Vue.js component of a simple maze game.
Stars: ✭ 55
Projects that are alternatives of or similar to Vue Maze
Componentfixture
🛠️Interactive sandox playground for vue components
Stars: ✭ 44 (-20%)
Mutual labels: component
Vue Svg Map
A set of Vue.js components to display an interactive SVG map
Stars: ✭ 48 (-12.73%)
Mutual labels: component
React Native Hide Show Password Input
React-Native Hide Show Password InputText Component
Stars: ✭ 50 (-9.09%)
Mutual labels: component
Gomponents
Declarative view components in Go, that can render to HTML5.
Stars: ✭ 49 (-10.91%)
Mutual labels: component
Web Link
The WebLink component manages links between resources. It is particularly useful to advise clients to preload and prefetch documents through HTTP and HTTP/2 pushes.
Stars: ✭ 1,060 (+1827.27%)
Mutual labels: component
Http Foundation
The HttpFoundation component defines an object-oriented layer for the HTTP specification.
Stars: ✭ 8,068 (+14569.09%)
Mutual labels: component
Ngx Siema
Lightweight and simple carousel with no dependencies.
Stars: ✭ 46 (-16.36%)
Mutual labels: component
React Async Fetcher
React component for asynchronous loading/fetch online data
Stars: ✭ 50 (-9.09%)
Mutual labels: component
Vue Glitch
👻 Vue.js component to apply glitch effect in any kind of text
Stars: ✭ 44 (-20%)
Mutual labels: component
Shudan
A highly customizable, low-level Preact Goban component.
Stars: ✭ 43 (-21.82%)
Mutual labels: component
Pannellum React
React Component for Pannellum (open source panorama viewer for the web)
Stars: ✭ 48 (-12.73%)
Mutual labels: component
React Movable
🔀 Drag and drop for your React lists and tables. Accessible. Tiny.
Stars: ✭ 1,064 (+1834.55%)
Mutual labels: component
Faboptions
A multi-functional FAB component with customizable options
Stars: ✭ 1,060 (+1827.27%)
Mutual labels: component
Vue-maze
An itty-bitty maze game made as Vue.js component
- Fit to the component size automatically
- Mousemove/Touchmove/ArrowKey to move the player
- Choose difficulty
- Choose maze generating strategy
- Use your own avator/goal image
Install
$ npm install maze vue-maze --save
import Vue from 'vue'
import Maze from 'vue-maze'
let v = new Vue({
el: '#app',
template: `
<app>
<maze></maze>
</app>`,
components: {
Maze
}
})
Props
Props | Type | Description | Default |
---|---|---|---|
difficulty | string | difficulty(easy|normal|hard) | normal |
strategy | string | maze generating strategy(dig|cluster) | cluster |
image-path | string | the src path to avator image | (a data url of default image) |
goal-image-path | string | the src path to goal image | (a data url of default image) |
Events
Event | Payload | Description |
---|---|---|
init | none | the maze is initialized |
start | none | the player starts to move |
finish | none | the player has arrived at the goal |
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].