https://github.com/pengfeiw/vue-hextris

Hextris game written with vue.js
https://github.com/pengfeiw/vue-hextris

canvas canvas-game game vue vuejs

Last synced: about 2 months ago
JSON representation

Hextris game written with vue.js

• Host: GitHub
• URL: https://github.com/pengfeiw/vue-hextris
• Owner: pengfeiw
• License: mit
• Created: 2022-02-07T09:05:27.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-07-15T23:05:24.000Z (over 2 years ago)
• Last Synced: 2023-03-09T01:52:30.313Z (almost 2 years ago)
• Topics: canvas, canvas-game, game, vue, vuejs
• Language: TypeScript
• Homepage: https://pengfeiw.github.io/minicode/hextris
• Size: 1.63 MB
• Stars: 12
• Watchers: 2
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue Hextris

[中文说明](./README_CN.md)

An addictive puzzle game, written with Vue.js.

The design of this game come from [here](https://github.com/Hextris/hextris). It's interesting, I was attracted deeply when I first play this game. So I remake it with vue.js.

So far, I haven't copied enough, There is a little difference between origin version and this version, but the core is same.

## Where to play

1. online

You can play at [here](https://pengfeiw.github.io/vue-hextris).

2. local

Also play at local with serval steps.

clone repository:

```

git clone https://github.com/pengfeiw/vue-hextris.git

``` 

install package:

```

npm install

```

run serve:

```

npm run serve

```

open browser [http://localhost:8080](http://localhost:8080).

## How to Control

1. pc

You can control it with left、right and down arrrow keys or mouse click.

keys:

- left arrow: rotate left

- right arrow: rotate right

- down arrow: speed down

mouse:

- click on left part: rotate left

- click on right part: rotate right

2. touchscreen device

We Also support touch event, so you can play on you mobile.

- touch on left part: rotate left

- touch on right part: rotate right