An open API service indexing awesome lists of open source software.

https://github.com/Specy/genshin-music

A music composer and song learning webapp made for the games Genshin and Sky Cotl. Made with Next.js, WebMIDI, WebAudio, pixi.js
https://github.com/Specy/genshin-music

genshin-impact hacktoberfest music nextjs pixijs pwa react sky-cotl

Last synced: 2 months ago
JSON representation

A music composer and song learning webapp made for the games Genshin and Sky Cotl. Made with Next.js, WebMIDI, WebAudio, pixi.js

Awesome Lists containing this project

README

          

[![wakatime](https://wakatime.com/badge/user/f0147aa6-69b8-4142-806c-050d6fee026e/project/68da356a-cd0b-40cb-996c-0799e406179f.svg)](https://wakatime.com/badge/user/f0147aa6-69b8-4142-806c-050d6fee026e/project/68da356a-cd0b-40cb-996c-0799e406179f)
# 欢迎来到原神音乐和光遇音乐之夜
此项目保存原神和光遇两个音乐应用程序的代码, 您可以在上查看已发布的应用程序 [specy.app](https://specy.app)
![Composer](docs/assets/composer.webp)
![Player](docs/assets/player.webp)

# 如何在开发模式下运行
你需要在你的计算机上安装node.js,你可以在 [这里](https://nodejs.org/en/)下载.

然后将仓库克隆到一个文件夹中,并使用 `npm install` 安装依赖项,如果失败,可以使用`npm install --force` 强制安装。

不要使用 npm run start 来启动开发服务器,会提示没有这个文件

使用 `npm run dev:sky` 或 `npm run dev:genshin` 来启动原神或光遇的开发服务器

你可以使用 `npm run build:genshin` 或 `npm run build:sky` 构建生产服务器, 或者使用 `npm run build:all` 构建两个程序

使用 `npm run preview:genshin` 或 `npm run preview:sky` 来启动已经构建好的服务器 (使用这种方法可以大幅减少资源占用)
windows构建windows运行,linux构建linux运行

# 寻找翻译人员
我正在寻找有人帮助我将我的应用程序翻译成其他语言,
如果您感兴趣,请参照翻译[讨论](https://github.com/Specy/genshin-music/discussions/52)

~~# 如何在开发模式下运行桌面应用程序~~
~~您需要首先启动开发服务器, 教程看 [这](#how-to-run-in-dev-mode) .~~
~~然后你可以运行 `npm run start-tauri`~~

# ~~如何构建桌面应用程序~~
~~该应用程序使用tauri作为桌面捆绑包,这是一个沙盒网络视图。您可以使用 `npm run build-tauri:genshin` , `npm run build-tauri:sky`, `npm run build-tauri:all`来构建它.~~
~~配置是预先设置的,以允许更改日志,如果您没有签名密钥,则构建将失败。~~
~~如果您想在没有变更日志的情况下进行构建, 去 `src-tauri/tauri.conf.json` 文件下将 `updater` 设置为 false~~

# 资料
你可以在[这里](https://github.com/Specy/genshin-music/wiki)找到应用程序的资料
它不是很详细,但可能有助于理解这种格式是如何工作的。

# 如何参与项目
添加一个新的问题,说明你想做什么,然后等待我分配问题。通过这种方式,我们还可以沟通修复/添加问题是否有效。

# README.MD
English | 简体中文 | 日本語 | Türkçe | Indonesian