初音ミク「マジカルミライ 2023」 プログラミング・コンテスト 応募作品
歌詞で一筆書きの絵を描ける。二次創作に繋げたい。
- 黒いマウスストーカーの位置に歌詞が表示されます。
- 画面の解像度がキャンバスサイズになります。
- 楽曲選択のセレクトボックスから選択すると表示されている歌詞はリセットされます。
main ブランチデプロイ先: https://oe-kashi.pages.dev
- PC
- Google Chrome 最新版
- iOS, iPad OS
- Safari 最新版
- Android
- Google Chrome 最新版
Volta を使用して Node.js のバージョンを管理しています。
git clone https://github.com/nemuki/oe-kashi.git
cd oe-kashi
{YOUR_TOKEN}
の部分は置き換えてください
echo 'VITE_TEXT_ALIVE_APP_API_TOKEN={YOUR_TOKEN}' > .env
volta install pnpm
pnpm install
pnpm dev
開発ビルドの手順 1. ~ 3.
を行った後に以下を実行してください。 実行後、dist/
内にビルドファイルが生成されます。
pnpm build
TextAlive App API は、音楽に合わせてタイミングよく歌詞が動く Web アプリケーション(リリックアプリ)を開発できる JavaScript 用のライブラリです。
TextAlive App API について詳しくは Web サイト TextAlive for Developers をご覧ください。