https://github.com/laineus/phavuer

A integration library seamlessly combining Phaser 3 with Vue for enhanced game development.
https://github.com/laineus/phavuer

game-engine phaser vue

Last synced: 15 days ago
JSON representation

A integration library seamlessly combining Phaser 3 with Vue for enhanced game development.

• Host: GitHub
• URL: https://github.com/laineus/phavuer
• Owner: laineus
• License: mit
• Created: 2020-10-11T14:04:18.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2024-05-01T03:11:35.000Z (about 2 months ago)
• Last Synced: 2024-06-03T04:03:24.690Z (25 days ago)
• Topics: game-engine, phaser, vue
• Language: Vue
• Homepage:
• Size: 739 KB
• Stars: 146
• Watchers: 7
• Forks: 9
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• my-awesome-stars - laineus/phavuer - A integration library seamlessly combining Phaser 3 with Vue for enhanced game development. (Vue)

README

        
# Phavuer

[![Phaser 3.x](https://img.shields.io/badge/Phaser-3.x-green.svg?style=for-the-badge)](https://github.com/photonstorm/phaser)

[![Vue 3.x](https://img.shields.io/badge/Vue-3.x-green.svg?style=for-the-badge)](https://github.com/vuejs/vue-next)

[![npm](https://img.shields.io/npm/v/phavuer.svg?style=for-the-badge)](https://www.npmjs.com/package/phavuer)

[![license](https://img.shields.io/github/license/laineus/phavuer.svg?style=for-the-badge&color=blue)](https://github.com/laineus/phavuer/blob/master/LICENSE)

![Phavuer](logo.png)  

Phavuer is a wrapper library that integrates [Phaser 3](https://github.com/photonstorm/phaser) with [Vue 3](https://github.com/vuejs/vue-next).  

It allows you to control Phaser, a JavaScript game engine, through Vue, and enables game development through declarative rendering.

```vue

  

    

      

      

        

        

        

      

    

  

import { Game, Scene, Container, Rectangle, Text } from 'phavuer'

import { ref } from 'vue'

import MyCustomComponent from './MyCustomComponent.vue'

const gameConfig = { .. }

const count = ref(1)

const onClick = () => count.value++

```

# Documentation

- Phavuer https://phavuer.laineus.com

- Phaser3 https://newdocs.phaser.io/docs/3.70.0

# Examples

- [Phavuer vs Phaser's plane API](https://codepen.io/laineus/pen/pobgxdE?editors=0010) - A Compilation by example UI.

- [Phavuer Example Shooter](https://github.com/laineus/phavuer-example) - A simple shooter that written in Phavuer.

- [Phavuer RPG Example](https://github.com/laineus/phavuer-rpg-example) - An RPG example (This is just a usage example. Not a completed Game.)

- ["The Dream Libra had"](https://github.com/laineus/libra) - An RPG made with Phavuer (Completed project and published on Steam).