Mutate简介

Mutate是融合了music和rotate形成的单词，意为融合了音乐和旋转

这里展现了一些最基础的用法，详细用法请查看详细使用文档

English Documentation

安装

使用npm:

npm i mutate-game

使用pnpm:

pnpm add mutate-game

script标签引入，使用本地文件

<script src="your mutate.js path"></script>

使用cdn

<script src="https://cdn.jsdelivr.net/npm/mutate-game/dist/mutate-game.iife.js"></script>

插入到你的项目中

首先，你需要一个canvas，这是mutate运行的基础，当然也只需要一个canvas，mutate就能运行。

然后，你可以使用以下代码来向你的项目中插入mutate游戏

import * as mutate from 'mutate-game';

// 这里要求画布的长宽比为16:9，如果不是的话会自动调整
const canvas = document.getElementById('mutate');

const game = mutate.create(canvas);
// 加载游戏内容
await game.load('your music url', 'your mtt url');
game.start(); // 开始游戏

开发

如果你想开发本项目，在github上拉取后，可以按照以下步骤操作

安装依赖包

使用pnpm进行安装

pnpm i

进入开发环境

执行

pnpm dev

便可进入开发环境，在这里，你可以使用vue3+ts+less进行测试开发

打包

执行

pnpm build

便可进行打包，打包后的入口为dist/mutate-game.js，该项可以在vite.config.ts中配置