All Projects → meganetaaan → Vue Maze

meganetaaan / Vue Maze

Licence: mit
A Vue.js component of a simple maze game.

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
React Dates
React date(range) inputs/pickers
Stars: ✭ 43 (-21.82%)
Mutual labels:  component
Watermark
watermark component
Stars: ✭ 47 (-14.55%)
Mutual labels:  component
Gomponents
Declarative view components in Go, that can render to HTML5.
Stars: ✭ 49 (-10.91%)
Mutual labels:  component
Beziercurve
Bezier curve master
Stars: ✭ 43 (-21.82%)
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
React Components
React components
Stars: ✭ 47 (-14.55%)
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
Ng Selectize
Angular Selectize
Stars: ✭ 44 (-20%)
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
Cascade
A modern library for creating user interfaces.
Stars: ✭ 50 (-9.09%)
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 Form Wizard
Vue.js 2 wizard
Stars: ✭ 1,053 (+1814.55%)
Mutual labels:  component

Vue-maze

An itty-bitty maze game made as Vue.js component

PLAY DEMO

maze-vue

  • Fit to the component size automatically

maze-vue-resize

  • Mousemove/Touchmove/ArrowKey to move the player

maze-vue2

  • Choose difficulty

maze-vue-difficulty

  • Choose maze generating strategy

maze-vue-strategy

  • Use your own avator/goal image

maze-vue-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].